​
Embed ticket sales

To embed Treasure ticket sales into your website, you can use the following code

<div class="iframe-section">
<iframe
    style="width: 100%; border: none; border-radius: 10px; padding: 0px"
    id="iframe-treasure-tickets"
    sandbox="allow-same-origin allow-forms allow-scripts"
    src="YOUR-EVENT-URL/embed-checkout?embed=true&iframeId=iframe-treasure-tickets"
    title="Ticket Booking"
    loading="lazy"
  ></iframe>
 </div>
 
<script>
      document.addEventListener("DOMContentLoaded", function () {
        window.addEventListener("message", function (event) {
          if (
            event.origin === "https://www.ontreasure.com" &&
            event.data.height &&
            event.data.iframeId
          ) {
            const iframe = document.getElementById(event.data.iframeId);
            if (iframe) {
              const height = Math.max(parseInt(event.data.height), 600);
              iframe.style.height = height + "px";
            }
          }
        });
      });
    </script>

Remember to update the code with your event’s unique URL before making it live on your site.

​
Embed vendor applications

To embed Treasure vendor applications into your website, you can use the following code

  <div class="iframe-section">
  <iframe
    style="width: 100%; border: none; border-radius: 10px; padding: 0px"
    id="iframe-treasure-application"
    sandbox="allow-same-origin allow-forms allow-scripts"
    src="YOUR-EVENT-URL/embed-application?iframeId=iframe-treasure-application"
    title="Vendor Application"
    loading="lazy"
  >
  </iframe>
  </div>
  
  <script>
      document.addEventListener("DOMContentLoaded", function () {
        window.addEventListener("message", function (event) {
          if (
            event.origin === "https://www.ontreasure.com" &&
            event.data.height &&
            event.data.iframeId
          ) {
            const iframe = document.getElementById(event.data.iframeId);
            if (iframe) {
              const height = Math.max(parseInt(event.data.height), 600);
              iframe.style.height = height + "px";
            }
          }
        });
      });
    </script>

Remember to update the code with your event’s unique URL before making it live on your site.

​
Embed both ticket sales and vendor applications

To embed both Treasure ticket and table applications into your website, you can use the following code

<div class="h1">
  TICKETS
</div>
<div class="iframe-section">
  <iframe
    style="width: 100%; border: none; border-radius: 10px; padding: 0px"
    id="iframe-treasure-tickets"
    sandbox="allow-same-origin allow-forms allow-scripts"
    src="YOUR-EVENT-URL/embed-checkout?embed=true&iframeId=iframe-treasure-tickets"
    title="Ticket Booking"
    loading="lazy"
  ></iframe>
</div>

<div class="h1">
  TABLES
</div>
<div class="iframe-section">
  <iframe
    style="width: 100%; border: none; border-radius: 10px; padding: 0px"
    id="iframe-treasure-application"
    sandbox="allow-same-origin allow-forms allow-scripts"
    src="YOUR-EVENT-URL/embed-application?iframeId=iframe-treasure-application"
    title="Vendor Application"
    loading="lazy"
  ></iframe>
</div>

<script>
      document.addEventListener("DOMContentLoaded", function () {
        window.addEventListener("message", function (event) {
          if (
            event.origin === "https://www.ontreasure.com" &&
            event.data.height &&
            event.data.iframeId
          ) {
            const iframe = document.getElementById(event.data.iframeId);
            if (iframe) {
              const height = Math.max(parseInt(event.data.height), 600);
              iframe.style.height = height + "px";
            }
          }
        });
      });
    </script>

Remember to update the code with your event’s unique URL before making it live on your site.