Menu

Adding an additional buy button to your course banner (V2 themes)

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:


First you'll want to find the appropriate button. If this is for a course, you want to use the course_action_buttons file, in the Snippets folder. Locate the course.user_can_purchase conditional:


image


You'll want add a second line that reads:

        {% include "button" link: course.links.buy, button_type: "primary", text: course.buy_button_text %}


 If this is for a specific course, you'll want to add a conditional to it to select the specific courseHere's what this looks like:

image


Next, you'll want to hardcode the text and checkout URL. 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)


Here's an example of how that looks for my site:

      {% if course.user_can_purchase %}
        {% include "button" link: course.links.buy, button_type: "primary", text: course.buy_button_text %}
        {% if page.course.id == 139612 %}
          {% include "button" link: "https://ashleyyy.thinkific.com/cart/add_product/152585?price_id=155365", button_type: "primary", text: "Ten Easy Payments" %}
        {% endif %} 
      {% endif %}

 

Be sure to save your work!

 image


and then check it out to make sure it looks correct!

image


Login to post a comment