{"id":14592,"date":"2023-11-19T13:08:33","date_gmt":"2023-11-19T13:08:33","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=14592"},"modified":"2024-04-15T09:23:28","modified_gmt":"2024-04-15T09:23:28","password":"","slug":"how-to-display-surecart-sales-alerts-using-notificationx","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/hi\/docs\/how-to-display-surecart-sales-alerts-using-notificationx\/","title":{"rendered":"How To Display SureCart Sales Alerts Using NotificationX?"},"content":{"rendered":"\n<p>Sales Notification lets you display the recent purchase of your products made by the customers as a notification popup on your website. Thanks to this fantastic FOMO Technique, you are able to immediately grab the attention of your visitors &amp; increase your conversion rate. With NotificationX, you can easily add fascinating <strong><a href=\"https:\/\/notificationx.com\/surecart\/\" target=\"_blank\" rel=\"noreferrer noopener\">SureCart sales alerts<\/a><\/strong> to your WordPress website to keep everyone engaged and boost sales.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"[Growth Hacks] How To Display SureCart Sales Alert to Boost Revenue On Your WordPress Website?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qHClSRKh5co?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Set Up SureCart Sales Alert With NotificationX?<\/strong><\/h2>\n\n\n\n<p>Before you begin, make sure that you have installed and activated the <a href=\"https:\/\/wordpress.org\/plugins\/surecart\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>SureCart<\/strong><\/a> plugin on your WordPress website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step1: Add New Notification<\/h3>\n\n\n\n<p>Go to your WordPress Dashboard and navigate to <strong>wp-admin \u2192 NotificationX \u2192 NotificationX<\/strong>. Then, right at the top, click on <strong>\u2018Add New\u2019<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"759\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image.png\" alt=\"SureCart Sales Alerts\" class=\"wp-image-14593\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-300x142.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1024x486.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-768x364.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1536x729.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-360x171.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Choose SureCart As Source<\/h3>\n\n\n\n<p>After you are done with step 1, you will be redirected to the <strong>\u2018Source\u2019 <\/strong>Tab page of your NotificationX. You can also put a title. Use the drop-down menu to select \u2018Sales Notification\u2019 as your Notification type. Then, simply pick <strong>\u2018SureCart\u2019<\/strong> as your Source. Afterward, go ahead &amp; click on the <strong>\u2018Next\u2019<\/strong> button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"768\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1.png\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14596\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-300x144.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-1024x492.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-768x369.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-1536x737.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1-360x173.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize The Design<\/h3>\n\n\n\n<p>From the<strong> \u2018Design\u2019<\/strong> tab, you can choose a layout and also have the flexibility to use the \u2018Advanced Design\u2019 option to customize it as per your preference. From the<strong> \u2018Themes\u2019 <\/strong>section, the chosen layout is how the \u2018Sales Notification\u2019 will be displayed on your website.<\/p>\n\n\n\n<p>You can modify your chosen Theme by customizing it through \u2018<strong>Advanced Design\u2019<\/strong> option. From this section, you will be able to easily add styling to your design, image appearance, and typography. You can add Background or Text color for notification popup. Besides, you can also add a Border and add styling to it.<\/p>\n\n\n\n<p><strong>\u2018Image Appearance\u2019<\/strong> section lets you change the<strong> \u2018Image Shape\u2019<\/strong> to out of these three: Rounded, Circle &amp; Square. You can also use the drop-down menu <strong>\u2018Position\u2019<\/strong> to change the position of the image: Left or Right. Sales Notification consists of Three rows. From <strong>\u2018Typography\u2019<\/strong> section, you can change the Font Size for each row as well.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"741\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image.gif\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14597\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4: Customize The Content<\/h3>\n\n\n\n<p>You will then be redirected to the<strong> \u2018Content\u2019<\/strong> tab, from where you can modify your \u2018Notification Template\u2019 and add your preferred content text. NotificationX offers a <strong>\u2018Notification Template\u2019 <\/strong>for your Content. You can easily go ahead and choose your preferred variables. These variables help to display the name of the user who has purchased a specific product in a certain time interval.<\/p>\n\n\n\n<p>Besides, you can also add your text which will be showing up in the notification popup. On the other hand, <strong>\u2018Advanced Template\u2019<\/strong> gives you complete control over customizing the entire Content for <strong>SureCart sales alerts<\/strong>.<\/p>\n\n\n\n<p>For example, with the Content settings, your notification popup will display content such as this \u2018John Doe recently purchased Example Product 1 hour ago\u2019. From <strong>\u2018Link Options\u2019<\/strong>, you can pick a<strong> \u2018Link Type\u2019<\/strong> for your notification popup. Simply click on the <strong>\u2018Next\u2019 <\/strong>button to continue.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"740\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-1.gif\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14598\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 5: Customize The Appearance<\/h3>\n\n\n\n<p>In the<strong> \u2018Display\u2019<\/strong> tab, there are two available sections: Image &amp; Visibility. From the \u2018Image\u2019 section, you can use the checkbox to display the default image or an avatar in the notification popup. If the users don\u2019t have any <strong>\u2018Avatar\u2019<\/strong> set in their profile, you can simply display the<strong> \u2018Default\u2019<\/strong> image by selecting the<strong> \u2018Default Image\u2019<\/strong> checkbox and uploading a default image. Besides, you will have the opportunity to display the product image which is purchased by the customer.<\/p>\n\n\n\n<p>You can set the pages where you want to display the Sales Notification from the\u2019 Visibility\u2019 section. You also have the option to restrict the notification popup based on certain user roles: Always, Logged In &amp; Logged Out. By default, \u2018Show On\u2019 is set to <strong>\u2018Show Everywhere\u2019 <\/strong>as a result the Sales Notification will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the <strong>\u2018Sales Notification\u2019<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"739\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-2.gif\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14599\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>After you click on the <strong>\u2018Next\u2019<\/strong> button, you will be redirected to the <strong>\u2018Customize\u2019<\/strong> Tab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Customize The Timing &amp; Behaviour<\/h3>\n\n\n\n<p>Under the <strong>\u2018Customize\u2019 <\/strong>tab, you will find three separate sections: Appearance, Timing &amp; Behavior. From the<strong> \u2018Appearance\u2019 <\/strong>section, you can set the position where you want to display the Sales Notification and use the checkbox to disable\/enable <strong>\u2018Close Button\u2019 &amp; \u2018Hide on Mobile\u2019 <\/strong>options. You can even set a max-width for your Notification Popup as well.<\/p>\n\n\n\n<p>You can set the position for Sales Notification to either at the Bottom Left or Bottom Right side of your website. You can also show a \u2018Close Button\u2019 which can be clicked to close the Sales Notification. Furthermore, you have the flexibility to hide the <strong>\u2018Sales Notification\u2019<\/strong> for mobile devices if you want to as well.<\/p>\n\n\n\n<p>From <strong>\u2018Queue Management\u2019<\/strong> section you can activate the global queue system for this notification. That time you won\u2019t need to edit the timing section for the notification. In The Time section, you have the freedom to set time for <strong>\u2018Initial\u2019, \u2018Display For\u2019 &amp; \u2018Delay Between\u2019 <\/strong>options as per your preference from the \u2018Timing\u2019 section. You can set an initial time after which your <strong>\u2018Sales Notification\u2019<\/strong> will be popped up. By default, it is set to 5 seconds. You can also set a time limit for how long you want each notification popup to be displayed by modifying the \u2018Display For\u2019 field. To choose a time interval between two notifications of Sales Notification, simply set the time in the \u2018Display Between\u2019 field.<\/p>\n\n\n\n<p>From the<strong> \u2018Behaviour\u2019<\/strong> section, you can choose to display the number of sales made for certain past days. By checking the <strong>\u2018Loop Notification\u2019<\/strong> box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the<strong> \u2018Open link in new tab\u2019<\/strong> checkbox.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"742\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/image-3.gif\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14600\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 7: Publish Your Notification<\/h3>\n\n\n\n<p>After you have completed step 6, click on the \u2018<strong>Publish<\/strong>\u2019 button. As a result, the \u2018Sales Notification\u2019 will be successfully created. By following these mentioned steps and a bit more modifying &amp; styling, your outcome would look like something like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-1024x658.png\" alt=\"SureCart Sales Integrations\" class=\"wp-image-14617\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-1024x658.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-300x193.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-768x494.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-18x12.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1-360x231.png 360w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/11\/Component-1-1.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>This is how you can easily design and display appealing<strong> SureCart Sales <\/strong>alerts on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team <a href=\"https:\/\/wpdeveloper.net\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transform your WordPress website into a sales powerhouse with SureCart Sales Integrations and NotificationX. Explore our guide to crafting engaging Sales Notifications effortlessly.<\/p>","protected":false},"author":28,"featured_media":14596,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[154],"doc_tag":[196,160,155,175,176,183,156,280,279,161,162,157,173],"class_list":["post-14592","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-custom-sales-notification","doc_tag-fomo","doc_tag-fomo-notification","doc_tag-freemius-sales-alert","doc_tag-freemius-sales-notification","doc_tag-notification-bar","doc_tag-notificationx","doc_tag-product-reviews","doc_tag-review-alerts","doc_tag-sales-notification","doc_tag-sales-popup","doc_tag-social-proof","doc_tag-wordpress"],"year_month":"2026-04","word_count":1052,"total_views":"19135","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/hi\/author\/mamun\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/hi\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"Custom Sales Notification","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/custom-sales-notification\/"},{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/fomo-notification\/"},{"term_name":"Freemius Sales Alert","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/freemius-sales-alert\/"},{"term_name":"Freemius Sales Notification","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/freemius-sales-notification\/"},{"term_name":"Notification Bar","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/notification-bar\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/notificationx\/"},{"term_name":"Product Reviews","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/product-reviews\/"},{"term_name":"Review Alerts","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/review-alerts\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/sales-popup\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/social-proof\/"},{"term_name":"WordPress","term_url":"https:\/\/notificationx.com\/hi\/docs-tag\/wordpress\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/docs\/14592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":7,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/docs\/14592\/revisions"}],"predecessor-version":[{"id":15730,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/docs\/14592\/revisions\/15730"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/media\/14596"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/media?parent=14592"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/doc_category?post=14592"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/hi\/wp-json\/wp\/v2\/doc_tag?post=14592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}