When your Airship form is ready to be placed onto your website, grab your forms unique integration code by clicking share at the top right of the form builder screen and using the code under 'Embed this form'.

This code is what we will be using in this tutorial and will look something like this:

<div id="airship_signup_form"></div>

<script src="//eflyers.powertext.co.uk/forms/standard-form/signup.js"></script>

Check out our handy how to video below or keep scrolling for the step by step guide!

To begin, find a place on your website that you wish to place the form. This can be on a sign up page specific page, your home page, or anywhere you see fit. Next, open your WordPress editor by selecting “Edit Page”.

Once selected, go to the area you wish to place the form. In my case, I want to place it just here:

Now you know where you are placing your form, you will need to choose a new block. As we are inserting code, we need to select a “Custom HTML” block. To do this, click the “+” button to add a new block, or if there is no “+” button, click on the block above, then click the three dots and select either “Insert After” or “Insert Before”, depending on where you wish the form to be placed.

Now we can place our HTML block. Click the block you wish the form to be in, and select “Custom HTML”. If you do not see it immediately, simply search for it in the search bar.

Now you have your HTML code block. You can paste in your integration code, supplied to you in your documentation. To check this works, you can click “Preview”.

If everything is set up correctly, this will now display a preview of your form. All there is to do now, is to click update in the top right corner of your page, and your form is ready for your customers to sign up to.