{"id":835,"date":"2025-03-11T16:35:48","date_gmt":"2025-03-11T16:35:48","guid":{"rendered":"https:\/\/www.smashpops.com\/blog\/?page_id=835"},"modified":"2025-08-26T07:13:02","modified_gmt":"2025-08-26T07:13:02","slug":"how-to-add-a-coupon-description","status":"publish","type":"page","link":"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/","title":{"rendered":"How to add a coupon description?"},"content":{"rendered":"<p>Sometimes, you want to display special instructions when a specific discount is won.<\/p>\n<p>You can do this by using a coupon description. Here is how :<\/p>\n<p>1. Go to &#8220;Settings &gt; Coupons&#8221; and click on the bubble icon next to the discount you&#8217;d like to add a description for.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-430\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4.jpg\" alt=\"\" width=\"1204\" height=\"571\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4.jpg 2561w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4-300x142.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4-1024x485.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4-768x364.jpg 768w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4-1536x728.jpg 1536w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4-2048x971.jpg 2048w\" sizes=\"(max-width: 1204px) 100vw, 1204px\" \/><\/p>\n<p>2. Now, you can write a short description for the discount. For instance, you may want to write something to make sure that your customer understands the conditions of use of your coupon. In addition, you can <a href=\"https:\/\/www.smashpops.com\/blog\/can-i-add-a-link-or-custom-html-in-my-text\">add a link to your product in your text<\/a>. Our text fields support HTML, so we can use the &lt;a&gt; tag to create a link:<\/p>\n<pre><em>This 5% off coupon code only works for our Ray-Ban Aviator product! &lt;a href=\"https:\/\/nighht.fr\/rayban-aviator\"&gt;Go check out our product page right now!&lt;\/a&gt;<\/em><\/pre>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-293\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6.jpg\" alt=\"\" width=\"1253\" height=\"594\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6.jpg 2561w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6-300x142.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6-1024x485.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6-768x364.jpg 768w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6-1536x728.jpg 1536w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product6-2048x971.jpg 2048w\" sizes=\"(max-width: 1253px) 100vw, 1253px\" \/><\/p>\n<p>3. That&#8217;s it. Hit &#8220;Save&#8221; and from now on, when this specific discount is won, the description will appear in the win screen (like on the screenshot below).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-294\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7.jpg\" alt=\"\" width=\"1317\" height=\"741\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7.jpg 2560w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7-300x169.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7-1024x576.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7-768x432.jpg 768w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7-1536x864.jpg 1536w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/07\/specific-product7-2048x1152.jpg 2048w\" sizes=\"(max-width: 1317px) 100vw, 1317px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Bonus : adding a product to the cart<\/h2>\n<p>This is a bit of a <strong>hack<\/strong>, but <strong>if you have installed SmashPops on a Shopify store,<\/strong> there is a way to add a product to the cart when a discount is won (<strong>this will not refresh any cart drawer\/notification\/bubble<\/strong> immediately though since it is very specific to each theme).<\/p>\n<p>Before we go any further, you need to know the <strong>variant ID of the product you&#8217;d like to add to the cart<\/strong>. Go to the variant page in the &#8220;Products&#8221; section of your Shopify store and get the last number of the URL.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-840\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-2.jpg\" alt=\"\" width=\"1192\" height=\"670\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-2.jpg 1263w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-2-300x169.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-2-1024x576.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-2-768x432.jpg 768w\" sizes=\"(max-width: 1192px) 100vw, 1192px\" \/><\/p>\n<p>Then we will add something to the coupon description to be able to add the product to the cart manually or automatically.<\/p>\n<h3>Manually<\/h3>\n<p>For this, the user will need to click on a link that will take him to the cart with the added product.<\/p>\n<p>You just need to add a link to &lt;your store URL&gt;\/cart\/add?id=&lt;VariantID&gt; (or simply \/cart\/add?id=&lt;VariantID&gt; but this will only work on your store, not in the builder preview) to the coupon description. For instance :<\/p>\n<pre><em>PLEASE &lt;a href=\"\/cart\/add?id=&lt;VariantID&gt;\"&gt;CLICK HERE&lt;\/a&gt; TO ADD THE PRODUCT TO THE CART<\/em><\/pre>\n<p>Of course, replace &lt;VariantID&gt; with your variant ID.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-846\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-1.jpg\" alt=\"\" width=\"396\" height=\"373\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-1.jpg 405w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-1-300x282.jpg 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/p>\n<p>And on the win screen, you should see something like this :<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-847\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-2.jpg\" alt=\"\" width=\"491\" height=\"467\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-2.jpg 605w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-2-300x285.jpg 300w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><\/p>\n<p>Hit &#8220;Save&#8221; and that&#8217;s it : when the user clicks on it, it will add the product to the cart and take him to the cart page.<\/p>\n<h3>Automatically<\/h3>\n<p>This way, the user won&#8217;t need to click on anything. But remember, this is a hack and it won&#8217;t refresh any cart drawer\/notification\/bubble.<\/p>\n<p>To do this, add the following HTML to the coupon description (it is invisible on the win screen, so it can be added along with some other text if needed) :<\/p>\n<pre><em>&lt;img src=\"\/x\" style=\"height:0;width:0;\" onerror=\"(function() {<\/em>\r\n<em>fetch('\/cart\/add?id=&lt;VariantID&gt;&amp;quantity=1');<\/em>\r\n<em>})()\"&gt;<\/em><\/pre>\n<p>Of course, replace &lt;VariantID&gt; with your variant ID.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-841\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-3.jpg\" alt=\"\" width=\"395\" height=\"355\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-3.jpg 479w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/03\/atc-3-300x269.jpg 300w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/p>\n<p>Hit save and that&#8217;s it. Please note that this will only work the popup is displayed on your website (it won&#8217;t work in the preview). Also, as I said earlier, this may not refresh any cart drawer\/notification\/bubble (depending on your theme, you may need to add some other Javascript).<\/p>\n<p>If you&#8217;d like to add 2 different products to the cart at the same time, you can use the following HTML (and replace &lt;VariantID&gt; and &lt;VariantID2&gt; of course) :<\/p>\n<pre><em>&lt;img src=\"\/x\" style=\"height:0;width:0;\" onerror=\"(function() {<\/em>\r\n<em>fetch('\/cart\/add?items[0][id]=&lt;VariantID&gt;&amp;items[0][quantity]=1&amp;items[1][id]=&lt;VariantID2&gt;&amp;items[1][quantity]=1');<\/em>\r\n<em>})()\"&gt;<\/em><\/pre>\n<h3>Custom &#8220;add to cart&#8221;<\/h3>\n<p>In case you&#8217;d rather implement your own &#8220;add to cart&#8221; function (because your theme uses specific cart functions for example), you could use our Javascript hooks (in &#8220;Settings &gt; Javascript&#8221;) so that we call a JS function from your theme (defined on the window object) when a discount is won.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-849\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-3.jpg\" alt=\"\" width=\"295\" height=\"235\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-3.jpg 370w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/06\/cart-3-300x239.jpg 300w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes, you want to display special instructions when a specific discount is won. You can do this by using a coupon description. Here is how : 1. Go to &#8220;Settings &gt; Coupons&#8221; and click on the bubble icon next to the discount you&#8217;d like to add a description for. 2. Now, you can write a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a coupon description? - SmashPops Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a coupon description? - SmashPops Blog\" \/>\n<meta property=\"og:description\" content=\"Sometimes, you want to display special instructions when a specific discount is won. You can do this by using a coupon description. Here is how : 1. Go to &#8220;Settings &gt; Coupons&#8221; and click on the bubble icon next to the discount you&#8217;d like to add a description for. 2. Now, you can write a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/\" \/>\n<meta property=\"og:site_name\" content=\"SmashPops Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T07:13:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#organization\",\"name\":\"SmashPops\",\"url\":\"https:\/\/www.smashpops.com\/blog\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2020\/04\/icon1024.png\",\"width\":1024,\"height\":1024,\"caption\":\"SmashPops\"},\"image\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#website\",\"url\":\"https:\/\/www.smashpops.com\/blog\/\",\"name\":\"SmashPops Blog\",\"description\":\"Everything you need to know about e-commerce and email collection.\",\"publisher\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.smashpops.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2022\/08\/buyxgety4.jpg\",\"width\":2561,\"height\":1214},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/#webpage\",\"url\":\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/\",\"name\":\"How to add a coupon description? - SmashPops Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/#primaryimage\"},\"datePublished\":\"2025-03-11T16:35:48+00:00\",\"dateModified\":\"2025-08-26T07:13:02+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.smashpops.com\/blog\/how-to-add-a-coupon-description\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/835"}],"collection":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/comments?post=835"}],"version-history":[{"count":8,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/835\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/835\/revisions\/854"}],"wp:attachment":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/media?parent=835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}