Menu

How do I customize the buy buttons on my landing page? (Curriculum & Default)

***NOTE - These instructions are for our older themes (Curriculum & Default). If you're using one of our new Themes and need some help with customizing the CTAs, please start a new thread and we'll get back to you ASAP!***


We often get questions about customizing the CTAs on course landing pages, particularly the buy buttons, and that's perfectly understandable. A key part of selling your course is having the perfectly worded buy button in the perfect place.


Below I'll cover a few of the most common requests and show you how these customizations can be made.


Note: Some of these changes do require updates to the theme for your site, but don't worry if you've never used HTML before - if you follow the instructions you'll be fine! Before getting started though, be sure to read this article for an introduction to themes on Thinkific.



Request #1 - "I'd like to change the wording of the buy button"


The buy buttons that appear at the top and bottom of your course landing page can be changed in your theme on the page called Snippets > course_landing_page_action_buttons.


The default text for the buy button is added in using the variable {{ page.course_buy_button_text }} (as shown below).



To remove the pricing from the buy button, replace this whole line with your chosen text; e.g.



 To customize the wording before the pricing, replace this line with your chosen text followed by the variable {{ page.course_price_with_applied_coupon }} ; e.g.



Once the theme has been saved and enabled for your course landing page, the buy buttons will be updated!



Request #2 - "I'd like to remove the buy button from the top of my course landing page"


If you don't want visitors to be hit by a CTA until they've read your sales copy, you can remove the buy button from the top of your landing page:


Head to Course Landing Pages > Default Course Landing Page in the theme and delete the line {% include "course_landing_page_action_buttons" %}.



Once the theme has been saved and enabled for your course landing page, the buy buttons will be gone from the banner image at the top.


You can then follow the instructions for request #3 to add extra CTAs anywhere that you like!



Request #3 - "How do I add extra CTAs to my landing page?"


If you'd like to add extra calls-to-action into your sales copy, then this is super easy to do using the editor for the Course Description field.


All you need to do is have an image for your buy button. You can then add this into your course description wherever you like using the 'Insert Image' button.



Once your image is inserted, click on it and select 'Edit' to make your image link directly to the signup/checkout page for your course. (Here's how to find the direct link to checkout)



***Is there anything else you're looking to customize about the buy buttons on your site? Leave us a comment below!***



5 people have this question

Hi!

I used the instructions/code that is offered in the "How to Pre-Launch Your Pilot Course" course (Section 3 - How to - Make a landing page (method 2)). Awesome value btw, it's exactly what I needed.

All is good, except the "submit" button does not follow the style sheet (the color is not right). Could you either tell me how I could change it by hand or force it to use the style sheet "primary button color"? Thanks!

 

Hi Claudia,


Yay, glad you're enjoying the course!!


For adding in the email capture, it looks like you just need to add the style sheet for the form to your landing page.


To do that, you can paste the following under Landing Page > Page Code:


<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">

<style type="text/css">

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}

/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.

We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

</style>


Once you've done that, if you go to Preview > Landing Page it should look as expected :)


Thanks!

Catherine

How would I change the color of the button text?

Hi Matt!


The colour of the Buy button itself is based on the Primary Button Colour set under Branding on your admin dashboard.


If you need to change the colour of the text itself, that's a little trickier and requires some knowledge of HTML/CSS. Generally white text on a coloured background works the best, though.


If you would still like to change it, then if you start a new thread we'll be happy to point you in the right direction :)


Thanks!

Catherine

Hi Catherine!


Thank your for the tips!


Unfortunately, it works only partially for me. I tried to change the wording of the "buy" button (following your tips from Request #1)

It works well for the extra CTA button I added at the bottom of my landing page. However, the button at the top, in the header, stays intact - still showing "buy" instead of my custom text.


BTW, I'm using this layout: "Snow-1-6-1v1-0-3 Course Landing Page"


Thanks in advance for any help!


Best,

Aga

Hi Aga!


Since you're using the Snow theme, you would have to make the change on snow-1-6-1v1-0-3_course_landing_page_action_buttons:


image


Hope this helps!


Oliver

Login to post a comment