Menu

How to add an additional buy button to your course banner

Please note these instructions are for any of our Theme versions 1.9.1 and lower! 


If you're using our additional pricing feature, and would like to add a buy button for an additional pricing option into your course landing page banner (i.e. next to the main CTA) here's how you can achieve that using our Themes feature:


1. Go to the Themes page of your admin dashboard, Choose My Themes in the upper right hand corner and then Edit HTML/CSS to open the Theme Editor.


2. Expand Course Landing Pages on the left side and either select an existing course landing page layout to edit, or hit Add New Course Landing Page to create a new one.


3. Expand the snippets section on the left side and select the course_landing_page_action_buttons. Select and copy the whole page of HTML on the right.





4. Go back to the landing page layout that you're working on, find the line {% include "course_landing_page_action_buttons" %} (line 19 in the standard layout) and replace that one line with the full code copied from the above step.



 

5. Now you're ready to add in another buy button just for the specific course that you're working on. To do that, find the section in the course landing page action buttons HTML script you just pasted for {% if page.show_purchase_link %} - highlighted in the screenshot below.



6. In between </a> and {% endif %} paste in the following code:

<a href = "URL FOR WHERE BUY BUTTON SHOULD LINK TO" class="btn btn-primary btn-purchase">

              TEXT FOR BUY BUTTON

</a>


Example below:




You will need to edit the above pasted HTML for the URL that your new button directs to as well as the text that should appear.
To find the correct URL for the checkout page for your additional pricing option, you'll need to hover over the buy button for where it currently appears, right click, and select "Copy Link Address" (example here)


7. Click File and Save:







8. Return to the Course Builder for the course and under Landing Page, and Page Theme, find your new custom landing page or the one you edited and click Activate.



7. Now, open up your course landing page in an incognito window to see your shiny new buy button in the banner!


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.