Embedding GuideGetResponse

How to Embed a Widget on GetResponse

GetResponse's landing page builder includes a Custom Code element that accepts raw HTML, CSS, and JavaScript. This guide covers three methods for embedding an Embeddy widget -- the Custom Code element for inline placement, an HTML block via page settings, and head/body code injection for scripts.

ℹ

GetResponse uses a drag-and-drop landing page builder

The Custom Code element is found under Static Elements in the editor sidebar. It is not the same as the text or image blocks, which do not accept raw HTML.

1. Prerequisites

  • •An active Embeddy account with at least one published widget.
  • •A GetResponse account with access to Landing Pages (available on Marketing Automation plan and above, or as a paid add-on).
  • •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 -- Custom Code Element (Recommended)

The Custom Code element in GetResponse's landing page editor renders raw HTML exactly as written. This is the best way to place an Embeddy widget at a specific location on your page.

Use this method when you want to embed a widget at a specific position on a single landing page. Takes about two minutes.

  1. 1

    Open the GetResponse landing page editor

    In GetResponse, go to Menu > Landing Pages. Click on the landing page you want to edit and select Edit to open the drag-and-drop builder.

  2. 2

    Find the Custom Code element

    In the left sidebar, scroll down to the Static Elements section (or search for "custom code"). You will see the Custom Code element with a code icon.

  3. 3

    Drag the element onto your page

    Drag the Custom Code element from the sidebar onto the page canvas. Position it where you want the Embeddy widget to appear.

  4. 4

    Paste your Embeddy iframe code

    Double-click the Custom Code element to open the code editor. Paste your Embeddy embed code and click Save:

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

    Resize the element container

    After saving, resize the Custom Code element container on the canvas to match your desired widget dimensions. The iframe will fill the container width.

  6. 6

    Publish the page

    Click Publish in the top-right corner. Your widget is now live.

3. Method 2 -- HTML Block in Page Settings

GetResponse also allows adding custom HTML through the page-level settings. This is useful when you want to add code that applies globally to the page rather than in a specific visual location.

  1. 1

    Open page settings

    In the landing page editor, click the gear icon or Page Settings in the top toolbar.

  2. 2

    Navigate to Custom Code

    Find the Custom Code section in the settings. GetResponse provides fields for adding code to the page head and body.

  3. 3

    Paste code in the Body section

    Paste your Embeddy iframe code in the Body (before </body> tag) field:

    <div style="max-width:800px;margin:0 auto;">
  <iframe
    src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
    width="100%"
    height="500"
    frameborder="0">
  </iframe>
</div>
  4. 4

    Save and publish

    Click Save in the settings panel, then Publish the page.

4. Method 3 -- Head/Body Code Injection

For adding tracking scripts or initialisation code to the page <head>, use the Head Code field in Page Settings. This is not suitable for visible widgets but is ideal for analytics or pre-loading scripts.

Note: Code placed in the head section will not render visually on the page. Use this only for scripts. For visible widgets, use Method 1 or Method 2.

  1. 1

    Open Page Settings > Custom Code

    In the editor, click Page Settings and navigate to the Custom Code section.

  2. 2

    Paste into the Head field

    Add your tracking or initialisation script to the Head code field.

  3. 3

    Save and publish

    Click Save, then Publish the landing page.

5. Troubleshooting

Widget shows as a grey placeholder in the editor

GetResponse's editor does not render Custom Code elements in real time. Click Preview or publish the page and visit the live URL to confirm the widget loads correctly.

Widget is cut off or too small

Resize the Custom Code element container on the canvas. Also ensure the height attribute in your iframe is set to an appropriate value (e.g. height="500").

Custom Code element not available in the sidebar

The Custom Code element is located under Static Elements in the sidebar. If you cannot see it, check your GetResponse plan -- some legacy templates may not support this element. Try creating a new landing page with a newer template.

Page loads slowly after adding the widget

Embeddy widgets load inside an iframe and should not block your page. If you notice slowness, ensure you are not loading multiple large iframes on the same page. One widget per page is recommended for optimal performance.

Widget not showing on mobile

GetResponse's mobile editor may hide or resize elements differently. Switch to the Mobile view in the editor and verify the Custom Code element is visible and properly sized for mobile screens.

6. FAQ

Can I embed a widget inside a GetResponse email?

No. Email clients do not support iframes. Include a link in your email that directs subscribers to a landing page where the widget is embedded.

Does the Custom Code element support JavaScript?

Yes. The Custom Code element in GetResponse supports HTML, CSS, and JavaScript. Scripts will execute on the published page.

Can I use the widget on a GetResponse website (not just landing pages)?

Yes. If you are using GetResponse's website builder, the same Custom Code element is available. The process is identical to the landing page method described above.

Will the widget work with GetResponse A/B testing?

Yes. You can add the widget to one or both variants of an A/B test landing page. Each variant is edited independently, so add the Custom Code element to whichever variants you want.

Do I need a developer to embed the widget?

No. The Custom Code element requires only pasting the iframe code -- no programming knowledge needed.

Ready to embed on GetResponse?

Create your widget in Embeddy's no-code builder and drop it into your GetResponse landing page in minutes.

Start for Free
PreviousConvertKitNextActiveCampaign