Skip to main content

How to fix reservation button issues in iFrame on Safari (iPhone & iPad)

Written by Kristína Žiaková

If the booking button is not functioning when using an iFrame on your own domain or webpage, the issue may be due to Safari’s default security settings. These settings can interfere with the proper operation of the iFrame feature. To resolve this, please follow the steps outlined below.

NOTE: When setting up online payments with both Adyen and ČSOB, please note that the iframe is not compatible with this feature setup. In that case, the steps below won’t help. Link to your Booking Page directly instead of embedding it.

Step 1: Disable Pop-up Blocking

Check your Safari version first. The booking form requires Safari 16.4 or later. In older versions, the page loads and the button is visible, but nothing happens when you click it.

To ensure the booking button functions correctly, you first need to disable pop-up blockers in your browser. Follow these steps:

  1. Open Settings on your iPhone or iPad.

  2. Scroll down and tap Apps, then select Safari.

  3. Under the General section, find Block Pop-ups.

  4. Toggle Block Pop-ups off.

Once this is done, proceed with enabling cross-site tracking.

Step 2: Allow Cross-Site Tracking

  1. Open Settings on your iPhone or iPad.

  2. Scroll down and tap Apps, then select Safari.

  3. Navigate to the Privacy & Security section.

  4. Find Prevent Cross-Site Tracking and toggle it off.

These adjustments should resolve the issue and allow the booking button to function properly within an iFrame. . If the button still doesn’t work, contact us through the chat and include your Safari version, your device, and a link to the page with the booking form.

These settings must be adjusted on each device where the issue occurs. This change ensures the reservation page loads correctly while still maintaining essential security settings.

Did this answer your question?