{"id":14243,"date":"2024-06-06T02:55:21","date_gmt":"2024-06-06T02:55:21","guid":{"rendered":"https:\/\/doc.stackposts.com\/docs\/stackpush\/how-to-use\/opt-in-box\/"},"modified":"2024-09-12T06:05:25","modified_gmt":"2024-09-12T06:05:25","slug":"opt-in-box","status":"publish","type":"docs","link":"https:\/\/doc.stackposts.com\/docs\/stackpush\/how-to-use\/opt-in-box\/","title":{"rendered":"Step 4: Configure Opt-in Box (Prompts)"},"content":{"rendered":"<p>Opt-in is when users actively consent to receive notifications, such as for promotions. It&#8217;s best practice, and often legally required, to obtain this consent before adding users to messaging campaigns. Requesting opt-in enhances user engagement by reducing notification blocks and improving click-through and conversion rates.<\/p>\n<p>In this context, &#8220;prompting&#8221; means asking users for permission to send push notifications via a browser pop-up, where they must click &#8220;<span style=\"color: #3366ff;\"><strong>Allow<\/strong><\/span>&#8221; to subscribe.<\/p>\n<div class=\"alert-primary-red\">\n<div class=\"mb-2\"><span style=\"color: #0d6efd;\"><strong>Note:<\/strong><\/span> <span class=\"fw-4\">Asking users to subscribe to push notifications without customizing the opt-in can seem suspicious. If it doesn\u2019t match your brand, users may ignore it. Personalizing the opt-in is key to gaining their trust.<\/span><\/div>\n<\/div>\n<p>You can select different styles for Desktop and Mobile. We\u2019ll guide you through editing the Desktop opt-in, and the same steps apply to Mobile.<\/p>\n<h3><strong>Step 1: Select the Opt-in Box Theme<\/strong><\/h3>\n<p>Access the StackPush dashboard and go to <span class=\"direction_steps\"><span class=\"direction_step\">Settings<\/span><span class=\"direction_step\">Opt-in Box<\/span> <span class=\"direction_step\">Theme<\/span> <\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large\" src=\"https:\/\/i.imgur.com\/sjk9McV.png\" width=\"auto\" height=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Step 2: Editing Opt-in Box message<\/strong><\/h3>\n<p>Here\u2019s where you need to explain to users why they should subscribe to your push notifications. Use compelling language to boost your subscription rate. By default, the CTA buttons are labeled \u201cAllow\u201d and \u201cBlock.\u201d<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large\" src=\"https:\/\/i.imgur.com\/sIyA5Ll.png\" width=\"auto\" height=\"auto\" \/><\/p>\n<h3><strong>Step 3: Style Option<\/strong><\/h3>\n<p>You can pre-view the Mobile layout here: <img decoding=\"async\" class=\"aligncenter size-large\" src=\"https:\/\/i.imgur.com\/kxfF2nO.png\" width=\"auto\" height=\"auto\" \/><\/p>\n<h4><strong>Themes and Background color<\/strong><\/h4>\n<p>Adjusting the background color. Use your brand&#8217;s existing color scheme to customize it and ensure it aligns with your color palette.<br \/>\n<img decoding=\"async\" class=\"aligncenter size-large\" src=\"https:\/\/i.imgur.com\/5GBNQtU.png\" width=\"auto\" height=\"auto\" \/><\/p>\n<p>You\u2019ve learned how to design a tailored push notification opt-in for your website. Craft a unique opt-in that reflects your brand\u2019s identity to boost subscription rates.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opt-in is when users actively consent to receive notifications, such as for promotions. It&#8217;s best practice, and often legally required, to obtain this consent before adding users to messaging campaigns. Requesting opt-in enhances user engagement by reducing notification blocks and improving click-through and conversion rates. In this context, &#8220;prompting&#8221; means asking users for permission to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14154,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-14243","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/14243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/comments?post=14243"}],"version-history":[{"count":36,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/14243\/revisions"}],"predecessor-version":[{"id":14548,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/14243\/revisions\/14548"}],"up":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/14154"}],"wp:attachment":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/media?parent=14243"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/doc_tag?post=14243"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/doc_badge?post=14243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}