Step 1: Project settings
Log into your Webflow account, then go into your site's project settings.
Step 2: Custom code
Go to the Custom Code menu tab
Step 3: Copy code
Go back to your Marker.io's Destination settings > Widget > Installation and copy the code in your clipboard.
Step 4: Paste code
Paste the snippet of code inside the <head> tag inside your Webflow project settings.
Make sure to save it.
Steps 5: Publish
Make sure to publish your site once you've embedded the code
Step 6: Verify domains
Verify all domains on which you've published your domains.
Go to Destination settings > Widget > Website domains
Step 7: You're all set! 🚀
Congratulations!
Simply visit your site and the widget will appear.
Widget not showing?
If your widget is not showing, try following these steps:
Verify domain manually: Click on Website domains button inside the widget and make sure all domains - and subdomains like staging.example.com - are whitelisted.
Check widget visibility settings: Make sure to check your widget settings like button visibility and privacy settings inside your Marker.io admin.
If you still can't make the widget appear, feel free to contact our support.