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?

Voiceflow Partners•9mo ago

maxsbond

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,
  },
});

Development Version Not Working with Embedded Widget

Similar Threads

Development Version Not Working with Embedded Widget

Similar Threads

Similar Threads

Similar Threads