exotic-emerald•3mo ago

Widget Configuration in Voiceflow not showing up on Website

I have set up the widget Appeareance and Style in Voiceflow Interfaces for the project but it's not showing up on the website. Any idea what I missed? The website is wordpress. How can I have the Interface changes I made in voicefow show up on the widget on the website?

7 Replies

Tico | Voiceflow Assistant•3mo ago

Here are the usual reasons why the styling you set in Interfaces → Widget is not reflected on the live widget and how to fix each one: 1️⃣ Republish after every change • Edits made in Interfaces are stored in the development version. • They appear on your website only after you click Publish (green button top-right) to create a new production version. 2️⃣ Check that the embed script is pointing to the production version

window.voiceflow.chat.load({
  verify: { projectID: "<your-project>" },
  versionID: "production",   // must be "production"
  url: "https://general-runtime.voiceflow.com"
});

window.voiceflow.chat.load({
  verify: { projectID: "<your-project>" },
  versionID: "production",   // must be "production"
  url: "https://general-runtime.voiceflow.com"
});

If versionID is missing or set to a specific release ID you won’t see new Interface updates. 3️⃣ Make sure the script isn’t overriding the dashboard settings Anything you pass in the assistant object inside chat.load() (title, description, image, colors, stylesheet, etc.) overrides what you configured in the Interfaces tab. Either: • Delete those fields from the embed script, or • Update them to match what you want. 4️⃣ Clear WordPress / browser cache Page-caching plugins or a CDN can keep serving the old script. Flush the cache and do a hard refresh (⌘/Ctrl-Shift-R). 5️⃣ Verify the widget really loads from your site Open dev-tools → Network → search for react-chat and make sure the script is fetched on page load. If it isn’t, double-check where you inserted the embed code (e.g., in a WP Code Snippet or theme footer). After republishing and clearing cache the widget should immediately display your new header image, launcher style, colours, etc. Docs for reference: • Publishing to production – https://docs.voiceflow.com • Chat widget configuration & overrides – https://docs.voiceflow.com Let us know if anything is still off after these steps!

Steve B. | IntelleSync.ai•3mo ago

Is your build published?

mute-gold•3mo ago

Looks like he deployed the old widget, but making changes for new

exotic-emeraldOP•3mo ago

@Steve B. | IntelleSync.ai my Build is published. @DrBanny can you please expand on the old vs. new widget? I copied the Installation code in the screenshot and sent it to my client but he may have used another widget he found

exotic-emeraldOP•3mo ago

In the dev tools in google chrome this is what shows up. Does something need to be changed?

Steve B. | IntelleSync.ai•3mo ago

@DrBanny @Duffy Yeh It's the old widget, not sure how that's happened. You can see the code in the browser has assistant title and color which isn't in the default widget code.

exotic-emeraldOP•3mo ago

Thank you. I’ll get it fixed

Widget Configuration in Voiceflow not showing up on Website

Did you find this page helpful?