Home → Arctic Reservations → Guest-Facing Site → Embedding a landing page in an IFRAME
30.6. Embedding a landing page in an IFRAME
An IFRAME is a special tag on a website that allows embedding content from one website into another website. This can be used to embed the Arctic booking interface into a page on your site, avoiding the complexity of skinning the design in Arctic and providing seamless access to your marketing information and the booking interface without requiring the guest to click a "book now" button.
You can either embed your full guest-facing website in an IFRAME (see the previous page in the documentation), or embed a single landing page in an IFRAME.
IMPORTANT NOTES:
- You can embed specific landing pages in an IFRAME whether you have an IFRAME guest-facing site deployment or whether you have a subdomain guest-facing site deployment. If you have a subdomain guest-facing site deployment you are not required to have an SSL certificate on your website but in these instances the guests will be transferred to your subdomain guest-facing site to complete all higher security activities like checkout and logging into their guest-facing accounts. If you wish guests to be able to complete their checkout process through your IFRAME pages, you must have an SSL certificate on your website to meet PCI compliance standards.
- If you choose to embed specific landing pages in an IFRAME and you have the subdomain guest-facing site deployment, all of the links sent from the system for guest account management, i.e. registration and invoice payments will still take guests to your subdomain guest-facing site so it will be important to continue to maintain your guest-facing site design on your subdomain to ensure a consistent aesthetic for your guests.
- All booking links provided from the system will take guests to the subdomain guest-facing site.
- If you are using an IFRAME guest-facing site deployment ONLY, you must also embed your full guest-facing site into an IFRAME as described on the previous page and your website must have an SSL certificate.
To embed a specific landing page using an IFRAME tag, you simply add a JavaScript snippet that will do much of the heavy lifting in terms of creating the IFRAME and loading the needed content. The JavaScript snippet will be determined in part by your guest-facing site location and the landing page you want to display within the IFRAME.
The basic snippet is shown below, but two portions will need to be customized:
<div id="arctic-iframe-container"></div> <script src="https://reservations.mycompany.com/iframe/install.js"></script> <script type="text/javascript">arcticIframeInstallInElement('arctic-iframe-container', '/reserve');</script>
On the first line, the "reservations.mycompany.com" should be replaced with your guest-facing subdomain.
On the second line, the "/reserve" should be replaced with the location of a landing page or other guest-facing page that you want to embed within the IFRAME. For example, if you have a landing page at "https://reservations.mycompany.com/reserve/rio-grande", then you would use "/reserve/rio-grande" on the second line.
Note: If you are using an IFRAME only deployment of the guest-facing site your script will only need to be modify the '/reserve' portion of the above code. To replace that with the landing page you wish to embed in the IFRAME.
If your site has SSL, the guest will be able to complete the purchase directly within the IFRAME. If your site does not have SSL, the guest will be redirected to your subdomain guest-facing page for the checkout process, in order to securely collect credit card details.
To find the exact snippet for your guest-facing site, or to cusotmize the look and feel of the embedded guest-facing site:
- Go to the "Settings" page, open the "Guest-Facing Site" section and click "Manage Guest-Facing Sites."
- Click "Settings" next to your guest-facing site.
- On the "Settings" page, look for the "IFRAME" section. This page will include the exact code that you need to add to your site.