How to add form code to your website
In this article you'll learn how to:
Get the code of your form
When you've finished creating your form, click on the "</> Add to your website" link in the upper right corner. You will see a pop-up containing the code to add to your website.
Depending on your abilities to edit the website code, there are three possible scenarios to add the form to it:
- If you manage your website's code, you can add it there yourself. Inline forms should go inside the body tag, wherever you want to display the form. Hello bar forms, slide-in forms and pop-up forms should go just before the closing body tag.
- If your website has a dedicated webmaster, you can forward the code to them, and they can publish the form for you.
- If you created your website using a builder tool, you could contact the support of your website builder to ask for instructions specific to their tool.
Follow the guidelines below to see how to add your form to specific sites:
Click "Add" in the top banner, then select "Section to Page". Scroll down to "HTML Embed" and pick your preferred section design. Drag it onto your page.
Click "Settings" in the "HTML Embed" section on the left-hand side.
Pick "HTML Code" and paste your EmailOctopus form's HTML code. The form will appear on your page wherever you've placed the HTML Embed element.
To integrate a hello bar form, a slide-in form or a pop-up form to your Wix website, you need a connected domain, which means that this feature is only available to Wix premium users. You can find Wix’s support article here if you require additional information.
Copy the code of your sign-up form. In Blogger, choose Layout > Add a Gadget.
Paste the code into the Contents field. Enter a title, if you want the gadget to have one and press Save.
Drag-and-drop the new gadget to where you want it to appear. Save the layout.
Edit your page and add a new code block.
Get your EmailOctopus form code – you can access it by clicking the “</> Add to your website” link and copying the code.
Paste the code into the code block on Squarespace.
Go to GoDaddy website builder and click “Add Selection” where you want your sign-up form to be embedded.
Look for “HTML” and click “Add”.
Get your EmailOctopus form’s code – click on “</> Add to your website” and copy the code from the pop-up.
Paste it in the “Custom Code” box within the right-hand editor in your GoDaddy website builder. You can add a title, set up a custom height and align your form to the centre.
You might need to exclude the reCAPTCHA from your form, as it can cause errors. Instead, we recommend setting up double opt-in on your list to protect it from bot entries.
Go to the page you’d like your form to be embedded on, click on the plus icon to add a new element and pick “Custom HTML”.
That’s it, your form is displayed on your page!