Skip to content
English
  • 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.

    EMBEdd (19)
  • Choose the Widgets (Embeddables) option.

    embeddables
  • Now, click the Create button.

    EMBEdd (21)
  • Here, enter the Embeddables' title and a short description.

    EMBEdd (8)
  • Select the embeddable type, and then click the Save button.
  • Now I've chosen the product choice. It's a sales card. 

    EMBEdd (1)
  • Once you click the create button, you will be redirected to wedget builder
  • Now, click the text and edit it to what you want. 

    EMBEdd (2)-1
  • Then,click on sales card widget.
  • On the right side, click on the "connect to lms" for Sales card widget

    EMBEdd (3)
  • Now choose the product you want to create a sales card.

    EMBEdd (4)
  • Also, you can edit the Buy Button text.
  • Once you've provided the necessary information, click the Save button. 

    EMBEdd (6)
  • 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.

    EMBEdd (10)
  • You will now be on this page. Click the Publish Status option, then select Live, and click the Publish button.

    EMBEdd (11)
  • 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.

    EMBEdd (12)
  • 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. 

    EMBEdd (13)
  • Now select the HTML / JS option. 

    EMBEdd (14)
  • Now, click the Edit Code button.

    EMBEdd (15)
  • Now, delete the default code and replace it with our copied code. 

    EMBEdd (17)
  • Then click the OK button. 

    EMBEdd (16)-1
  • You have now added the embeddable's code. Now, click the Save and Preview icons. 
     
    EMBEdd (18)
  • Now you can see the designed embeddable on your website page. 

    EMBEdd (22)
  • By following these steps, you can create and use embeddables on different kinds of platforms.