Install on Webflow

Add the Voicello voice widget to a Webflow site through the custom code settings, then publish the site.

On Webflow the install code goes into your site's custom code settings, in the footer box, and shows after you publish. Do the shared setup in Install the widget first: you need a published agent and the install code copied from the Deploy tab.

Add your site's domains

Under Verified domains on the Deploy tab, add your custom domain, for example example.com. If you also want the widget on your Webflow staging address, add that too (for example your-site.webflow.io). Each one needs its own entry.

Paste the code into your site settings

1. Open the custom code settings

   Open your site's settings in Webflow and go to Custom code.

2. Paste the install code into the footer code box

   Paste the install code into Footer code, the box for code that goes before the closing </body> tag, and save.

   Code in this box is added to every page of the site. To show the widget on one page only, use that page's own settings and its Before body tag box in place of the site wide one.

3. Publish the site

   Publish your site. Custom code does not run inside the Webflow Designer, so the widget only shows on the published site.

Check that it shows

Open the published site in a new tab. The launcher button appears in the corner.

If it does not, work through If the widget does not show. On Webflow, check first that you published after saving the code, and that the address you opened is one of the domains you added.