How to add form code to your website

In this article you'll learn how to:

You can learn how to create an inline or pop-up form here.

Your website must support JavaScript for the forms to work.

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. 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:

Wix

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 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.

Blogger

Copy the code of your sign-up form. In Blogger, choose  Layout > Add a Gadget.

Pick the HTML-Javascript 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.

If you also have a mobile theme set up for your blog, and you want this gadget to show up on it, then you need to enable the gadget specifically for it.

Squarespace

To embed any code you need to be on Squarespace Business or Commerce plan.

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.

GoDaddy

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.

WordPress

In WordPress, you can either use the JavaScript code of a form you created in your EmailOctopus account and embed it in the code of your page or you can create a form using our WordPress plugin. Below you'll find guidelines on how to embed an EmailOctopus form:

You'll need a Business or eCommerce WordPress plan to use JavaScript forms and plugins.

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”.

Paste your form’s JavaScript code and click “Update” in the top right corner.

That’s it, your form is displayed on your page!

Still need help? Contact Us Contact Us