How to Embed a Widget on Strikingly

Strikingly is a sleek one-page website builder designed for startups, portfolios, and small businesses. It offers an intuitive section-based editor that makes adding content straightforward. This guide walks you through embedding an Embeddy widget on your Strikingly site using the HTML section from the App Store and custom code injection.

Beginner~5 min readUpdated 2026

On this page

Prerequisites

Before you embed your widget, you need two things:

  • Your Embeddy embed code. Log in to your dashboard at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code. It looks like this:
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>
  • A Strikingly Pro plan (or higher). The HTML embed section is available on the Limited plan and above. The free plan supports the App Store HTML section but custom header/footer code injection requires a Pro plan.

Important: Plan requirements

The HTML embed section from the App Store is available on most Strikingly plans. However, custom code injection in the header/footer requires at least a Pro plan. If you cannot find the HTML option, check your plan level in your Strikingly account settings.

HTML Section (App Store)

Strikingly's App Store includes an HTML embed option that lets you add custom HTML code as a section on your page. This is the recommended method for embedding an Embeddy widget in a specific location on your site.

  1. 1

    Open the Strikingly editor

    Log in to your Strikingly account and click Edit on the site you want to modify.

  2. 2

    Add a new section

    Click Add a New Section at the bottom of any existing section, or use the + button in the section list on the left.

  3. 3

    Select App Store & HTML

    In the section picker, choose App Store & HTML. Then select HTML from the available options. This adds an empty HTML section to your page.

  4. 4

    Paste your Embeddy iframe code

    Click on the HTML section. A code editor will appear. Paste your full iframe embed code from the Embeddy dashboard into the code box.

  5. 5

    Save and publish

    Click Save, then click Publish in the top-right corner. Visit the live site to verify the widget loads.

Tip: Strikingly uses a section-based layout, so your HTML embed will be a full-width section. You can drag the section up or down in the section list to reposition it on the page.

Note: The HTML section may not render the iframe live in the editor. You will see the rendered widget after publishing or using the Preview button.

Custom Code (Header/Footer)

For site-wide embeds like chatbot widgets or floating elements, Strikingly offers custom code injection in the page header or footer. This requires a Pro plan or higher.

  1. 1

    Go to Settings

    In the Strikingly editor, click Settings in the left sidebar.

  2. 2

    Open Custom Code

    Navigate to Advanced > Custom Code (or SEO > Custom Code depending on your version).

  3. 3

    Paste your embed code in the footer

    Paste your Embeddy iframe code into the Footer Code section. Using the footer prevents any render-blocking issues.

  4. 4

    Save and publish

    Click Save, then Publish. The widget will appear on all pages of your site.

Warning: Custom code injection affects every page on your site. If you only need the widget on one page, use the HTML section method described above.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for Strikingly. Copy your specific code from the Embeddy dashboard — the WIDGET_ID and PROPS_ID values will be filled in automatically.

<!-- Embeddy widget embed — paste into Strikingly HTML section -->
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  loading="lazy"
  title="My Embeddy Widget"
></iframe>

You can adjust height to match your widget's content. Use width="100%" to make the embed responsive across all screen sizes.

Troubleshooting

The HTML section does not appear in the section picker

Look under App Store & HTML in the section picker. If you still cannot find it, your Strikingly plan may not support HTML embeds. Check your plan level in your account settings.

The widget shows a blank area on the live site

Verify your Widget ID and Props ID are correct. Open the Embeddy dashboard and copy the embed code fresh. Also confirm your widget is published (not in draft mode) in Embeddy.

Custom code option is grayed out or missing

Custom code injection in the header/footer requires a Strikingly Pro plan or higher. Upgrade your plan to unlock this feature. Alternatively, use the App Store HTML section method which is available on lower-tier plans.

Widget is cut off or too small

Increase the height attribute in your iframe code. Strikingly sections have full-width layouts, so the width should scale automatically. Try height="600" or higher.

Frequently Asked Questions

Does embedding an Embeddy widget slow down my Strikingly site?

No. Iframes load independently of your main page. The widget loads from Embeddy's servers in a separate browser thread and does not block your page's rendering. Using loading="lazy" in the iframe tag further defers loading until the widget is visible in the viewport.

Can I position the HTML section anywhere on the page?

Yes. Strikingly allows you to reorder sections by dragging them in the section list on the left side of the editor. Move the HTML section to the desired position between your other content sections.

Will the widget be responsive on mobile?

Yes. Strikingly sites are mobile-responsive by default, and using width="100%" in your iframe ensures the widget scales to fit the screen. Preview the mobile view in the editor to confirm the layout.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your Strikingly site.

Create your free widget at embeddy.ai