Skip to content
  • There are no suggestions because the search field is empty.

Overview of the Widgets (embeddables)

Showcase your products and courses on your website by adding embed code. This way you can showcase your courses wherever you want.

  • To create widgets (embeddables) for your website, first log in as an admin.
  • Then choose Websites & Apps from the left-hand menu.
  • Choose the Widgets (Embeddables) option.
  • Click the Create button.

    Overview of the Widgets (embeddables) step 1
  • Here, enter the Embeddables' title and a short description.

    Overview of the Widgets (embeddables) step 2
  • Select the embeddable type, and then click the Save button.
  • Now I've chosen the product choice. It's a sales card. 

    Overview of the Widgets (embeddables) step 3
  • Once you click the create button, you will be redirected to wedget builder
  • Now, click the text and edit it to what you want. 

    Overview of the Widgets (embeddables) step 4
  • Then,click on sales card widget.
  • On the right side, click on the "connect to my institute" for Sales card widget

    Overview of the Widgets (embeddables) step 5
  • Now choose the product you want to create a sales card.

    Overview of the Widgets (embeddables) step 6
  • Also, you can edit the Buy Button text.
  • Once you've provided the necessary information, click the Save button. 

    Overview of the Widgets (embeddables) step 7
  • You can now view the designed sales card.
  • After you've finished designing, you can publish your embeddable. To publish your embeddables, select the Settings icon.

    Overview of the Widgets (embeddables) step 8
  • You will now be on this page. Click the Publish Status option, then select Live, and click the Publish button.

    Overview of the Widgets (embeddables) step 10
  • Your embeddable has been published. Now you can place your embeddable on any website.
  • To use this embeddable, select the Embed code button and copy the code.

    Overview of the Widgets (embeddables) step 11
  • For example, I plan to add this code to our learnyst's website builder.
  • Navigate to your website builder to add this embeddable. Click the "+" icon. 

    Overview of the Widgets (embeddables) step 12
  • Now select the HTML / JS option. 

    Overview of the Widgets (embeddables) step 13
  • Now, click the Edit Code button.

    Overview of the Widgets (embeddables) step 14
  • Delete the default code and replace it with our copied code. 

    Overview of the Widgets (embeddables) step 15
  • Then click the OK button. 

    Overview of the Widgets (embeddables) step 16
  • You have now added the embeddable's code. Now, click the Save and Preview icons. 
     
    Overview of the Widgets (embeddables) step 17
  • Now you can see the designed embeddable on your website page. 

    Overview of the Widgets (embeddables) step 18
  • By following these steps, you can create and use embeddables on different kinds of platforms.