Webflow

Add Wiqly to a Webflow site via project settings or per-page custom code.

Webflow gives you two clean places to add the Wiqly embed: sitewide via project settings, or per-page via the page's custom code section.

Sitewide (project settings)

Best when you want the widget on every page.

  1. In the Webflow Designer, click your project name in the top-left and open Project settings
  2. Go to the Custom code tab
  3. Paste your Wiqly embed script into the Footer code field
  4. Click Save changes
  5. Publish your site (Webflow doesn't apply custom code until you publish)

The widget appears on every published page.

One page only

Best when you only want the widget on a specific page (e.g. your pricing page).

  1. In the Designer, navigate to the page you want
  2. Open the page settings (the cog icon next to the page name)
  3. Scroll to Custom code for that page
  4. Paste your embed script into the Before </body> tag field
  5. Save and publish

A specific section, not the whole page

You can't constrain the widget to a section — it always renders as a floating bubble overlaid on the whole viewport. If you want the widget to appear only when a visitor scrolls to a specific section, that's a custom JavaScript job we don't ship out of the box. Get in touch if you need it.

Localised sites

If you're using Webflow's localisation to serve different language versions, you can either:

  • Use one widget across all locales (cheaper, simpler — but your spokesperson speaks one language)
  • Use one widget per locale with custom code in each locale's settings

For multi-language sites, the second option converts better.

Troubleshooting

  • "I added the code but nothing appears." Did you publish? Custom code doesn't run in the Designer preview.
  • Widget visible on staging, not on production. Different publish targets (webflow.io vs custom domain) each need the code published. Sometimes a hard refresh helps after publishing.
  • Code disappeared from project settings. This can happen with collaborator workflows — check that nobody overwrote your changes.