Iframe Embed Integration
Drop a feedback form directly into any webpage by pasting a single
<iframe>
tag.
The widget is fully hosted by Feedqip — you control the look from your dashboard.
Quick start
-
1
Open the Iframe page
Go to your product's Integration → Iframe Embed page in the dashboard.
-
2
Configure the widget
Customize the title, subtitle, placeholder text, CTA button label, and thank-you message. Changes appear in the live preview immediately.
-
3
Set allowed domains (CSP)
Enter every domain where the iframe will appear (e.g.
https://mysite.com). This prevents unauthorized sites from embedding your form. -
4
Copy the embed code
Click Copy Code to get the iframe snippet. Paste it into your site's HTML.
Embed code example
<iframe
src="https://your-domain.com/frames/submit/YOUR_PRODUCT_ID"
style="height: 340px; width: 100%; border: none; display: block;"
sandbox="allow-scripts allow-forms"
frameborder="0"
></iframe>
Screenshot: Iframe integration dashboard showing the configuration form on the left and a live preview of the widget on the right.
Adding the widget to popular CMS platforms
WordPress
- 1. Open the page or post where you want the widget in the Block Editor.
- 2. Add a Custom HTML block (click the + button and search for "Custom HTML").
- 3. Paste the iframe embed code into the block.
- 4. Click Preview to verify the widget renders correctly, then Publish.
For the Classic Editor, switch to the Text tab and paste the code at the desired position.
Webflow
- 1. Open your project in the Webflow Designer.
- 2. Drag an Embed element from the Add panel onto the canvas where you want the widget.
- 3. Double-click the embed element and paste the iframe code. Click Save & Close.
- 4. Publish your site. The widget will appear on the live page.
Squarespace
- 1. Edit the target page and click + Add Block.
- 2. Select Code from the block menu.
- 3. Paste the iframe embed code. Make sure Display Source is turned off.
- 4. Click Apply and save the page.
Wix
- 1. Open the Wix Editor and click + Add Elements → Embed Code → Embed HTML.
- 2. Click Enter Code and paste the iframe snippet.
- 3. Click Update and resize the element as needed.
- 4. Publish to make the widget live.
Shopify
- 1. In the Shopify admin, go to Online Store → Pages and select the page (or create a new one).
- 2. In the content editor, click the </> (Show HTML) button.
- 3. Paste the iframe code at the bottom or wherever you want the widget.
- 4. Click Save.
Content Security Policy (CSP)
To protect your feedback form from being embedded on unauthorized sites, Feedqip uses a
frame-ancestors
Content-Security-Policy header. Only the domains you list in the
Allowed Website
field on the Iframe configuration page will be able to display the widget.
Important:
If the iframe doesn't render on your site, check that your domain
is listed in the Allowed Website field — including the protocol (e.g. https://mysite.com).