We have a Freshchat widget on our website that we’re trying to direct customers to. We’ve investigated having the chat widget open automatically on page load or after a delay, using the instructions found here; however, we’ve found that on mobile phones the opened chat widget is too big and covers the entire screen, confusing customers.
I have two questions on this function:
Is it possible to modify the JS code to only open the full widget if the user is on desktop?
Is it possible to display a smaller message encouraging users to open the widget instead of the full widget? e.g. like this:
On desktop, automatically open the full widget for users. On mobile devices, display a smaller message encouraging users to manually open the widget. This approach ensures a tailored user experience based on device type while promoting engagement with the widget's functionality.
While the linked article wasn’t exactly what we were looking for (it appears to be only for Freshsales and Freshmarketer), your comment did lead me to finding the Freshdesk Customer Journeys option:
On desktop, automatically open the full widget for users. On mobile devices, display a smaller message encouraging users to manually open the widget. This approach ensures a tailored user experience based on device type while promoting engagement with the widget's functionality.
To implement a chat popup on page load, start by designing an engaging and user-friendly interface that captures visitors' attention without being intrusive. Use JavaScript to trigger the popup when the page finishes loading, ensuring it appears smoothly, perhaps with a slight fade-in effect. Consider incorporating a welcoming message that encourages users to ask questions or seek assistance. Make sure the chat popup is easily dismissible, allowing users to close it if they're not interested. Additionally, integrating a chatbot can help provide immediate responses, enhancing user engagement and improving overall experience on your website.