An inline frame (iframe) is a HTML element that loads another HTML page within the page. The iframe element is specified with the iframe tag (<iframe>) and may be placed anywhere on a web page. In this case, an iframe allows you to place the SafeLease Tenant Brochure web page within a page on your website.

INSTRUCTIONS

STEP 1

Copy the desired iframe code from the options below.

OPTION 1: iFrame Code for Facilities with Unit Storage

Image has been cropped. Click here to see full unit brochure page.

<iframe src="https://www.safelease.com/partner-brochure" scrolling="no" style="border: 0; width: 100%;" id="safelease-partner-brochure" onLoad="iframeLoaded()"></iframe>

<script type="text/javascript">
function iframeLoaded() {
var iframe = document.getElementById('safelease-partner-brochure');
iframe.contentWindow.postMessage(JSON.stringify({method: 'partner-brochure-iframe-height'}), 'https://www.safelease.com/partner-brochure');
}

window.addEventListener('message', event => {
const data = JSON.parse(event.data);
if (event.origin === 'https://www.safelease.com' && data?.method === 'partner-brochure-iframe-height') {
var iframe = document.getElementById('safelease-partner-brochure');
iframe.height = data.height + "px";
}
});
</script>

OPTION 2: iFrame Code for Facilities with Vehicle Storage
Facilities with both unit and vehicle storage may choose to add both brochures to their website.

Image has been cropped. Click here to see full vehicle brochure page.

<iframe src="https://www.safelease.com/partner-brochure-vehicle-iframe" scrolling="no" style="border: 0; width: 100%;" id="safelease-partner-brochure" onLoad="iframeLoaded()"></iframe>
<script type="text/javascript">
  function iframeLoaded() {
    var iframe = document.getElementById('safelease-partner-brochure');
    iframe.contentWindow.postMessage(JSON.stringify({method: 'partner-brochure-iframe-height'}), 'https://www.safelease.com/partner-brochure');
  }

  window.addEventListener('message', event => {
    const data = JSON.parse(event.data);
    if (event.origin === 'https://www.safelease.com' && data?.method === 'partner-brochure-iframe-height') {
        var iframe = document.getElementById('safelease-partner-brochure');
        iframe.height = data.height + "px";
    }
  });
</script>