How to Add FloatMessage to Your Shopify Store
This guide walks you through adding FloatMessage to your Shopify store. By the end, you'll have floating messages and optionally live chat running on every page of your store.
Sign up and create your first message
If you haven't already, 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.
Once you're in the dashboard, click Messages in the sidebar, then New Message. Choose a template (the Welcome Banner is a great starting point), customize it, and save.
Copy your embed code
Go to your Account page in the dashboard. 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>The data-user attribute loads all your active messages and chat widget automatically.
data-user means you never need to update the embed code when you create or edit messages — everything is managed from the dashboard.Open your Shopify theme code editor
In your Shopify admin, go to Online Store → Themes. Click the … button next to your current theme and select Edit code. Follow Shopify's official guide if you need help finding it:
Paste the embed code before the closing body tag
In the theme code editor, open Layout → theme.liquid. Scroll to the bottom and find the closing </body> tag. Paste your embed code just above it:
<!-- FloatMessage -->
<script src="https://floatmessage.com/embed/floatmessage.js" data-user="YOUR_USER_ID" defer></script>
</body>
</html>Click Save. That's it — FloatMessage is now live on every page of your store.
data-user loads all your active messages and chat widget automatically. You never need to update the Shopify code when you create or edit messages.Verify it's working
Open your Shopify store in a new tab. You should see your floating message appear based on the trigger you configured (immediately, on scroll, after a delay, or on exit intent).