Embeding Hotel Treats Whitelabel Site using iFrame

Quick Guide: Embedding Your HotelTreats Whitelabel via `<iframe>`

You can embed your HotelTreats whitelabel site into any other website using a standard HTML <iframe>.

Basic Embed Code

<iframe 
  src="https://whitelabel.hoteltreats.com/es/?embed=true" 
  width="100%" 
  height="600" 
  style="border: none; overflow: hidden;" 
  allowfullscreen 
  loading="lazy">
</iframe>

Customization Options

width: Use 100% for responsive layout, or set a fixed value (e.g., 800px).
height: Recommended minimum is 600px. Adjust to fit your layout.
style: Add border: none; to remove the default border.
loading="lazy": Improves page load performance by loading the iframe only when it enters the viewport.
allowfullscreen: Optional; allows fullscreen mode if supported.

Important Considerations

HTTPS Compatibility: Always embed over HTTPS to prevent browser mixed content errors if the host site is also served via HTTPS.

Example Usage in an HTML Page

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HotelTreats Whitelabel Embed Example</title>
</head>
<body>
  <h2>Embedded HotelTreats Whitelabel</h2>
  <iframe 
    src="https://whitelabel.hoteltreats.com/es/?embed=true" 
    width="100%" 
    height="600" 
    style="border: none;" 
    loading="lazy">
  </iframe>
</body>
</html>

Need More?

If you need advanced features such as dynamic iframe height or communication between the host and embedded page using postMessage, feel free to ask for an extended implementation.