iPhone Users Unable to See “Continue” Button on Embedded Booking Page (Wix + Resova)
Problem: Customers using iPhones report being unable to proceed past the personal information step when booking through a Wix website. The “Continue” button fails to appear on the embedded Resova booking frame, preventing checkout completion. This issue has been consistently reproduced on iOS Safari and Chrome browsers. Desktop users or Android devices are unaffected.
Cause:
The Resova booking widget was embedded inside an additional iframe within the Wix page.
When an iframe is nested inside another iframe, mobile Safari applies a viewport clipping rule that can hide elements near the bottom of the embedded frame — including buttons or modals that extend beyond the parent container’s height.
This issue may occur suddenly even without site edits if Wix or iOS updates modify iframe rendering or mobile scaling behavior.
⸻
Resolution:
To resolve the issue, the Resova booking widget must be embedded directly into the Wix page without being wrapped in another iframe container.
✅ Steps (for Wix users):
1.Log in to your Wix site editor.
2.Open the page containing the booking widget.
3.Remove any existing HTML iframe block that contains the Resova iframe embed.
4.Replace it with a single HTML Embed element containing only the Resova-provided embed code.
•Example (correct usage):
<iframe src="https://yourvenue.resova.us/booking" frameborder="0" width="100%" height="1000"></iframe>
• Avoid wrapping it like this (incorrect usage):
<iframe>
<iframe src="https://yourvenue.resova.us/booking"></iframe>
</iframe>
<iframe src="https://yourvenue.resova.us/booking"></iframe>
</iframe>
5.Save and publish the page.
6.Test the booking page on an iPhone using Safari and Chrome to ensure the Continue button appears and scrolls correctly.
⸻
Verification:
•Access the booking page from an iPhone.
•Complete the “Personal Information” step.
•Confirm that the Continue button** is now visible and clickable.
•Optionally test in desktop browsers to confirm no regression.
⸻
Prevention Tips:
•Always embed the Resova widget only once at page level — not inside other containers, modals, or builder “widgets” that generate their own iframe.
•If using Wix or another builder, choose Custom Embed or HTML Embed, not “Embed Site.”
•After major Wix or iOS updates, test the mobile booking flow to confirm layout stability.
⸻
Tags:
Resova · Wix · iPhone · Mobile Booking · Iframe · Continue Button Missing
⸻
Notes / Related KBs:
•KB: Booking Widget Not Loading on Mobile (iframe Height Restriction)
•KB: Resova Embed Best Practices for Wix, Squarespace, and WordPress Sites
•Internal Ref: Ticket #31702625843 (Escape: Chandler)