Add Extra Fields to Your Optin Form

By default there are two input fields available for your optin form when using one of our native Email Service Provider integrations; the name and email fields. But you may wish to add extra fields such as a telephone number or a hidden field for list segmentation.

Follow our simple guide to add extra fields to your optin form.

  1. Create or Modify an Optin
  2. Custom HTML Integration
  3. Paste the HTML Form Code
  4. Style the Custom Form (optional)
  5. FAQs

Step 1 – Create or Modify an Optin

Create a new optin or modify an existing optin from OptinMonster Dashboard. Open the OptinMonster Builder by selecting the Edit button.

Select the edit button from your Dashboard to edit an optin you've already created.

Step 2 – Custom HTML Integration

Select the Integrations tab in the optin builder.

Select the Integrations tab in the optin builder to configure the Integration for your optin.

Next, in the Integrations panel choose Custom HTML Optin Form from the Email Provider dropdown.

Choose the Custom HTML Optin Form Integration option to begin adding your custom form code to the optin builder.

Step 3 – Paste the HTML Form Code

Login to your Email Service Provider account (Mailchimp, AWeber, IntegrationSoft, etc), create your optin form including the additional fields you want.

Copy & Paste the HTML form code provided by your Email Service Provider into the Custom HTML Form Code field in the Integrations panel of the optin builder.

Paste your custom HTML form code into the provided field of the Integrations panel.

Want more details on using the Custom HTML Optin Form integration option? See: How to Connect OptinMonster with any Custom HTML Form

Step 4 – Style the Custom Form (optional)

The pasted HTML form may not adhere to the default styling of the optin theme you’ve selected, so it may be necessary for you to add some custom CSS before your form can appear as expected.

Select the Setup tab in the optin builder, and scroll down in the Setup panel to the Custom Optin CSS field – here you can add Custom CSS styling as you require.

You can style your custom form code using CSS in the Setup panel of the optin builder.

Be sure to save your optin and you’ve successfully added extra fields to your optin!


FAQs

Q: Will I be able to use the Success Message or Redirect URL settings I’ve configured for my optin with a custom form?

A: No, unfortunately it’s not possible for OptinMonster to override your custom form’s default actions. You’ll need to control the URL the visitor is redirected to after submitting the form through your Email Service Provider account.