How to Setup Headless WordPress Forms Using Basin and Strattic
Anthony Penner on Jan 30 2022
Serverless Jamstack solutions like Strattic allow you to quickly and easily create and host static Wordpress sites, allowing you to effortlessly craft pages that are fast, secure, scalable, and easily managed with the familiar Wordpress environment.
Let’s take a look at how to set up a Strattic page and integrate your Basin HTML form backend. This will only take a few minutes from start to finish, and you won’t have to write a single line of code!
Getting Started with Strattic
If you don’t already have one, you’ll need to sign up for a Strattic account on their sign-up page. Once you have an account, create a Wordpress site and log into it using the username and password you’ve chosen for the site.
You’ll now find yourself at the Wordpress administrator page. Let’s create a page by clicking the Pages tab, then selecting Add New.
Adding your Basin Form
Now choose a title, click on the floating plus symbol, search for html and select the Custom HTML option. This will allow us to copy and paste our Basin form’s HTML directly into the page.
Next, grab your form’s HTML code from Basin’s website. If you’re new to Basin, you can find a sample of your form by navigating to the Forms page and selecting the form you’d like to add to the page.
Under the Setup section, click on the link shown below to see a simple pre-built version of your form.
Scroll down to the pre-built form, then select the HTML and copy it.
Now head back to your Strattic Wordpress page and paste the selected code into the HTML field.
Testing your Form
Click the HTML Preview button if you’d like to see how the form will look on your page. When you’re ready, you can use the Preview or Publish buttons in the top-right to test that your form is working properly. If you’ve copied in the pre-built form, the page should look something like this:
If everything’s working properly, then filling out the form and clicking the Send button should create a new submission on your form’s Submissions tab in Basin.
And we’re done! Now you have a live webpage that can accept form submissions. The only thing left to do is customize the form, style the page, and add your content. Basin’s no-code form backend takes care of all the magic behind the scenes, so you can focus on building your site instead of debugging code.
Thanks for reading, and happy form building!
Have questions or need help?