I already a code to change my livechat colour. but don’t know where to paste the code please. Any help please
Topic summary
A user needed help implementing JavaScript code to customize their live chat widget’s colors but was unsure where to place it in their Shopify theme.
Initial Problem:
- Had widget customization code (setting button colors and text) but didn’t know the correct placement location
- Code wasn’t taking effect after initial attempts
Solutions Provided:
- Multiple suggestions were offered: placing the script before
</head>or before</body>in the theme.liquid file - The
</body>placement was recommended because the live chat widget likely needs time to initialize before the script can apply styling - CSS styling was mentioned as an alternative approach
Resolution:
- The solution worked after the user added a
#symbol to their color code - Issue was successfully resolved with proper code placement and formatting
@Alyssa4965 - please add this script code in your theme.liquid file before
Hi @Alyssa4965
I think you should place it right before in the theme.liquid file because the livechat probably needs some time to initialize, and that way the script will take effect. That’s my guess.
Have a nice day
2 Likes
Hi @Alyssa4965
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can add it to the section of your theme.liquid file. Or, if that doesn’t work, you can use CSS to style it to the color you want.
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
How can i use CSS to style it. It’s still not changing colour after pasting it in the theme liquid
It actually worked perfectly. I also forgot to add the # sign to my color code.
Third-party chat apps offer options that let you customize colors and other features related to the chat appearance on your e-shop. You can check out our app, Carty, which can be customized for its appearance as well.