If you’re looking for information how to enable dynamic theme for your Chatwith Agent you’re in the right place.
Enable dynamic theme
If your website uses a dynamic theme depending on user preferences, you can pass this information to the Chatwith embed through query parameters. You’ll need to adjust the code snippet and use specific values depending on the theme.
Below is a quick technical reference of the query parameter:
{your-chatwith-url}?theme=dark|light
Examples
Using iframe code
The code snippet for your iframe with dynamic theme will look like this:
<iframe id="chat-widget" src="https://chatwith.tools/embed/8af946dc-efd7-4318-9d7b-38787c4117cc?theme={your-theme-value}" width="100%" height="100%"></iframe>
Where
{your-theme-value} is either dark or light.Using button launcher (Javascript) code
The code snippet for your button launcher with dynamic theme will look like this:
<script src="https://chatwith.tools/chatbot/8af946dc-efd7-4318-9d7b-38787c4117cc.js?theme={your-theme-value}" async=""></script>
Where
{your-theme-value} is either dark or light.