STRDL Careers Form - Embed Instructions

STRDL Careers Form - Embedding Instructions

Here are different ways to embed the STRDL careers form into your Squarespace website:

Method 1: Direct Iframe Embed (Recommended)

Add this code to a Code Block in Squarespace:

<iframe 
    src="https://your-domain.com/embed.html" 
    width="100%" 
    height="900" 
    frameborder="0" 
    style="border-radius: 8px;"
    title="STRDL Careers Application Form">
</iframe>

Method 2: Responsive Iframe Container

For better responsive behavior, use this code:

<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
    <iframe 
        src="https://your-domain.com/embed.html" 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px;"
        title="STRDL Careers Application Form">
    </iframe>
</div>

Method 3: Inline Script Embed

If you prefer to embed directly without iframe:

<div id="strdl-careers-form"></div>
<script src="https://your-domain.com/embed.html"></script>

Setup Instructions:

  1. Upload the embed.html file to your web hosting
  2. Replace https://your-domain.com with your actual domain
  3. In Squarespace, go to the page where you want the form
  4. Add a Code Block
  5. Paste one of the embed codes above
  6. Save and publish your page

Customization:

You can customize the form's appearance by modifying the CSS in the embed.html file. The form is fully responsive and will adapt to your Squarespace theme.

Form Submissions:

Currently, the form simulates submissions. To make it functional, you'll need to connect it to a backend service or email handling system.