Skip to main content

🧩 How to Embed Your TalleFlow Contact Form on Your Website

After you create a form in Contact Forms, you can publish it and place it on your website. Submissions go straight into your TalleFlow CRM so nothing slips through the cracks.

Vaasu Guduguntla avatar
Written by Vaasu Guduguntla
Updated yesterday

🔹 Step 1: Publish and Copy Your Embed Code

  1. Go to Contact Forms in TalleFlow.

  2. Open the form you want to use.

  3. Click Publish.

  4. In the Publish modal, click Copy Embed Code.

Example:

<iframe    src="https://forms.talleflow.com/{formId}"    width="100%"    height="700"    frameborder="0"    style="border:0; border-radius:8px;"> </iframe>

Tip: Each form has its own unique embed code. If you edit and republish, the same link stays valid and your changes go live.

If your code uses a temporary testing link and you see “X-Amz” in the URL, that link will expire. Use the permanent https://forms.talleflow.com/{formId} version from the Publish modal.

🔹 Step 2: Add the Embed Code to Your Website

Pick your website builder and follow the steps.

Squarespace

  1. Open your Squarespace editor and navigate to the page.

  2. Add a Code block.

  3. Paste your TalleFlow embed code.

  4. Apply and save.

Works best on Business or Commerce plans.

Wix

  1. Open Wix Editor.

  2. Add → Embed → Embed a Site.

  3. Paste the iframe URL.

  4. Resize as needed.

Webflow

  1. In Designer, drag an Embed component onto the page.

  2. Paste your code.

  3. Save and publish.

Shopify

  1. Online Store → Themes → Customize.

  2. Add a Custom HTML or Custom Liquid block.

  3. Paste your code.

  4. Save and preview.

WordPress (self-hosted)

  1. Edit your page or post.

  2. Add a Custom HTML block.

  3. Paste your code.

  4. Preview and update.

You need a role that can add HTML. Admin is recommended.

Weebly

  1. Drag an Embed Code element to your page.

  2. Paste your iframe.

  3. Publish.

GoDaddy Website Builder

  1. Open the page in the editor.

  2. Add an HTML section.

  3. Paste your code.

  4. Save.

Carrd

  1. Add → Embed → Code.

  2. Paste your iframe.

  3. Save and publish.

Framer

  1. Add an Embed block.

  2. Paste your code.

  3. Resize for your layout.

⚠️ Platforms That Do Not Allow External Iframes

Notion does not allow custom iframes on native pages. If your site is built on Notion, use a Notion site wrapper that supports custom code such as Super or Potion.

🧩 Troubleshooting

Problem

Likely cause

Fix

Form does not appear

The builder stripped custom code

Use a paid plan or the correct HTML/code block

Blank frame or error

Temporary link expired

Re-publish and copy the permanent forms.talleflow.com/{formId} embed

Form looks cut off

Height is too short

Increase height to 700 or more

Submissions fail intermittently

Browser blocks third-party cookies

Refresh and retry. TalleFlow does not depend on third-party cookies

💬 Need Help?

Send us a message in the Intercom chat and include:

  • Your website URL

  • The page where the form should appear

  • A screenshot of the code section you pasted

We will take a look and help you fix it.

You’re all set. Your TalleFlow form is now live and new inquiries will flow into Contacts in real time.

Related Articles
Contact Forms & Lead Capture
Did this answer your question?