Customizing Your Contact Widget with CSS
This article explains how to customize your contact widget using CSS code and provides guidance on getting help if you're not familiar with coding.
Overview
The LiveAgent contact widget can be customized to match your brand and design preferences. Customization requires knowledge of HTML and CSS code to modify the widget's appearance and behavior.
Prerequisites
- Basic understanding of HTML and CSS code
- Access to your LiveAgent account settings
- A code editor or development environment
Getting Help with CSS Customization
If you are not familiar with HTML and CSS code, you don't need to worry. Our support team is here to help you.
Contacting Support
Reach out to our support team via email at support@liveagent.com with details about:
- What you would like to modify in your contact widget
- How you want it to look or function
- Any specific design requirements or brand guidelines
Our team will be happy to assist you with your customization needs.
Finding Examples and Resources
Various examples of widget customizations can be found in our knowledge base. Visit the Customizations category to explore:
- Pre-built customization examples
- Common CSS modifications
- Best practices for widget styling
- Code snippets you can adapt for your needs
Next Steps
- Review the Customizations category for examples that match your needs
- If you find a suitable example, adapt the code to your requirements
- If you need assistance, contact support@liveagent.com with your specific customization request
- Our team will provide guidance or implement the customization for you
Tips
- Always test CSS changes in a development environment before applying them to your live widget
- Keep a backup of your original widget configuration before making changes
- Our support team can help you troubleshoot any CSS-related issues