Hyperlink

Instead of embedding the Fogbender messaging wiget in your UI, it’s possible to construct a hyperlink that directs your user to their support dashboard in a new browser tab.

For an actual logged-in user, you’d still have to assemble a secure token, but in the simplest case, you could use a hyperlink to a secret-less visitor experience:

`https://client.fogbender.com?token=${encodeURIComponent(JSON.stringify({
  widgetId: "dzAwMDM5MjEwMzI4NzA1MjA4MzIw",
  visitorKey: "gw42+I9eUqYAN3WsT9tstWlNbvcOU7Ej",
  visitor: true
}))}`;

If you run the above in your browser developer tools console, you’ll get

https://client.fogbender.com?token=%7B%22widgetId%22%3A%22dzAwMDM5MjEwMzI4NzA1MjA4MzIw%22%2C%22visitorKey%22%3A%22gw42%2BI9eUqYAN3WsT9tstWlNbvcOU7Ej%22%2C%22visitor%22%3Atrue%7D

this is the URL to our actual, live visitor experience, normally accessible via the Floaty that sits in the bottom right corner of https://fogbender.com.

Your own widgetId and visitorKey are available in your workspace’s embedding instructions—make sure to enable Visitor key before use.

Note: The Hyperlink widget supports the mode parameter. For example, you can initialize the client in dark mode using: https://client.fogbender.com?mode=dark&token=...