How to Embed Your TalleFlow Contact Form on Your Website

Vaasu Guduguntla

Last Update hace 21 días

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:

Tip: Each form has its own unique embed code. Any changes you make to the contact form and republish your changes automatically go live so you don't need to re-embed your form!

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 → ThemesCustomize.
        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 → EmbedCode.
        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

        Form does not appear — Likely cause: the builder stripped custom code. Fix: use a paid plan or the correct HTML/code block.
        Blank frame or error — Likely cause: temporary link expired. Fix: re-publish and copy the permanent forms.talleflow.com/{formId} embed.

        Form looks cut off — Likely cause: height is too short. Fix: increase height to 700 or more.

        Submissions fail intermittently — Likely cause: browser blocks third-party cookies. Fix: refresh and retry. TalleFlow does not depend on third-party cookies.

        💬 Need Help?

        Send us a message in our live 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.

         
         

        Was this article helpful?

        0 out of 0 liked this article