Add Extra Fields to Your Optin Form

By default there are two input fields available for your campaign 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 campaign form.

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

Step 1 – Create or Modify an Campaign

Create a new campaign or modify an existing campaign 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 campaign builder.

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

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

Step 3 – Paste the HTML Form Code

Login to your Email Service Provider account (Mailchimp, AWeber, IntegrationSoft, etc), create your campaign 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 campaign 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 campaign builder, and scroll down in the Setup panel to the Custom Campaign 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 campaign and you’ve successfully added extra fields to your campaign!


FAQs

Q: Will I be able to use the Success Message or Redirect URL settings I’ve configured for my campaign 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.