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:
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!