{"id":203379,"date":"2023-10-17T14:31:25","date_gmt":"2023-10-17T18:31:25","guid":{"rendered":"https:\/\/optinmonster.com\/?p=203379&post_type=optinmonster_docs&preview_id=203379"},"modified":"2025-07-31T07:56:58","modified_gmt":"2025-07-31T11:56:58","slug":"how-to-add-a-divider-block-to-your-optinmonster-campaign","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-add-a-divider-block-to-your-optinmonster-campaign\/","title":{"rendered":"How to Add a Divider Block to Your OptinMonster Campaign"},"content":{"rendered":"\n

OptinMonster makes it easy to customize the appearance of your campaigns, including adding dividers using a Divider Block. <\/p>\n\n\n\n

In this article, you’ll learn how to add a Divider Block to your campaign.<\/p>\n\n\n\n

Add Divider Block<\/h2>\n\n\n\n
    \n
  1. In the campaign builder’s 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.
    \"Navigate<\/li>\n\n\n\n
  2. Click and drag the Divider Block into the campaign’s design. Drop it where you would like for it to be placed.
    \"Add<\/li>\n\n\n\n
  3. When you’re finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n

    Style Divider Block<\/h2>\n\n\n\n

    To style a Divider Block for your campaign’s design, follow these steps:<\/p>\n\n\n\n

      \n
    1. Click the Divider Block that you wish to style the divider in.<\/li>\n\n\n\n
    2. Adjust the styling settings from the Content tab to the left.
      \"Style<\/li>\n<\/ol>\n\n\n\n

      Delete Divider Block<\/h2>\n\n\n\n

      To remove a Divider Block from your campaign’s design, follow these steps:<\/p>\n\n\n\n

        \n
      1. Hover over the Divider Block you wish to remove.<\/li>\n\n\n\n
      2. Select the trash icon.
        \"Delete<\/li>\n\n\n\n
      3. A modal will appear asking you to confirm if you’d like to delete the Divider Block from your campaign. Select OK to confirm.
        \"Be<\/li>\n\n\n\n
      4. When you’re finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n

        Reposition Divider Block<\/h2>\n\n\n\n

        To move the Divider Block to a different position, follow these steps:<\/p>\n\n\n\n

          \n
        1. Hover over the Divider Block you wish to relocate.<\/li>\n\n\n\n
        2. Select the navigation icon and drag the Divider Block into the new position.
          \"Reposition<\/li>\n\n\n\n
        3. When you’re finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"

          OptinMonster makes it easy to customize the appearance of your campaigns, including adding dividers using a Divider Block. In this article, you’ll learn how to add a Divider Block to your campaign. Add Divider Block Style Divider Block To style a Divider Block for your campaign’s design, follow these steps: Delete Divider Block To remove …<\/p>\n","protected":false},"author":19107,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[8],"documentation\/tags":[31399,31409,32090,31411],"class_list":["post-203379","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\/203379","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=203379"}],"version-history":[{"count":3,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203379\/revisions"}],"predecessor-version":[{"id":203557,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203379\/revisions\/203557"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=203379"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=203379"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=203379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}