If you want to receive reservations from an external website, you can do so by embedding the widget. Follow these steps:
Go to the widget settings.
Choose one of the two options available:
- Embed a button that will trigger the popup to display the reservation widget.
- Embed the reservation widget directly on the page using an iFrame.
Copy the code from the designated box.
Insert the code into the desired page. Make sure to paste it as HTML code, not plain text. If you are using WordPress, paste it within an HTML block.
You have the flexibility to adjust the parameters of the iframe to fit the dimensions of your page. This allows you to customize the width and height according to your requirements.
Paste the text inside as HTML code.
Fully embed the form in the page.
Button to display the form in a popup.
Form Display Issue
If the widget is not being displayed when inserted into another website, it might be due to a header in the response. To resolve this issue, follow these steps:
Identify the Problem Header: The header causing the issue is
X-Frame-Optionswith the value "SAMEORIGIN."
Edit Your Nginx File: You'll need to edit your Nginx configuration file. Locate the configuration block for your website or application.
Comment Out the Header: Inside the Nginx configuration block, find the line that adds the problematic header and comment it out. Here's an example:
Save and Reload Nginx: Save the changes to your Nginx configuration file and then reload Nginx to apply the changes. You can do this with the following commands:sudo nginx -t # Test the configuration for syntax errorssudo systemctl reload nginx # Reload Nginx to apply the changes
By commenting out the
X-Frame-Options header in your Nginx configuration, you should allow the widget to be displayed when embedded in another website.