Skip to main content

Customizing your Webchat CSS

To customize your webchat CSS

  • Go to MyPlan -> Settingsimage.png
  • Select Bot Integrationsimage.png
  • Select Web Chatimage.png
  • Enter the valuesimage.pngimage.png
  • After entering the botpress js link, click Edit & Save. This generates the Webchat link

    image.png


  • Open the link in a browser to reveal the details of the .js fileimage.png
  • in the .js file, find the link to the CSS, open the link in a browserimage.png
  • Download the file or save it to your fav code editor to make required changes to your CSS

 

Once the changes are done - upload the file back

image.png

Click Edit&Save to apply your new CSS

image.png

image.png

Back to top