{"id":11067,"date":"2024-08-06T17:54:16","date_gmt":"2024-08-06T14:54:16","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=11067"},"modified":"2025-09-05T12:24:29","modified_gmt":"2025-09-05T09:24:29","slug":"added-to-cart-pop-up","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/added-to-cart-pop-up\/","title":{"rendered":"Added to Cart Popup"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2000\" style=\"aspect-ratio: 3456 \/ 2000;\" width=\"3456\" autoplay loop muted preload=\"auto\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Screen-Recording-2024-08-06-at-18.00.03.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Activating the <strong>Added to Cart Popup<\/strong> module.<\/figcaption><\/figure>\n\n\n\n<p>The&nbsp;<strong>Added to Cart Popup<\/strong>&nbsp;module provides a smooth way to notify customers when a product has been added to their cart. The popup displays key details such as the product image, price, updated cart totals, and even product suggestions that complement the newly added item.<\/p>\n\n\n\n<p>It\u2019s a powerful tool for increasing customer retention, encouraging higher order values, and keeping users engaged throughout the shopping journey.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activating the Module<\/h2>\n\n\n\n<p>To enable the Added to Cart Popup module, follow these steps:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Open your\u00a0<strong>WordPress Dashboard<\/strong>.<\/li>\n\n\n\n<li>Click on\u00a0<strong>Blocksy<\/strong>\u00a0in the left-hand menu.<\/li>\n\n\n\n<li>Navigate to the\u00a0<strong>Extensions<\/strong>\u00a0tab.<\/li>\n\n\n\n<li>Find the\u00a0<strong>Shop Extra<\/strong>\u00a0extension.<\/li>\n\n\n\n<li>Locate the\u00a0<strong>Added to Cart Popup<\/strong>\u00a0module and toggle it\u00a0<strong>on<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Once activated, a new\u00a0<strong>Added to Cart Popup<\/strong>\u00a0panel will appear under\u00a0<strong>Customiser \u2192 WooCommerce General<\/strong>, where you can fine-tune the settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"2420\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Screenshot-2025-09-05-at-12.06.31.png\" alt=\"\" class=\"wp-image-14023\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Trigger Conditions<\/h3>\n\n\n\n<p>Decide where the popup should appear &#8211; on archive pages, single product pages, or both. Please note that the\u00a0<strong>AJAX add to cart<\/strong>\u00a0option must be enabled for the popup to work.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image Controls<\/h3>\n\n\n\n<p>Customise how the product image is displayed, with options for aspect ratio, image size, and width.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Information Controls<\/h3>\n\n\n\n<p>Manage which product details appear inside the popup, including the price, description, and attributes. You can also choose to display cart information such as totals, taxes, and shipping details.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"1554\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Screenshot-2025-09-05-at-12.06.44.png\" alt=\"\" class=\"wp-image-14024\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Popup Options<\/h3>\n\n\n\n<p>Configure the popup\u2019s overall behaviour, including animation type and speed, popup size, and screen position.<\/p>\n\n\n\n<p>You can also apply\u00a0<strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/conditions-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional Module<\/a><\/strong>\u00a0rules to control where the popup appears across your site.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Demo<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2000\" style=\"aspect-ratio: 3456 \/ 2000;\" width=\"3456\" autoplay loop muted preload=\"auto\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/08\/Screen-Recording-2024-08-07-at-15.55.49.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">The Added to Cart Popup in action.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The&nbsp;Added to Cart Popup&nbsp;module provides a smooth way to notify customers when a product has been added to their cart. The popup displays key details such as the product image, price, updated cart totals, and even product suggestions that complement the newly added item. It\u2019s a powerful tool for increasing customer retention, encouraging higher order [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[117],"class_list":["post-11067","documentation","type-documentation","status-publish","hentry","doc_categories-woocommerce"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=11067"}],"version-history":[{"count":19,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11067\/revisions"}],"predecessor-version":[{"id":14027,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/11067\/revisions\/14027"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=11067"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=11067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}