Menu

Customize the "Buy" button text

If you would like to customize the text on the "Buy" buttons for your course landing pages, you can do that with a quick change to your theme HTML. Below you'll find instructions for replacing the default text with text only (no pricing), and some instructions for replacing the text and keeping the pricing automatically added in there.



Replacing the default text with text only (no pricing)


1. Go to Themes > Manage My Themes on your admin dashboard and select to "Edit HTML/CSS" for your theme.

 

2. In your theme, navigate to Snippets > course_action_buttons and find the following lines:


      {% if course.user_can_purchase %}

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

      {% endif %}


3. You'll need to replace the part highlighted in yellow above with your chosen text in speech marks, as shown below:


image


4. Save your changes by clicking on File > Save Changes.


And that's it! Your new "Buy" button text will be reflected on your course landing pages.



Replacing the default text with text and pricing


1. Go to Themes > Manage My Themes on your admin dashboard and select to "Edit HTML/CSS" for your theme.

 

2. In your theme, navigate to Snippets > course_action_buttons and find the following lines:


      {% if course.user_can_purchase %}

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

      {% endif %}


3. You'll need to replace the line shown in yellow above with the following:


<a href="{{ page.buy_course_url }}" class="btn btn-primary btn-purchase">

    YOUR TEXT GOES HERE {{ course.display_price }}

</a>


E.g. 


<a href="{{ page.buy_course_url }}" class="btn btn-primary btn-purchase">

    Enroll {{ course.display_price }}

</a>


Here's an example:


image


4. Save your changes by clicking on File > Save Changes.


And that's it! Your new "Buy" button text will be reflected on your course landing pages.