{"id":21949,"date":"2026-08-27T12:28:15","date_gmt":"2026-08-27T12:28:15","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&p=21949"},"modified":"2026-08-27T12:28:21","modified_gmt":"2026-08-27T12:28:21","password":"","slug":"how-to-create-a-cart-peek-notification","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/vi\/docs\/how-to-create-a-cart-peek-notification\/","title":{"rendered":"How to Create a Cart Peek Notification Using NotificationX"},"content":{"rendered":"

NotificationX<\/a><\/strong> now lets you display a Cart Peek<\/strong> notification on your website, giving visitors a glance at what’s already sitting in their shopping cart, right when they need a nudge to complete the purchase. Instead of letting shoppers forget about the items they’ve added, Cart Peek keeps their cart top of mind with a subtle, well-timed preview that links straight to checkout.<\/p>\n\n\n\n

With this notification type, you can reduce cart abandonment, remind potential buyers of the products they were interested in and gently guide them back toward completing their order. And all without interrupting their browsing experience.<\/p>\n\n\n\n

Let’s see how to create a Cart Peek notification using NotificationX.<\/p>\n\n\n\n

Note: To use this PRO feature, make sure you have <\/a><\/em>installed and activated<\/em><\/a><\/strong> NotificationX Free & PRO on your WordPress website before getting started.<\/em><\/p>\n\n\n\n

How to Create a Cart Peek Notification in NotificationX<\/strong><\/h2>\n\n\n\n

Follow this step-by-step process to set up and display a Cart Peek notification on your website using NotificationX.<\/p>\n\n\n\n

B\u01b0\u1edbc 1: Th\u00eam th\u00f4ng b\u00e1o m\u1edbi<\/strong><\/h3>\n\n\n\n

Chuy\u1ec3n \u0111\u1ebfn B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n WordPress c\u1ee7a b\u1ea1n v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn wp-admin -> NotificationX<\/strong>. Then, right at the top, click on ‘Th\u00eam m\u1edbi<\/strong>‘.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Step 2: Select Your Notification Type<\/strong><\/h3>\n\n\n\n

After you are done with Step 1, you will be redirected to the ‘Ngu\u1ed3n<\/strong>‘ tab page of your NotificationX. You can also add a title here. From the options, select ‘Cart Peek<\/strong>‘ as your Source type.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Step 3: Configure the Cart Peek Design<\/strong><\/h3>\n\n\n\n

Head over to the ‘Thi\u1ebft k\u1ebf<\/strong>‘ tab to set up how your Cart Peek notification looks. Here you can choose a ready-made theme or customize the appearance so it blends naturally with your store’s branding.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Enable the ‘Thi\u1ebft k\u1ebf ti\u00ean ti\u1ebfn<\/strong>‘ button to manually fine-tune the details. You can adjust the background color, text color, and layout, along with the typography, font size and weight.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

You can also customize the button by changing its color, font size, radius, padding, and width so the checkout call-to-action stands out.<\/p>\n\n\n\n

Step 4: Customize the Content for Cart Peek<\/strong><\/h3>\n\n\n\n

After clicking the ‘K\u1ebf ti\u1ebfp<\/strong>‘ button, you will find the ‘N\u1ed9i dung<\/strong>‘ tab. Here, you can review and edit the text shown in the Cart Peek notification \u2014 such as the headline, the message that appears alongside the cart items, and the button text that leads shoppers to checkout.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

After the settings, click on the ‘K\u1ebf ti\u1ebfp<\/strong>‘ button to control the visibility of the Cart Peek notification.<\/p>\n\n\n\n

Step 5: Control the Visibility<\/strong><\/h3>\n\n\n\n

Next, from the ‘Tr\u01b0ng b\u00e0y<\/strong>‘ tab, select the visibility options for where you want to show or hide the Cart Peek notification on your website. You can also choose to whom you want to display this notification type.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Step 6: Configure the Customization<\/strong><\/h3>\n\n\n\n

Next, under the ‘T\u00f9y ch\u1ec9nh<\/strong>‘ tab, you can choose the Ngo\u1ea1i h\u00ecnh<\/strong> of the Cart Peek notification \u2014 that is, which position on your website you want it to appear. You can also control the mobile visibility and set the Th\u1eddi gian<\/strong> to add a delay before the notification is shown. <\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

From this tab, you can enable the cart confirmation popup option and edit the content as you like. It\u2019ll popup the moment shoppers go to leave after adding something to the cart.<\/p>\n\n\n\n

Once everything looks right, click on the ‘C\u00f4ng b\u1ed1<\/strong>‘ button to make the Cart Peek notification live on your website.<\/p>\n\n\n\n

K\u1ebft qu\u1ea3 cu\u1ed1i c\u00f9ng<\/strong><\/h2>\n\n\n\n

By following these steps, this is how your Cart Peek notification will appear on your WordPress website, gently reminding visitors of the items waiting in their cart & make them pause before leaving the tab.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

This is how easily you can create a Cart Peek notification using NotificationX, from setup to execution, all in just a few clicks.<\/p>\n\n\n\n

N\u1ebfu b\u1ea1n g\u1eb7p ph\u1ea3i b\u1ea5t k\u1ef3 v\u1ea5n \u0111\u1ec1 n\u00e0o, b\u1ea1n c\u00f3 th\u1ec3 li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i Nh\u00f3m h\u1ed7 tr\u1ee3<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

Learn how to create a Cart Peek notification with NotificationX to remind visitors of the items in their cart and guide them back to checkout \u2014 reducing cart abandonment in just a few clicks.<\/p>","protected":false},"author":29,"featured_media":21964,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":["cart peek notification","How to Create a Cart Peek Notification","Configure the Cart Peek Design","NotificationX"],"_thinkrank_focus_keyword":"cart peek notification","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_primary_category":0,"_analytify_skip_tracking":false,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"doc_category":[154],"doc_tag":[],"class_list":["post-21949","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-08","word_count":600,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Shahidul Islam","author_nicename":"shahidul","author_url":"https:\/\/notificationx.com\/vi\/blog\/author\/shahidul\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/vi\/docs-category\/configurations\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/21949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/users\/29"}],"version-history":[{"count":2,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/21949\/revisions"}],"predecessor-version":[{"id":21967,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/21949\/revisions\/21967"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media\/21964"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media?parent=21949"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_category?post=21949"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_tag?post=21949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}