Platform Setup4 min read

How to Add FloatMessage to Your Wix Website

This guide shows you how to add FloatMessage to your Wix site using Wix's custom code feature. No coding experience needed — just copy, paste, and publish.

1

Sign up and create your first message

Go to floatmessage.com/login and sign in with Google. You'll get a 30-day free trial with full access — no credit card required.

In the dashboard, click Messages in the sidebar, then New Message. Pick a template, customize it, and save.

FloatMessage dashboard showing the message editor with template selection and HTML/CSS editing
Create and customize your message in the dashboard
2

Copy your embed code

Go back to your Dashboard home page. You'll find your embed snippet there. It looks like this:

<script src="https://floatmessage.com/embed/floatmessage.js" data-user="YOUR_USER_ID" defer></script>

Copy the full snippet — you'll paste it into Wix in the next step.

FloatMessage dashboard showing the embed snippet with User ID
Copy the embed snippet from your dashboard
3

Add custom code in Wix

Wix lets you add custom code snippets to your site through the dashboard. Follow Wix's official guide to add a custom element:

Wix Editor: Adding Custom Code to Your Site

Note: When adding the code in Wix, make sure to select Body - end as the placement and apply it to All pages so FloatMessage loads on every page of your site.
4

Paste the FloatMessage snippet

In the custom code dialog, paste the embed snippet you copied in step 2:

<script src="https://floatmessage.com/embed/floatmessage.js" data-user="YOUR_USER_ID" defer></script>

Give it a name like FloatMessage so you can identify it later, then click Apply.

Tip: Using data-user loads all your active messages and chat widget automatically. You never need to update the code in Wix when you create or edit messages — everything is managed from the FloatMessage dashboard.
5

Publish and verify

Click Publish in the Wix editor to make your changes live. Open your site in a new tab — you should see your floating message appear based on the trigger you configured.

Note: If you don't see anything, make sure the message is set to Active in the FloatMessage dashboard and that the trigger conditions are met (e.g., scroll down if using a scroll trigger).
Tip: Custom code in Wix only works on published sites — you won't see FloatMessage in the Wix editor preview.