Requirements
-
Access key
-
Redirect page (optional)
Getting started
1. Create Access key
Go to https://www.staticforms.xyz, input your email address and get Access Key.
![](/wp-content/uploads/2024/03/318329324-ea16418fbee2775eef166bc9.png?expires=1619758800&signature=dd41495284658f397fc969eb7de44c18d9ac994e3d3189be5bb74c8d80115cf3)
2. Create Your Form
Simply, copy sample form on the site and modify it.
<!-- Make sure you don't change the form action-->
<form action="https://api.staticforms.xyz/submit" method="post">
<!-- Replace with accesKey sent to your email -->
<input type="hidden" name="accessKey" value="e44fc5d0-0b52-4cb1-9f79-fefc3800d89c"> <!-- Required -->
<input type="text" name="name"> <!-- Optional -->
<input type="text" name="subject"> <!-- Optional -->
<input type="text" name="email"> <!-- Optional -->
<input type="text" name="phone"> <!-- Optional -->
<textarea name="message"></textarea> <!-- Optional -->
<!-- If you want replyTo to be set to specific email -->
<input type="text" name="replyTo" value="myreplytoemail@example.com"> <!-- Optional -->
<!-- Specify @ as reply to value if you want it to be customers email -->
<input type="hidden" name="replyTo" value="@"> <!-- Optional -->
<!-- If you want form to redirect to a specific url after submission -->
<input type="hidden" name="redirectTo" value="https://example.com/contact/success"> <!-- Optional -->
<input type="submit" value="Submit" />
</form>
3. Replace sample accessKey to yours.
Sample
<input type="hidden" name="accessKey" value="e44fc5d0-0b52-4cb1-9f79-fefc3800d89c">
to
<input type="hidden" name="accessKey" value="YOUR-STATICFORM-ACCESSKEY">
4. Edit “ReplyTo” to yours (optional)
Sample
<input type="text" name="replyTo" value="myreplytoemail@example.com">
to
<input type="text" name="replyTo" value="hello@example.com">
5. Edit redirect (optional)
Make sure the redirectTo value should be URL of your website,
Sample
<input type="hidden" name="redirectTo" value="https://example.com/contact/success"> <!-- Optional -->
to
<input type="hidden" name="redirectTo" value="https://abc-123-def-456.on.getshifter.io/thank-you"> <!-- Optional -->
Modified form code
<form action="https://api.staticforms.xyz/submit" method="post">
<input type="hidden" name="accessKey" value="YOUR-STATICFORM-ACCESSKEY"> <!-- Required -->
Name: <input type="text" name="name"> <br/>
Subject: <input type="text" name="subject"> <br/>
Email: <input type="text" name="email"> <br/>
Phone: <input type="text" name="phone"> <br/>
Message: <textarea name="message"></textarea> <br/>
Email: <input type="text" name="replyTo" value="hello@example.com"> <br/>
<input type="hidden" name="replyTo" value="@"> <br/>
<input type="hidden" name="redirectTo" value="https://example.com/thank-you">
<input type="submit" value="Submit" />
<input type="text" name="honeypot" style="display: none;">
</form>
6 . Start WordPress from Shifter dashboard.
Back to Shifter dashboard, click [Start WordPress] button.
7. Create new page to embed the code
![](/wp-content/uploads/2024/03/318330913-bf0883b485d6f7b75f65d6ae.png?expires=1619758800&signature=f2e3ee6ab5160a95c0ba9254501e14bf2bca77bdaa444d4dd18b438229c1e97b)
8. Add block
![](/wp-content/uploads/2024/03/318331153-1b0e272ec92bcd53ba1e5800.png?expires=1619758800&signature=43d1fec801b9dcfbc7e26baf20ec68852c35fc73539c1d4101794d7df9763891)
9. Choose “Custom HTML”
![](/wp-content/uploads/2024/03/318331331-3f964392a8daa7216e5f959a.png?expires=1619758800&signature=fed950078a3de3951309d021b301026a2be231941fc6d23ba4eca4c1367a9d19)
10. Paste code and publish it.
![](/wp-content/uploads/2024/03/318331611-0594dbc5621fc384c8b6f4bf.png?expires=1619758800&signature=7e523a5adfdeffabef6e1fc1f9151e4612ac0710ad8ee4a4c248e4f5b4a179ee)
11. Generate and publish an artifact
Back to Shifter dashboard, and click [Generate] button.
![](/wp-content/uploads/2024/03/275819782-8cc1b301bc1621d133d77a09.png?expires=1619758800&signature=8f2d8f361fdcb2dbca2660f936c847f6fef1ce66415d433022686748f11331f5)
Optionally, you can add a note to each artifact to document changes.
12. Publish!
Auto Publish is enabled by default. You can select the newly created artifact to publish it if the feature is disabled.
![](/wp-content/uploads/2024/03/219553512-b9526c52fdb4a26691770b49.png?expires=1619758800&signature=7e53aa062bb0f53aced44aadb16816b5a7f662306f0e4dd1ee7f58e11ee02a78)
13. Tet form
Access to your contact form and test it.
![](/wp-content/uploads/2024/03/318333264-913b5a572f11d0aaefdec8e8.png?expires=1619758800&signature=85d8e0be90c319cfa3c88479edd6dfb0e25336f8c46776bc46d46ff2a97bcdca)
14. Make sure redirect worked (if you set it)
![](/wp-content/uploads/2024/03/318333360-31c2c39a07a1607715dbd720.png?expires=1619758800&signature=7813bc5ed88a2affe9819a1606f3410a8d1cd44e2b2357d17f831e723d776400)
15. You’ll get email from Staticform (info@staticforms.xyz) after submitting form.
![](/wp-content/uploads/2024/03/318332626-5de92f1e057dd9ef11d9b014.png?expires=1619758800&signature=e9bde644d871d19ff9a5214789520c0630efa9526559fbd90cb87df9847ba749)