If you have a website in WordPress and use Elementor, adding the Aloha booking engine is very simple using an <iframe>. Follow these steps to integrate it correctly:
Step 1 - Copy the iframe code
Make sure you have the following code ready. You only need to replace 'tudominio' with your Aloha domain:
<iframe src="https://tudominio.aloha.co/cottages?request- type=embed¤cy=usd" width="100%" height="1200px" style="border:none;"> </iframe>
Make sure to modify 'tudominio' with your actual domain.
Step 2 - Add an HTML widget in Elementor
Open the Elementor editor on the page where you want to insert the booking engine.
On the left sidebar, search for the HTML widget.
Drag the widget to the section where you want the booking engine to appear.
Step 3 - Paste the iframe code
Inside the HTML widget, paste the iframe code.
Make sure that the URL correctly contains your Aloha identifier.
Step 4 - Save and preview the changes
Click Update to save the changes.
Preview your page to verify that the booking engine is displayed correctly.