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

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

Product:
Wix Editor

Additional information:
i have this code:

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

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.

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

Hi @Dan_Suhr thanks, you mean here :down_arrow:


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.

even if there is some text in Italian I think it is understandable,
thanks again for the help :wink: