Articles on: Courses

How To Add A Buy Button Inside A Lesson


Overview:

To guide users on integrating a buy button within their course lessons in Shopify, facilitating direct purchases from the lesson interface.


Table Of Content:

  1. Install and Configure Buy Button
  2. Adding the Buy Button in Tevello


Install and Configure Buy Button


  1. Access Buy Button Channel
If you haven’t installed the Buy Button app yet, click here to donwload Buy Button Channel app
  1. If already installed, go to Sales Channels and select Buy Button in your Shopify admin.



  1. Click on Create a Buy Button



  1. Choose whether to create a button for a single product or a collection. For this SOP, select Product.



5.Browse and select the product you want to link with the buy button, then click Select.



Customize the button's appearance, including layout (basic, classic, full view), action after click (e.g., add to cart, checkout), color, style, button text, and image size.



  1. After customizing, click Next



  1. Then Copy Code to copy the HTML code for the buy button.



Adding the Buy Button in Tevello


  1. Navigate back to Tevello and then click Courses.



  1. Go to the specific course where you want to add the buy button.



  1. Select the Lesson where you want to add the Buy Button



  1. Click on Add, select Add HTML



  1. Paste the copied code into the HTML field then Save the changes to implement the buy button in the lesson.



  1. Preview and Test. Preview the lesson to ensure the buy button appears correctly and functions as intended.
Go to timestamp 1:43 to see How to preview the buy button








Updated on: 05/04/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!