Embedding Flows

How to embed fluss.ai Flows on your website - Web Component, WordPress, or Wix.

Last updated: 2026-09-24

Flows can be embedded on your website in various ways. The recommended method is the Web Component.

Finding the Embed Code

Here's how to find the embed code for your Flow:

  1. Open the Flow in the editor
  2. Click Embed & preview in the top right (or Preview in the flow overview)
  3. Pick your kind of website: WordPress, Wix.com or HTML
  4. Copy the code and paste it on your website

There is no link that opens the form on its own. To share your Flow as a link anyway, see Sharing by link.

The Web Component is the best method for embedding:

<fluss-x id="YOUR-FLOW-ID"></fluss-x>
<script src="https://fluss.ai/embed/flow.es.js"></script>

Benefits of Web Component:

  • Automatic height adjustment
  • Responsive on all devices
  • Seamless integration into design
  • No iFrame issues
  • No third-party cookie problems

Why Web Component instead of iFrame? Better performance (no separate browser context), no privacy issues with third-party cookies, and automatic height adjustment.

Traffic Source (source)

The page URL (including any UTM parameters) is automatically captured and stored with the lead as the traffic source. No additional code is needed.

If you want to override the automatic source, use the source attribute:

<fluss-x id="YOUR-FLOW-ID" source="custom-source"></fluss-x>

Learn more about tracking and UTM parameters in Tracking & Analytics.

WordPress Plugin

fluss.ai offers a WordPress plugin for easy integration:

Installation

  1. Search for the plugin in WordPress Admin under "Plugins" → "Install"
  2. Install and activate the "fluss.ai" plugin
  3. Embed Flow via shortcode or block

Using Shortcode

[fluss_x id="YOUR-FLOW-ID"]

Using Gutenberg Block

  1. Add "fluss.ai Flow" block
  2. Enter Flow ID
  3. Done!

Wix.com Integration

For Wix websites, embed the Flow via Web Component:

  1. In Wix Editor: "Add" → "Embed Code" → "Embed HTML"
  2. Paste the Web Component code (see above)

A Flow always runs embedded in a page. To share it as a link (email, WhatsApp, social media) you have two options:

  • The page on your website where the Flow is embedded. Just pass on its address.
  • A landing page on fluss.ai. Create a new page under Landing Pages - your most recently created Flow is already embedded in it. Once published, you get a link like this:
https://fluss.ai/l/real-estate-valuation/abc123

With Custom Domain (Pro):

https://valuation.your-domain.com

Related Articles