Embedding GuideActiveCampaign

How to Embed a Widget on ActiveCampaign

ActiveCampaign's page builder includes a dedicated Embed block designed for adding custom HTML, iframes, and third-party widgets. This guide walks you through using the Embed block to place an Embeddy widget on any ActiveCampaign-hosted page.

ℹ

ActiveCampaign Pages vs. Landing Pages

ActiveCampaign's Pages feature (found under Website > Pages) is the tool for building hosted pages. This is separate from form landing pages. The Embed block is available in the Pages builder.

1. Prerequisites

  • •An active Embeddy account with at least one published widget.
  • •An ActiveCampaign account with access to the Pages feature (available on Plus plan and above).
  • •Your Embeddy iframe embed code -- copy it from your widget's Embed tab in the dashboard.

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 -- Embed Block (Recommended)

The Embed block is ActiveCampaign's built-in tool for injecting raw HTML, iframes, and scripts onto a page. It renders content exactly as written without sanitisation.

Use this method when you want to place a widget at a specific location on an ActiveCampaign page. It takes about two minutes.

  1. 1

    Open the ActiveCampaign page builder

    In ActiveCampaign, navigate to Website > Pages. Click on the page you want to edit and select Edit to open the page builder.

  2. 2

    Add a new block

    Click the + button in the section where you want the widget to appear. The block picker panel will open.

  3. 3

    Select the Embed block

    In the block picker, find and select Embed (it may also appear as "HTML" or "Custom Code" depending on your version). The block will be added to the page.

  4. 4

    Paste your Embeddy iframe code

    Click the Embed block to open its settings. Paste your Embeddy embed code into the HTML code field:

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

    Save and publish

    Click Save, then Publish the page. Visit the live URL to verify the widget renders correctly.

Tip: The Embed block may display a placeholder in the editor rather than the actual widget. Always preview or publish to see the final result.

3. Method 2 -- Custom HTML in Page Settings

ActiveCampaign pages allow you to inject custom code via the page settings. This is useful for tracking scripts or code that should load in the page head or body without being tied to a specific visual block.

Note: Code injected via page settings typically loads in the head or at the end of the body. For precise visual placement of a widget, use Method 1 (Embed block).

  1. 1

    Open page settings

    In the page builder, click the Settings or gear icon to open the page settings panel.

  2. 2

    Navigate to Tracking / Custom Code

    Look for the Tracking or Custom Code section. ActiveCampaign provides fields for header and footer code injection.

  3. 3

    Add your code

    Paste tracking scripts in the Header Code field, or an iframe in the Footer Code field if you want it appended at the bottom of the page:

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

    Save and publish

    Click Save, then Publish the page.

4. Troubleshooting

Embed block shows a placeholder instead of the widget

ActiveCampaign's editor may not render iframe content in real time. Click Preview or publish the page and visit the live URL to see the widget.

Widget is not visible on the published page

Verify that your widget is published in the Embeddy dashboard. Also check that the iframe src URL is correct -- look for typos in the WIDGET_ID or PROPS_ID values.

Widget overflows or is cut off

Adjust the height attribute in your iframe code. Also check the Embed block's width and padding settings in the page builder -- the block may be constraining the iframe.

Cannot find the Embed block

The Embed block is available in the Pages builder (Website > Pages), not in the form builder. Ensure you are editing a page, not a form or email template. The block may be labelled differently depending on your ActiveCampaign version.

Widget works on desktop but not mobile

Ensure your iframe uses width="100%" rather than a fixed pixel width. ActiveCampaign pages are responsive, but fixed-width iframes will overflow on mobile.

5. FAQ

Can I embed a widget in an ActiveCampaign email?

No. Email clients do not support iframes or custom scripts. Instead, include a link in your email that directs contacts to an ActiveCampaign page where the widget is embedded.

Does the Embed block support JavaScript?

Yes. The Embed block accepts full HTML, CSS, and JavaScript. Scripts will execute on the published page.

Can I use personalisation fields inside the embed code?

ActiveCampaign's page builder does not natively support contact personalisation tags inside Embed blocks. If you need dynamic content, consider using URL query parameters and handling them in your Embeddy widget configuration.

Will the widget affect my page's loading speed?

Embeddy widgets load inside an iframe asynchronously, meaning they do not block the rest of your page from rendering. Impact on page speed is minimal.

Do I need a developer to add the widget?

No. The Embed block requires only pasting the iframe code -- no technical knowledge needed.

Ready to embed on ActiveCampaign?

Create your widget in Embeddy's no-code builder and drop it into your ActiveCampaign page with the Embed block in minutes.

Start for Free
PreviousGetResponseNextKartra