This repository contains a collection of demo web pages for various clients, showcasing customizable web widgets that enhance user interaction through contact options, chat functionalities, and more. Each demo is designed to provide a seamless user experience while integrating with external services.
Technical Overview
The project consists of multiple HTML files, each representing a demo page for a specific client. Each page includes a combination of HTML, CSS, and JavaScript to implement a responsive design and interactive features. The primary functionality revolves around the integration of Zendesk’s web widget for customer support.
Features and Functionality
- Customizable Web Widgets: Each demo page features a web widget that can be configured to show contact options, chat, or an answer bot.
- Responsive Design: The pages are designed to be responsive, ensuring a good user experience across different devices.
- Localization Support: The web widget can be set to different locales, enhancing accessibility for users in various regions.
- Dynamic Widget Control: Users can toggle between different widget settings (no widget, contact widget, answer bot, chat) via a navigation bar.
Important Files
- index.html: The main file for each demo, containing the structure and layout of the page.
- JavaScript Functions: Each demo includes JavaScript functions to handle widget updates and user interactions.
- CSS Styles: Inline styles are used to ensure a clean layout and design.
Configurable Variables
- Locale: The locale for the Zendesk widget can be set using
zE('messenger:set', 'locale', 'locale_name').
- Widget Settings: The JavaScript function
updateWidget(setting, action) allows toggling between different widget configurations.
Technologies and Dependencies
- HTML/CSS: For structuring and styling the demo pages.
- JavaScript: Used for interactivity and widget management.
- jQuery: Included for easier DOM manipulation and event handling.
- Bootstrap: Utilized for responsive design and layout.
- Zendesk API: Integrated for customer support functionalities through the web widget.
This repository serves as a foundation for creating interactive web experiences tailored to client needs, leveraging modern web technologies and customer support integrations.