How to Use the HTML Embed Element

The HTML Embed element allows you to add custom code from external sources, such as videos, audio players, or widgets, directly into your webpage.

1. Adding an Embed Element

1. Open the Elements Panel on the left.
2. Locate the Embed Element under "Media."
3. Click, hold, and drag it to your desired position on the page.

2. Adding Your Code

1. Click on the embed box to activate settings.
2. In the Options Toolbar (left panel), click the code editor.
3. Paste your HTML code into the editor.
4. Click Save, and the content will appear on your page.

3. Example: Embedding a SoundCloud Player

1. Go to SoundCloud and select the audio track you want to embed.
2. Click on Share → Embed and copy the embed code.
3. Paste the code inside the HTML Embed element.
4. The SoundCloud player will now be displayed on your webpage.

4. Customizing the Embed

• The embed settings depend on the code source, but you can usually modify:
• Colors
• Alignment (left, center, right)
• Size (width & height settings)

5. Optimizing for Mobile & Tablet

• Check the Tablet and Mobile Views to ensure proper display.
• Adjust the width and height in the code if needed.

Why Use HTML Embeds?

Enhance your site with interactive content.

Integrate third-party services like SoundCloud, YouTube, Google Maps, and more.

Customize functionality without relying on built-in elements.

Adding custom embeds gives your site more flexibility, allowing you to showcase dynamic content with ease.