{"id":88600,"date":"2021-10-14T10:45:40","date_gmt":"2021-10-14T14:45:40","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=88600"},"modified":"2025-08-13T09:04:26","modified_gmt":"2025-08-13T13:04:26","slug":"how-to-style-the-success-message-overlay","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-style-the-success-message-overlay\/","title":{"rendered":"How to Style the Success Message Overlay"},"content":{"rendered":"\n<p>You can show a Success Message within your campaign to new subscribers after they submit the form. This Success Message is fully customizable just like your optin campaign.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to design and style the Success Message overlay in your campaign.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Start<\/h2>\n\n\n\n<p>Here are some things to know before you begin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This guide assumes your optin form is <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-actions-for-success-view-and-more\/\" target=\"_blank\" rel=\"noopener\" title=\"\">configured to show the Success view<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Style Success Message<\/h2>\n\n\n\n<p>To style the Success Message, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the campaign builder, select the&nbsp;<strong>Success<\/strong> view from the footer bar.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/Switch-to-the-Success-View-in-the-campaign-builder-to-customize-the-design-OptinMonster.png\" alt=\"Switch to the Success View in the campaign builder to customize the design\"><\/li>\n\n\n\n<li>From here, you can use the&nbsp;<a href=\"https:\/\/optinmonster.com\/docs\/optinmonster-builder-overview\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"OptinMonster Builder Overview\">Drag and Drop Builder<\/a> to configure the design of your Success Message.<\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> your campaign.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">Can I show the Success Message automatically to visitors who have already subscribed?<\/h5>\n\n\n\n<p>Yes, you can do this using our <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-optinmonsters-smart-success-feature\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Smart Success feature<\/a>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Can I trigger the Success Message to appear when a button is selected instead of the optin form?<\/h5>\n\n\n\n<p>Yes, you can do this by <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-actions-for-success-view-and-more\/\" target=\"_blank\" rel=\"noopener\" title=\"\">editing the button element&#8217;s Success Action to show the Success view<\/a>.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>You can show a Success Message within your campaign to new subscribers after they submit the form. This Success Message is fully customizable just like your optin campaign. In this article, you&#8217;ll learn how to design and style the Success Message overlay in your campaign. Before You Start Here are some things to know before&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31409,31411,31405,31500],"class_list":["post-88600","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/88600","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\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=88600"}],"version-history":[{"count":9,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/88600\/revisions"}],"predecessor-version":[{"id":202917,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/88600\/revisions\/202917"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=88600"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=88600"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=88600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}