Embedding GuideLeadpages

How to Embed a Widget on Leadpages

Leadpages provides a dedicated HTML widget in its drag-and-drop builder that makes embedding custom code effortless. Simply drag the widget onto your page, paste your Embeddy iframe code, and publish. This guide walks through the process step by step.

ℹ

Leadpages HTML Widget

The HTML widget is available on all Leadpages plans. It supports iframes, JavaScript, and any custom HTML. You will find it in the Widgets panel on the left side of the builder.

1. Prerequisites

  • •An active Embeddy account with at least one published widget.
  • •A Leadpages account (Standard, Pro, or Advanced plan).
  • •Your Embeddy iframe embed code — copy it from your widget's Embed tab in the dashboard.
  • •An existing Leadpages landing page or site page to embed the widget on.

Your Embeddy iframe code:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

2. Method 1 — HTML Widget (Recommended)

The HTML widget is the primary way to add custom code to a Leadpages page. It accepts any HTML including iframes and script tags.

Use this method when you want to embed a widget at a specific location on your Leadpages landing page. It is the simplest and most reliable approach.

  1. 1

    Open your page in the Leadpages builder

    In your Leadpages dashboard, find the page you want to edit and click Edit to open the drag-and-drop builder.

  2. 2

    Open the Widgets panel

    On the left side of the builder, click the Widgets tab (the panel with draggable elements). Scroll down to find the HTML widget under the "Advanced" or "More" section.

  3. 3

    Drag the HTML widget onto the page

    Click and drag the HTML widget from the panel onto the page canvas. Drop it in the section where you want the Embeddy widget to appear. A placeholder box will appear.

  4. 4

    Paste your Embeddy iframe code

    Click the HTML widget on the canvas to select it. An HTML code editor will appear. Clear any placeholder content and paste your Embeddy embed code:

    <iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0">
</iframe>
  5. 5

    Save and close the editor

    Click Save to apply the HTML code. The widget may or may not render in the builder preview — this is normal.

  6. 6

    Publish the page

    Click Publish in the top-right corner. Then click Preview to verify the widget renders correctly on the live page.

Tip: If the widget does not render in the builder preview, do not worry. The HTML widget often shows a placeholder in the editor. Always check the live published page or use the Preview function.

3. Method 2 — Head Section Tracking Code

For scripts that need to load in the page <head> (e.g. analytics or initialisation scripts), use Leadpages' Head Section Tracking Code feature.

Note: This method injects code into the page head. It is useful for scripts but not for placing a visible widget at a specific location. For visible widgets, use Method 1.

  1. 1

    Open Page Settings

    In the Leadpages builder, click the Page Settings gear icon (usually in the top toolbar or side panel).

  2. 2

    Navigate to SEO & Analytics

    In Page Settings, go to the SEO & Analytics tab. You will find a Head Section Tracking Code text area and a Body Section Tracking Code area.

  3. 3

    Paste your script code

    Paste your initialisation script or tracking code. Click Save.

  4. 4

    Publish the page

    Click Publish to push the changes live.

4. Troubleshooting

Widget does not appear on the published page

Ensure you clicked Publish after saving. Also verify the HTML widget is not accidentally set to hidden. Check the widget's visibility settings in the builder.

HTML widget shows a blank area in the editor

This is expected. Leadpages' builder does not always render iframe content in the editor preview. Check the live page URL after publishing.

Widget is cut off or has incorrect dimensions

Adjust the width and height attributes in your iframe code. Also check the section width in Leadpages — narrow columns may constrain the widget.

Cannot find the HTML widget in the panel

Scroll down in the Widgets panel — the HTML widget is typically in the Advanced section at the bottom. If you are using the Standard builder (older templates), look for HTML/CSS/JS in the element options.

Widget does not appear on mobile

Leadpages pages are responsive by default, but verify the HTML widget is visible on the mobile view by toggling to mobile preview in the builder. Adjust the iframe width to 100% for responsive behaviour.

5. FAQ

Can I use the HTML widget on any Leadpages plan?

Yes. The HTML widget is available on all Leadpages plans including Standard, Pro, and Advanced.

Can I embed a widget on a Leadpages popup or alert bar?

Leadpages popups and alert bars have limited customisation options and may not support the HTML widget. For best results, embed widgets on landing pages or site pages.

Does the widget slow down my Leadpages page?

Iframes load asynchronously and do not block the main page rendering. Embeddy widgets are lightweight and optimized for fast loading, so impact on page speed is minimal.

Can I add multiple widgets to the same Leadpages page?

Yes. Drag multiple HTML widgets onto the page and paste different Embeddy iframe codes into each one. Each widget operates independently.

Do I need a developer to embed the widget on Leadpages?

No. The HTML widget is a drag-and-drop element — no coding required beyond pasting the iframe code.

Ready to embed on Leadpages?

Create your widget in Embeddy's no-code builder and drag the HTML widget onto your Leadpages page in minutes.

Start for Free
PreviousUnbounceNextInstapage