I am in the process of creating a new website and I have a form that users can submit entries.
Although form submission was working really well, it stopped working as soon as I started using a custom domain. Now when I try to submit the form it shows the ‘Page Not Found’ page but it does redirect to my custom thank you URL (without showing the thank you page).
Netlify site: https://shadergraph.stelabouras.com/
Form code:
<form name='shadergraph' method='POST' action='/thanks/'><input type='hidden' name='form-name' value='shadergraph' />
<div class="form-group">
<label for="uploader">Shadergraph name<em>*</em></label>
<input required type="text" name="shadergraphname" id="form-filename"/>
</div>
<div class="form-group">
<label for="uploader">Uploader email<em>*</em></label>
<input required type="email" name="uploaderemail"/>
</div>
<div class="form-group">
<label for="uploader">Uploader name</label>
<input type="text" name="uploadername"/>
</div>
<div class="form-group tags">
<label for="uploader">Tags</label>
<div>
<input type="text" name="tags"/>
<div class="note">Comma separated list of tags.</div>
</div>
</div>
<div class="form-group" id="form-subgraph">
<label for="uploader">Shadergraph guid</label>
<div>
<input type="text" name="shadergraphguid"/>
<input type="hidden" id="shadergraph-sub" name="shadergraphsub"/>
<div class="note">
<p>Use the shadergraph guid value to assign a unique id to a subgraph so that the parent shadergraph links directly to it.</p>
<p>To locate its guid, preview the parent .shadergraph file, locate the subgraph node, click on the settings button and copy the 'SubGraph GUID' value.</p>
</div>
</div>
</div>
<div class="note">* Required fields</div>
<div class="form-footer">
<button type="submit">Submit to library</button>
<input type="hidden" id="shadergraph-body" name="shadergraphbody"/>
<input type="text" name="full-name"/>
</div>
</form>