# How To Implement Google Calendar Appointments On Wix editor without iframe?

**URL:** <https://forum.wixstudio.com/t/how-to-implement-google-calendar-appointments-on-wix-editor-without-iframe/70794>\
**Category:** Ask the community\
**Tags:** wix, question, code\
**Created:** [May 6, 2025, 10:09pm UTC](https://forum.wixstudio.com/t/how-to-implement-google-calendar-appointments-on-wix-editor-without-iframe/70794 "2025-05-06T22:09:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sarah\_LaDigital](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/sarah_ladigital/32/1832_2.png) [@Sarah\_LaDigital](https://forum.wixstudio.com/u/Sarah_LaDigital)\
**Post date:** [May 6, 2025, 10:09pm UTC](https://forum.wixstudio.com/t/how-to-implement-google-calendar-appointments-on-wix-editor-without-iframe/70794/1 "2025-05-06T22:09:32Z")

</div>

**Question:**  
Hi, I have to implement this code on a page in Wix editor that refers to Google Calendar Appointments **(not the classic calendar)**. If I try through the iframe in mobile mode it visually breaks it. How can I do it? Should I do it using Velo? If so, how can I proceed? Thanks to all 😀

**Product:**  
Wix Editor

**Additional information:**  
i have this code:

```javascript
<!-- Google Calendar Appointment Scheduling begin -->
<iframe src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3KzMGot86P58__hgKILb6x_AOxbpbus8Wo3KQgneo96o-ap1PeWj5d76hqFdWqDtbNMpexOETV?gv=true" style="border: 0" width="100%" height="600" frameborder="0"></iframe>
<!-- end Google Calendar Appointment Scheduling -->

```

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [May 6, 2025, 10:23pm UTC](https://forum.wixstudio.com/t/how-to-implement-google-calendar-appointments-on-wix-editor-without-iframe/70794/2 "2025-05-06T22:23:37Z")

</div>

The issue on mobile is due to how iframes behave responsively, they often don’t scale or adapt well on smaller screens when embedded directly into Wix via raw HTML.

Try adding this to the HTML iframe code…havnt tested but may help.

```javascript
<!-- public/iframe-calendar.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      html, body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
      iframe {
        width: 100%;
        height: 100vh; 
        border: none;
      }
    </style>
  </head>
  <body>
    <iframe src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3KzMGot86P58__hgKILb6x_AOxbpbus8Wo3KQgneo96o-ap1PeWj5d76hqFdWqDtbNMpexOETV?gv=true" allowfullscreen></iframe>
  </body>
</html>

```

---

<div class="post-metadata">

**Author:** ![Sarah\_LaDigital](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/sarah_ladigital/32/1832_2.png) [@Sarah\_LaDigital](https://forum.wixstudio.com/u/Sarah_LaDigital)\
**Post date:** [May 7, 2025, 9:31am UTC](https://forum.wixstudio.com/t/how-to-implement-google-calendar-appointments-on-wix-editor-without-iframe/70794/3 "2025-05-07T09:31:51Z")

</div>

Hi @Dan_Suhr thanks, you mean here ⬇

 ![screen iframe](https://us1.discourse-cdn.com/wix/original/3X/8/4/84a942b093149e78075b7c184b422d4841c28679.png)  
but I do not detect changes to the published site, that’s why I was asking if there is (and I think there is) a way to insert this code through Velo. Unfortunately, as you say, the iframe is not responsive, especially on small devices like mobile.  
I’m attaching a photo of how it is broken in mobile.  
 ![The image is a screenshot of a mobile phone app with the instruction "Set the two-hour appointment in full autonomy" to schedule an appointment time. (Captioned by AI)](https://us1.discourse-cdn.com/wix/original/3X/1/f/1fdf0156caf236c332058711b6ac272e264f4975.jpeg)  
even if there is some text in Italian I think it is understandable,  
thanks again for the help 😉
