adverse-sapphire
adverse-sapphire•16mo ago

Buttons Text Not Visible

For some reason the text of the buttons are not showing when the client is using the bot on the website.
No description
1 Reply
Tico | Voiceflow Assistant
Tico | Voiceflow Assistant•16mo ago
To address the issue of button text not being visible when the client is using the bot on the website, follow these steps: 1. Check Button Configuration: - Ensure that the button labels are correctly set in the button text input field. This can be done by navigating to the Buttons step in your Voiceflow project and verifying the text for each button. 2. CSS Styling: - There might be a CSS rule on your website that is affecting the visibility of the button text. Specifically, check for any CSS rules that might be hiding text or affecting its color. For example, if you are using Shopify, you might need to update the CSS rule to ensure the chat widget displays correctly: 
     <style>
     voiceflow-chat {
         display: block !important;
     }
     </style>
     
     <style>
     voiceflow-chat {
         display: block !important;
     }
     </style>
3. Appearance Configuration: - Customize the visual elements of your web chat experience to ensure that the button text is visible. This includes setting the main color, chat icon, and chat header. Make sure the text color contrasts well with the button background color. 4. Testing: - Use the Prototype and Test Tool in Voiceflow to preview how the buttons appear and function. This can help identify any issues with button visibility before deploying the assistant to your website. By following these steps, you should be able to resolve the issue of button text not being visible on your website. If the problem persists, double-check the configurations and CSS rules to ensure everything is set up correctly.

Did you find this page helpful?