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.

Did this answer your question?