Integrate a Form Into External Website

You can embed any Solidarity Tech page on an external website. The embed automatically resizes to fit its content, and form submissions work the same as they do on your Solidarity Tech site.

Embedding a page

1. Open the page in your dashboard. On the Details tab, click the arrow beside Page Settings.
2. Find the Embed Code field and click Copy.
3. Paste the code into your website's HTML.

The embed code looks like this:

<iframe data-st-embed src="https://your-site.solidarity.tech/page-url/embed" allow="payment *" style="width:100%;border:none;min-height:500px;" title="Your Page Title"></iframe>
<script src="https://your-site.solidarity.tech/embed/v1.js" async></script>

Keep both parts. The iframe displays your page, and the script resizes the frame. If you embed several pages on one website page, include the script tag once.

Where to paste it:

WordPress: Add a Custom HTML block.
Squarespace: Add a Code block.
Wix: Add Elements > Embed Code > Popular Embeds > Embed HTML > Enter Code.
Webflow: Add a Code Embed element.
Other platforms: Paste anywhere the platform accepts custom HTML.

By default, a page with a form embeds only the form. A page builder page ('Landing Page' in the page type list) embeds as the whole page. Embedded submissions record the same data as regular submissions, and UTM parameters on the host page's URL carry into the submission. To tag every submission from one site, add the UTM values to the iframe src in that site's embed code.

Options

Add these parameters to the iframe src, and combine them with &:

?full=true: Also shows the page's title, image, subtitle, and content above the form. On a 'Form / Survey' page, it shows only the subtitle and content.

?breakout=true: Redirects the entire host page after submission instead of just the embedded frame, except on payment pages.

?only_event_session_ids=123,456: On event pages, limits which sessions appear in the embedded RSVP form. To find a session ID, see Pre-selecting Event Sessions via URL.

If your website builder strips script tags

Some platforms remove <script> tags. Then use only the iframe and give it a fixed height. The form works, but the frame does not resize:

<iframe src="https://your-site.solidarity.tech/page-url/embed" style="width:100%;border:none;" height="900"></iframe>

If the platform only accepts a link (not HTML), link directly to the page's /embed URL or to the page itself.

Troubleshooting

If a link inside the embed shows "refused to connect," remove the elements that navigate away. On a page builder page, set Navigation Style to None in the Navigation section, or create a separate page for embedding.

If the form does not submit, make sure the iframe URL ends with /embed. Card payments and 3D Secure verification work inside embeds.

Existing setups that use the older solidarity-tech-resize script continue to work. New embeds do not need it.