Skip to main content

I have a desktop and mobile version of a Wix website and have added the embed code for Popup Widget through custom code. I want to display the widget only on desktop as it clutters the mobile display too much. 

Can anyone provide custom code for this?

Hi there!

Javay here - from Calendly’s Developer Support team. Thanks for reaching out with your question about showing the Calendly Popup Widget only on desktop in your Wix site. I completely understand wanting to avoid cluttering the mobile experience!

You can achieve this by using a bit of JavaScript that detects the screen width and loads the Calendly popup embed script only if the visitor is on a desktop-sized screen. Here’s a ready-to-use example that may help—just replace YOUR_CALENDLY_LINK with your actual Calendly URL:

<script> var isDesktop = window.innerWidth >= 768; if (isDesktop) { (function() { var d = document, w = window; var s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://assets.calendly.com/assets/external/widget.js"; d.getElementsByTagName("head")h0].appendChild(s); var calendlyLink = d.createElement("link"); calendlyLink.rel = "stylesheet"; calendlyLink.href = "https://assets.calendly.com/assets/external/widget.css"; d.getElementsByTagName("head")h0].appendChild(calendlyLink); w.onload = function() { Calendly.initPopupWidget({ url: 'YOUR_CALENDLY_LINK' }); }; })(); } </script>

How to add this in Wix:

  • Go to your Wix Editor → Settings → Custom Code (or Tracking & Analytics).

  • Paste this script in the Body - end or Body - start section.

  • Publish your site.

This way, the popup widget will only load and display on desktop browsers (screen width 768px and above). Mobile users won’t see the widget at all, keeping their experience clean.

If you want to customize the breakpoint or add a mobile call-to-action, you can adjust the code accordingly.

Feel free to reach out to support@calendly.com if you need any more help.

Hope this helps!


Reply