Embed in Webflow

You can add a Clipform to any Webflow page using the Embed element.

Steps

1. In the Webflow Designer, navigate to the page where you want the form
2. From the Add Elements panel (shortcut: A), drag an Embed element onto the canvas where you want the form
3. Paste the embed code:

<div data-embed-id="YOUR_SHARE_ID" style="aspect-ratio: 9/16; background: #F3F4F6; border-radius: 8px;"></div>
<script src="https://clipform.io/embed.js"></script>

4. Replace YOUR_SHARE_ID with your form's share ID
5. Click Save & Close
6. Publish the site to see the form live

Controlling the size

The form fills the width of its parent element. To control the size in Webflow:

1. Select the Embed element on the canvas
2. In the Style panel, set a Max Width (e.g. 400px)
3. Set Margin to 0 auto to centre it

Alternatively, place the Embed element inside a Div Block and style the Div Block to control width and positioning.

Troubleshooting

• Embed not rendering in the Designer - Webflow's Designer doesn't execute external scripts. The form will only appear on the published site or in Preview mode.
• Form not loading after publish - double-check the share ID and make sure the form is set to Live in the Clipform dashboard.

See the general embed guide for more options like the JavaScript API and sizing details.