{"id":6047,"date":"2023-09-12T18:26:50","date_gmt":"2023-09-12T12:41:50","guid":{"rendered":"https:\/\/popandconvert.com\/?post_type=docs&#038;p=6047"},"modified":"2023-09-13T21:02:42","modified_gmt":"2023-09-13T15:17:42","password":"","slug":"create-a-notification","status":"publish","type":"docs","link":"https:\/\/popandconvert.com\/docs\/create-a-notification\/","title":{"rendered":"How to create a Notification?"},"content":{"rendered":"\n<p>The Notification can be displayed across entire site or selectively on specific posts and pages, delivering important message to your audience and generate leads. Also, you have the option to customize the appearance of the Notification using a wide range of customization settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add a Notification? <\/h2>\n\n\n\n<p>You can add a Notification via&nbsp;<strong><strong>Admin<\/strong> <strong>Dashboard &gt; Pop and Convert &gt; Add New<\/strong>.<\/strong> Here you can add Notification Title. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"385\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13-1024x385.png\" alt=\"\" class=\"wp-image-6124\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13-1024x385.png 1024w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13-300x113.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13-768x289.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13-360x135.png 360w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-13.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p>You can configure content of the Notification Settings from here. <\/p>\n\n\n\n<p><strong>Type<\/strong>: You can choose whether you want the notification to be sticky or overlay on your site.<\/p>\n\n\n\n<p><strong>Title:<\/strong> Please provide a title for the notification.<\/p>\n\n\n\n<p><strong>Description:<\/strong> Enter the desired content for the notification.<\/p>\n\n\n\n<p><strong>Image:<\/strong> Kindly upload the image you intend to use for the notification.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Button Settings<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"835\" height=\"320\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-23.png\" alt=\"\" class=\"wp-image-6141\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-23.png 835w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-23-300x115.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-23-768x294.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-23-360x138.png 360w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/figure>\n\n\n\n<p><strong>Label<\/strong>: Add a label for the CTA button within the notification.<\/p>\n\n\n\n<p><strong>Button Link<\/strong>: Specify the destination URL for the CTA button.<\/p>\n\n\n\n<p><strong>Rel Attribute:<\/strong> Select the relationship attribute (rel) for the link.<\/p>\n\n\n\n<p><strong>Open in New Tab:<\/strong> Toggle this option to enable opening the link in a new tab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Settings<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14-1024x464.png\" alt=\"\" class=\"wp-image-6125\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14-1024x464.png 1024w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14-300x136.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14-768x348.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14-360x163.png 360w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-14.png 1152w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Device Visibility:<\/strong> Tick the checkbox to activate the feature that allows you to display the notification on the preferred device size.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"378\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/Pop-and-convert-32.png\" alt=\"\" class=\"wp-image-6308\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/Pop-and-convert-32.png 836w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/Pop-and-convert-32-300x136.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/Pop-and-convert-32-768x347.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/Pop-and-convert-32-360x163.png 360w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/figure>\n\n\n\n<p><strong>Location<\/strong>: Please specify the location on your website where you&#8217;d like the notification to be displayed. You have several options available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Entire Website<\/li>\n\n\n\n<li>Show on Selected.<\/li>\n\n\n\n<li>Hide on Selected.<\/li>\n<\/ul>\n\n\n\n<p>If you opt for &#8220;<strong>Hide on Selected<\/strong>&#8221; or &#8220;<strong>Show on Selected<\/strong>,&#8221; you&#8217;ll have the opportunity to select the different pages or posts you have in mind.<\/p>\n\n\n\n<p>If you select &#8220;Custom Page\/Post Type,&#8221; you can choose specific pages and posts, or you can enter their respective Page\/Post IDs. Please add Page\/Post IDs separated by commas and without any space between them. <\/p>\n\n\n\n<p> If you&#8217;re unsure about how to find the Page\/Post ID, you can refer to this <strong><a href=\"https:\/\/popandconvert.com\/?post_type=docs&amp;p=6122\">instruction<\/a><\/strong>.<\/p>\n\n\n\n<p><strong>Trigger<\/strong>: The &#8220;On Page Load&#8221; feature is available in the free version of the plugin. You can specify the time in seconds when the notification should appear, and it will display after the specified time.<\/p>\n\n\n\n<p><strong>Priority<\/strong>: Enter a priority number to the notification. Only the notification with the highest priority will be displayed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Customization Settings<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15-1024x471.png\" alt=\"\" class=\"wp-image-6126\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15-1024x471.png 1024w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15-300x138.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15-768x353.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15-360x165.png 360w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-and-convert-15.png 1177w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Enable Custom Styling<\/strong>: You have the choice to enable or disable Custom Styling. When you enable the option, you will be able to configure the styling of&nbsp;each notification individually. However, if the toggle is turned off, the notification will use the Global settings.<\/p>\n\n\n\n<p><strong>Container Width<\/strong>: Add container width Size. <\/p>\n\n\n\n<p><strong>Box Border Radius<\/strong>: Choose border radius size for the box. <\/p>\n\n\n\n<p><strong>Title Font Size<\/strong>: Set the font size for the title across all three device sizes.<\/p>\n\n\n\n<p><strong>Description Font Size<\/strong>: Set the font size for the content across all three device sizes.<\/p>\n\n\n\n<p><strong>Button Background Color<\/strong>: You can choose button background color. <\/p>\n\n\n\n<p><strong>Button Text Color<\/strong>: Choose button text color. <\/p>\n\n\n\n<p><strong>Button Border Radius<\/strong>: You can add button border radius as per your requirement. <\/p>\n\n\n\n<p><strong>Image Size<\/strong>: You have the option to display either the default image size or the full image size.<\/p>\n\n\n\n<p><strong>Image Border Radius<\/strong>: Choose image border radius size. <\/p>\n\n\n\n<p><strong>Image Width<\/strong>: You can enter the image width. <\/p>\n\n\n\n<p><strong>Image Height<\/strong>: You can enter the image height. <\/p>\n\n\n\n<p>After making modifications, you have the choice to either save the changes as a draft or publish them. You can also preview the changes made to the notification by navigating to <strong>Admin<\/strong> <strong>Dashboard &gt; Pop and Convert &gt; Add New &gt;Preview<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17-1024x493.png\" alt=\"\" class=\"wp-image-6127\" srcset=\"https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17-1024x493.png 1024w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17-300x144.png 300w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17-768x370.png 768w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17-360x173.png 360w, https:\/\/popandconvert.com\/wp-content\/uploads\/2023\/09\/pop-convert-17.png 1149w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Notification can be displayed across entire site or selectively on specific posts and pages, delivering important message to your &hellip; <\/p>\n","protected":false},"author":263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[78],"doc_tag":[],"class_list":["post-6047","docs","type-docs","status-publish","hentry","doc_category-pop-and-convert","latest_post","image-hover-transition-effect"],"year_month":"2025-01","word_count":566,"total_views":"174","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"support","author_nicename":"support","author_url":"https:\/\/popandconvert.com\/author\/support\/"},"doc_category_info":[{"term_name":"Pop and Convert","term_url":"https:\/\/popandconvert.com\/docs-category\/pop-and-convert\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/docs\/6047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/users\/263"}],"replies":[{"embeddable":true,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/comments?post=6047"}],"version-history":[{"count":18,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/docs\/6047\/revisions"}],"predecessor-version":[{"id":6804,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/docs\/6047\/revisions\/6804"}],"wp:attachment":[{"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/media?parent=6047"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/doc_category?post=6047"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/popandconvert.com\/wp-json\/wp\/v2\/doc_tag?post=6047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}