How to hide Nuevah domain and customize your booking engine

There are two options to set up an iframe to avoid redirecting the guests to another domain:

1. Use nuevah widget with a special parameter (Modal=true) to open up a popup/modal view where the booking engine will be displayed

 Example: <div id="widget"></div><script src="https://ibe.nuevah.com/ibewidget?Color=asphalt&Theme=1&SearchBox=1&token=<YOUR NUEVAH  TOKEN>&Lang=ENG&Modal=true"></script>

2. Create a custom form with your own custom styling and redirect it to a specific iframe                  embedded in your site.

Widget Customization

Widget Parameters

• Color -  asphalt, blue, dark-emerald, dark-green, dark-red, dark-yellow, green, red, light-green - Mandatory
• Theme - 1,2 - Mandatory
• SearchBox - 1, 2, 3, 4 - Mandatory
• token - auth token copy from nuevah platform - Mandatory
• Lang - # letter iso language code (ENG, ESP, POL) - Mandatory
• Modal - true or false - Optional
• Newtab - true or false - Optional

Custom website widget - Custom HTML FORM

Steps to setup

1. Create your custom form with all needed styling integrated into your site, with the following attributes:
• method=”post”
• action="https://ibe.nuevah.com/ibe"
• If you wish to target an iframe on your site add target="my_iframe"
2. Add into your form the needed fields: Date From, Date To, Adults
3. Add hidden input tags for all the needed fields:
• token > auth token copy from nuevah platform
• theme > 1, 2
• color > 'asphalt', 'blue', 'dark-emerald', 'dark-green', 'dark-red', 'dark-yellow', 'green', 'red', 'light-green'
• lang > ENG, ESP, POL
4. Add a submit button

 

Examples:

Simple form example

<form action="https://ibe.nuevah.com/ibe" method="post">
 Date From: <input type="date" name="datefrom"><br>
 Date To: <input type="date" name="dateto"><br>
 Adults: <input type="number" name="adults" value="1"><br>
 <input type="hidden" name="token" value="<REPLACE NUEVAH BOOKING ENGINE TOKEN>">
 <input type="hidden" name="theme" value="1">
 <input type="hidden" name="color" value="asphalt">
 <input type="hidden" name="lang" value="ESP">
 <br>
 <input type="submit" value="Submit">
</form>

Example with iframe integration

<form action="https://ibe.nuevah.com/ibe" method="post" target="my_iframe">
 Date From: <input type="date" name="datefrom"><br>
 Date To: <input type="date" name="dateto"><br>
 Adults: <input type="number" name="adults" value="1"><br>
 <input type="hidden" name="token" value="p5L9FgiCNPJQuI6YtZRr07OReDvjyUJ83FwqVVDHudRoFZTjmR3BAkqNhDWN7ij0ppVBBC7WrHNeAheO2jH4nQ==">
 <input type="hidden" name="theme" value="1">
 <input type="hidden" name="color" value="asphalt">
 <input type="hidden" name="lang" value="ESP">
 <br>
 <input type="submit" value="Submit">
</form>

<!-- when the form is submitted, the server response will appear in this iframe -->
<iframe width="1000" height="600" name="my_iframe" ></iframe>