Learnworlds

You can easily add the Embeddable you created to your LearnWorlds website by copying and pasting a simple code snippet. Once it's added, you can continue editing and updating the Embeddable from your dashboard, and all changes will automatically appear on your live site without needing to update the code again.

Step 1: Copy the Embed Code

1. In the top-right corner of the editor, click the Embed button
   

2. A popup window will appear with your embed code. Click the Copy Code button
   

Step 2: Add the Embed Code to LearnWorlds

1. Choose a Method

There are two ways you can add the Embeddable to your LearnWorlds site: by adding a section or by adding a widget.

---

Method 1: Add Using a New Section

1. On the LearnWorlds editor, click on Add New Section where you want the Embeddable to appear
   

2. From the list on the left, click Embed
   

3. Click the gray Embed Image
   

4. Click the Embed section you added to open the editor
   

5. In the right panel, paste your embed code in the Embedded Code window
   

6. Click Update
   

---

Method 2: Add Using a Widget

1. Click Add Widget where you want the Embeddable
   

2. Select Embed Code from the left list
   

3. Click the Embed Code Widget
   

4. Paste the embed code in the Embeddable Script window on the right
   

5. Click Update
   

💡 Tip: The Image Hotspot content will not appear in the LearnWorlds editor. It will only be visible in preview or on the published site.