image for site

Offset Zendesk Web Widget on Mobile Devices

Learn how to adjust the Zendesk Web Widget position on mobile devices using API codes. Customize the chat button and window placement.

How can I offset the Zendesk Web Widget on mobile devices?

To offset the Zendesk Web Widget on mobile devices, you can use specific API codes designed for mobile. These codes allow you to adjust both the vertical and horizontal positions of the chat button and window. Use the following code:

<script type="text/javascript"> $zopim(function() { $zopim.livechat.button.setOffsetVerticalMobile(30); $zopim.livechat.window.setOffsetVerticalMobile(30); $zopim.livechat.button.setOffsetHorizontalMobile(30); $zopim.livechat.window.setOffsetHorizontalMobile(30); }); </script>

Change the numbers inside the parentheses to set the desired offsets. This customization ensures that the widget does not interfere with other elements on your mobile site. For further details, see theoriginal article.


More related questions

How can I adjust the vertical position of the Zendesk Web Widget (Classic)?

To adjust the vertical position of the Zendesk Web Widget (Classic), you can use specific API codes. By default, the chat button is located at the bottom-right corner of the page. To move it vertically, you can use the following code: ```html…

How do I change the horizontal position of the Zendesk Web Widget (Classic)?

You can change the horizontal position of the Zendesk Web Widget (Classic) using API codes. By default, the chat button is positioned at the bottom-right corner of the page. To move it horizontally, use the following code: ```html <script…

What should I do if the Zendesk Web Widget covers other buttons on my page?

If the Zendesk Web Widget is covering other buttons on your page, you can adjust its position using offset API codes. These codes allow you to move the widget both vertically and horizontally, ensuring it doesn't interfere with other page elements….

How do I embed the Zendesk Web Widget on my website?

To embed the Zendesk Web Widget on your website, you need to add the widget script to the HTML source code of your pages. Once the script is embedded, you can further customize the widget's position using API codes for vertical and horizontal…

Interested indeflectingover 70% of your Zendesk support tickets?

Our AI customer support agent is here to help. Trained on all your help docs, installed directly into your Zendesk account, it can be used to automate customer replies for tickets or live chat. Learn more below.
Zendesk logo

Zendesk Support Tickets

Receive new tickets by email or a support form? This integration is for you.
My AskAI integrated within Zendesk to deflect support tickets
Learn about our Zendesk ticket integration
Zendesk logo

Zendesk Messaging (live chat)

Using Zendesk's Messaging widget on your site for live chat? This integration is for you.
My AskAI integrated within Zendesk to deflect customer support live chat conversations
Learn about our Zendesk Messaging integration

Join1,000+ companies reducing their support costs and freeing up support agents for more important work

Vestd company logo — Customer of My AskAI's AI customer support agents
Genesis company logo — Customer of My AskAI's AI customer support agents
Zinc company logo — Customer of My AskAI's AI customer support agents
Customer.io company logo — Customer of My AskAI's AI customer support agents
Zeffy company logo — Customer of My AskAI's AI customer support agents
NHS company logo — Customer of My AskAI's AI customer support agents
Kontakt.io company logo — Customer of My AskAI's AI customer support agents

Reduce support costs.Spend more time on customer success.

Our AI customer support agents are already used by 👇
Companies using AI assistants on their websites