Adding a form

[SimpaticoCoffee]

<form name="job">
<label for="jobFormName">Your Name</label><br> 
<input type="text" id="jobFormName" name="job[name]" placeholder="Your Name" autocapitalize="words">
<br>
<label for="jobFormEmail">Email<em>*</em></label>
<br>
<input type="email" name="job[email]" placeholder="you@email.com" id="jobFormEmail" autocorrect="off" autocapitalize="off">
<br>
<label for="jobFormPhone">Phone Number</label>
<br>
<input type="tel" name="job[phone]" id="jobFormPhone" placeholder="Phone Number" pattern="[0-9]*">
<br> 
<label for="jobtFormMessage">Tell  Us About Yourself <em>*</em></label>
<br> 
<textarea rows="6" name="job[body]" placeholder="Tell  Us About Yourself" id="jobFormMessage"></textarea> 
<br>
<input type="file">
<br>
<input type="submit" class="btn left" value="Send">

  </form>

I am adding a custom form to a site but can not get it to connect and send. I get the error ...because the form's frame is sandboxed and the 'allow-forms' permission is not set

I'm using avenues-1-1-8 theme. https://simpaticocoffee.com/pages/work-at-simpatico

I have not done formatting yet so it's rough looking. I don't know why the error refers to a sandbox since this is a production page and why an iframe?

Any guidance is appreciated. Thanks.

[moshbray]

It sounds like your form is being rendered inside a sandboxed iframe, likely by the page builder or custom HTML block. Shopify sometimes uses iframes to isolate custom code, which can block form submissions. To fix this, try moving the form code directly into a Liquid section or template file like page.work-at-simpatico.liquid. That should prevent the iframe issue and let your form submit properly.

[SimpaticoCoffee]

Thank you for your answer, it looks like it would work, but the client decided not to pursue it.