Embedding Flows

You embed a Flow on your website with a short piece of code. WordPress and Wix each have their own plugin; any other site gets an HTML snippet.

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. Click Copy and paste the code on your website

The copied code already contains your Flow ID. Below it, you can enter your page's address and click Check page: fluss opens the page and looks for your Flow on it.

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

HTML (any other website)

For your own HTML page, or a site builder that lets you paste HTML, copy the whole code from the HTML tab and paste it exactly where the Flow should appear:

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

<script src="https://fluss.ai/embed/flow.es.js" type="module"></script>

Ticking Add basic styling wraps your Flow in a box with rounded corners and a shadow. Without it, the Flow sits in your page without a frame.

Benefits over an iFrame:

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

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>

WordPress

For WordPress there is the plugin Fluss.ai Real Estate Lead Flows. It loads the script itself, so all you need is a short shortcode.

Installation

1. In WordPress Admin, go to Plugins → Add New and search for "Fluss.ai" (or click Plugin on the WordPress tab of Embed & preview in fluss)
2. Install and activate the plugin
3. Embed the Flow via shortcode or block

Using the shortcode

Copy the shortcode from the WordPress tab in fluss and put it on your page:

[fluss-x id="YOUR-FLOW-ID"]

Note the hyphen in fluss-x. With an underscore, WordPress doesn't recognise the shortcode and shows it as plain text.

Two options are available:

• styling="false" removes the shadow and rounded corners: [fluss-x id="YOUR-FLOW-ID" styling="false"]
• height="570px" gives the Flow a fixed height

Using the Gutenberg block

1. Add the Fluss.ai Real Estate Lead Flow block
2. Enter the Flow ID in the block settings on the right
3. Optionally switch off Apply styling or set a Height

Wix.com

For Wix there is the app Fluss.ai Real Estate Valuation in the Wix App Market:

1. In fluss, open Embed & preview, pick the Wix.com tab and click Plugin
2. Add the app to your Wix site with Add to Site
3. Back in fluss, click Copy on the Wix.com tab – it holds just your Flow ID – and enter the ID in the app

Sharing by link

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