automatic-azure
automatic-azure•3mo ago

Development Version Not Working with Embedded Widget

I'm trying to test my Voiceflow project using the development version ID via the embedded widget, but it doesn’t seem to load or function properly. Here's the code I'm using: 
window.voiceflow.chat.load({
  verify: { projectID: '[MY_PROJECT_ID]' },
  url: 'https://general-runtime.voiceflow.com',
  versionID: 'development',
  userID: user?.id || 'anonymous',
  launch: {
    event: {
      type: 'launch',
      payload: {
        user_name: user?.firstName + ' ' + user?.lastName,
        user_email: user?.primaryEmailAddress?.emailAddress || '',
      },
    },
  },
  render: {
    mode: 'embedded',
    target: chatContainerRef.current,
  },
});
window.voiceflow.chat.load({
  verify: { projectID: '[MY_PROJECT_ID]' },
  url: 'https://general-runtime.voiceflow.com',
  versionID: 'development',
  userID: user?.id || 'anonymous',
  launch: {
    event: {
      type: 'launch',
      payload: {
        user_name: user?.firstName + ' ' + user?.lastName,
        user_email: user?.primaryEmailAddress?.emailAddress || '',
      },
    },
  },
  render: {
    mode: 'embedded',
    target: chatContainerRef.current,
  },
});
Issue: The widget doesn't seem to initialize or respond correctly when using the development version ID. It works fine when switching to production. Question: Is it possible to use the development version of a Voiceflow project with the embedded widget? If not, what’s the recommended approach for testing changes in a real client environment without affecting the live (production) version?
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?