{"id":203406,"date":"2023-10-17T14:31:25","date_gmt":"2023-10-17T18:31:25","guid":{"rendered":"https:\/\/optinmonster.com\/?p=203406&#038;post_type=optinmonster_docs&#038;preview_id=203406"},"modified":"2025-07-30T09:23:03","modified_gmt":"2025-07-30T13:23:03","slug":"how-to-add-optin-fields-to-your-optinmonster-campaign","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-add-optin-fields-to-your-optinmonster-campaign\/","title":{"rendered":"How to Add Optin Fields to Your OptinMonster Campaign"},"content":{"rendered":"\n<p>OptinMonster makes it easy to customize the appearance of your campaigns, including adding forms with optin fields. <br><br>The Fields Block makes it easy to add optin fields to your campaign using the drag-and-drop builder. You can include common fields like name, email, phone number, and you can also <a href=\"https:\/\/optinmonster.com\/docs\/use-field-mapping-to-add-extra-fields-to-your-optin-form\/\" title=\"\">add custom fields<\/a>\u2014whatever fits your form best.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to add a Fields Block to your campaign.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add a Fields Block<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the campaign builder&#8217;s <strong>Design<\/strong> view, be sure the Home panel is visible in the left sidebar. If it is not, select the Home icon to return to the Home panel.<br><img decoding=\"async\" width=\"844\" height=\"570\" class=\"alignnone size-full wp-image-182203\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/navigate-home-panel.png\" alt=\"Navigate to the home panel in the campaign builder of OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/navigate-home-panel.png 844w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/navigate-home-panel-300x203.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/navigate-home-panel-768x519.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/li>\n\n\n\n<li>Click and drag the Fields Block into the campaign&#8217;s design. Drop it where you would like for it to be placed.<br><img decoding=\"async\" width=\"800\" height=\"334\" class=\"wp-image-203491\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/add-field-block.jpg\" alt=\"Add optin fields with a Fields Block\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/add-field-block.jpg 1200w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/add-field-block-300x125.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/add-field-block-1024x428.jpg 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/add-field-block-768x321.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n<p class=\"is-style-arrow-link\"><a href=\"https:\/\/optinmonster.com\/docs\/use-field-mapping-to-add-extra-fields-to-your-optin-form\/\" title=\"\">Learn how to add extra fields to your optin form and map fields<\/a> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Styling Fields<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>On the <strong>Content <\/strong>tab, you can set the form width, form alignment, and whether to display the field labels.<br><img decoding=\"async\" width=\"800\" height=\"625\" class=\"wp-image-203495\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/fields-block-content-tab-1.jpg\" alt=\"Content tab fields block\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/fields-block-content-tab-1.jpg 875w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/fields-block-content-tab-1-300x235.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/fields-block-content-tab-1-768x600.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Click the pencil icon to the right of a field name to access the field&#8217;s options.<br><img decoding=\"async\" width=\"800\" height=\"1239\" class=\"wp-image-203496\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/field-options-content-tab-1.jpg\" alt=\"Field options via the content tab\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/field-options-content-tab-1.jpg 426w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/field-options-content-tab-1-194x300.jpg 194w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>On the <strong>Advanced<\/strong> tab, you have access to form field styling such as vertical and horizontal spacing, fonts, borders, and background color of the fields.<br><img decoding=\"async\" width=\"800\" height=\"1163\" class=\"wp-image-203497\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/form-field-styling.png\" alt=\"Form field styling\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/form-field-styling.png 460w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/form-field-styling-206x300.png 206w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>If you scroll down in the Advanced tab, you will also find options for styling Checkbox\/Radio Buttons, the Submit Button, disable reCAPTCHA for the specific campaign, and Container Styling options.<img decoding=\"async\" width=\"800\" height=\"1316\" class=\"wp-image-203498\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/other-form-styling.png\" alt=\"Access styling options for Submit button, Radio\/Checkboxes, Container styling and reCaptcha options\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/other-form-styling.png 405w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/other-form-styling-182x300.png 182w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><br><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Delete Fields Block<\/h2>\n\n\n\n<p>To remove a Fields Block from your campaign&#8217;s design, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Hover over the Fields Block you wish to remove.<\/li>\n\n\n\n<li>Select the trash icon.<br><img decoding=\"async\" width=\"800\" height=\"235\" class=\"wp-image-203499\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/delete-fields-block.jpg\" alt=\"Select trash icon to delete the fields block\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/delete-fields-block.jpg 958w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/delete-fields-block-300x88.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/delete-fields-block-768x225.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>A modal will appear asking you to confirm if you&#8217;d like to delete the Text Block from your campaign. Select OK to confirm.<br><img decoding=\"async\" width=\"896\" height=\"436\" class=\"alignnone size-full wp-image-182206\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/confirm-text-delete.png\" alt=\"Be sure to confirm the deletion of a Text Block from your campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/confirm-text-delete.png 896w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/confirm-text-delete-300x146.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/confirm-text-delete-768x374.png 768w\" sizes=\"(max-width: 896px) 100vw, 896px\" \/><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Reposition Fields Block<\/h2>\n\n\n\n<p>To move the Fields Block to a different position, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Hover over the Fields Block you wish to relocate.<\/li>\n\n\n\n<li>Select the navigation icon and drag the Fields Block into the new position.<br><img decoding=\"async\" width=\"800\" height=\"211\" class=\"wp-image-203500\" style=\"width: 800px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/reposition-fields-block.png\" alt=\"Reposition fields block\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/reposition-fields-block.png 981w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/reposition-fields-block-300x79.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/10\/reposition-fields-block-768x203.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to customize the appearance of your campaigns, including adding forms with optin fields. The Fields Block makes it easy to add optin fields to your campaign using the drag-and-drop builder. You can include common fields like name, email, phone number, and you can also add custom fields\u2014whatever fits your form best.&nbsp;&hellip;<\/p>\n","protected":false},"author":19107,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[8],"documentation\/tags":[31399,31409,31411],"class_list":["post-203406","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-getting-started"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/19107"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=203406"}],"version-history":[{"count":7,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203406\/revisions"}],"predecessor-version":[{"id":203777,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203406\/revisions\/203777"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=203406"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=203406"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=203406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}