Embedding Flows

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 Preview in the top right
3. The different embedding options are displayed (Web Component, iFrame, direct link)
4. Copy the code and paste it on your website

Web Component (Recommended)

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

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)

Direct URL

You can also simply use the Landing Page URL:

https://fluss.ai/l/real-estate-valuation/abc123

With Custom Domain (Pro):

https://valuation.your-domain.com