IFRAME Code - Lesson Finder

Below is the iFrame code, which can be used to embed your Lesson Finder into your website

• Copy the following code into the source of your webpage, or the 'embed' feature of your editor
  
  

  <section id="franscape-finder">
  
  
       <!-- THESE STYLES ENSURE THE FINDER FILLS THE HOST SITE SPACE -->
  
       <style>
            #franscape-finder,
            #franscape-finder-iframe {
                 width: 100%;
                 height: 100%;
                 margin: 0;
                 padding: 0;
                 border: 0;
                 position: relative;
            }
       </style>
  
  
       <!-- THIS IS THE ACTUAL IFRAME -->
  
       <iframe
            id="franscape-finder-iframe"
            width="100%"
            allow="geolocation"
            name="Lesson Finder"
            title="Client Lesson Finder"></iframe>
  
  
       <!-- THIS SCRIPT ALLOWS PARAMETERS FROM THE URL TO BE PASSED TO THE FINDER -->
  
       <script>
            const iframeEl = document.getElementById('franscape-finder-iframe');
            iframeEl.src = 'https://finder.client.franscape.io/' + window.location.search;
       </script>
  
  </section>

title="Franscape Lesson Finder">

iframeEl.src = 'https://finder.franscape.franscape.io/' + window.location.search;