like-gold
like-gold•2y ago

You can now point to an external CSS

You can now point to an external CSS file with the webchat snippet! Just include the link to your self-hosted stylesheet. Already seeing some awesome CSS customizations from the community 👀 
/**
* [optional] override configured assistant definitions on integrations tab
*/

assistant: {
  title: "string",
  description: "string",
  image: "string",
  // color: "string",
  stylesheet: "string" //link to your self-hosted stylesheet
};
/**
* [optional] override configured assistant definitions on integrations tab
*/

assistant: {
  title: "string",
  description: "string",
  image: "string",
  // color: "string",
  stylesheet: "string" //link to your self-hosted stylesheet
};
3 Replies
wee-brown
wee-brown•2y ago
awesome example from @Baron here!
No description
adverse-sapphire
adverse-sapphire•2y ago
Hello Daniel, thanks for the tutorial, would you have an idea on how to address this error ? VM78:11 Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode') Here is the used code (function(d, t) { var v = d.createElement(t), s = d.getElementsByTagName(t)[0]; v.onload = function() { window.voiceflow.chat.load({ verify: { projectID: 'ID KEY' }, url: 'https://general-runtime.voiceflow.com', versionID: 'production', assistant: {stylesheet: "https://decathectzero.github.io/test-css/stylesheet.css"} }); } v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s); })(document, 'script');
rare-sapphire
rare-sapphire•2y ago
@Anas Abid this is the correct url https://decathectzero.github.io/test-css/stylesheet.css

Did you find this page helpful?