{"id":2465,"date":"2024-10-13T22:56:04","date_gmt":"2024-10-13T13:56:04","guid":{"rendered":"https:\/\/storecrm.com\/help\/?p=2465"},"modified":"2026-09-03T16:39:33","modified_gmt":"2026-09-03T07:39:33","slug":"back-in-stock-button-customize","status":"publish","type":"post","link":"https:\/\/storecrm.com\/help\/en\/setting\/back-in-stock-button-customize\/","title":{"rendered":"Customize the Restock Notification Button"},"content":{"rendered":"<p>You can configure StoreCRM restock notification buttons separately for email and LINE in the admin. Change their colors, text, icons, and width, then use the preview to check how they will look in your store.<\/p>\n<h2>Configure the email restock notification button<\/h2>\n<ol>\n<li>In the StoreCRM admin, open [Settings] \u2192 [Restock notification settings].<\/li>\n<li>Select the email button settings tab and adjust its text, colors, icon, and background.<\/li>\n<li>Under [Button width unit], select a fixed width or [Percentage of container (%)]. Enter a percentage from 1% to 100%.<\/li>\n<li>Check the preview and save your changes.<\/li>\n<\/ol>\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1440\" height=\"1400\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903.png\" alt=\"Admin settings and preview with the email restock notification button width set as a percentage\" class=\"wp-image-5911\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903.png 1440w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903-300x292.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903-1024x996.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903-768x747.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-email-button-width-20260903-12x12.png 12w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n<h2>Configure the LINE restock notification button<\/h2>\n<p>On the LINE tab, you can separately configure the text, colors, icon, background, and width. Email and LINE values are saved independently, so check both if you use both notification methods.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"1400\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903.png\" alt=\"Admin settings and preview with the LINE restock notification button width set as a percentage\" class=\"wp-image-5913\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903.png 1440w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903-300x292.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903-1024x996.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903-768x747.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-back-in-stock-line-button-width-20260903-12x12.png 12w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n<h2>Check the result after configuration<\/h2>\n<p>After saving, open an out-of-stock product page. Confirm that the button for the notification method you use appears and that it leads to email-address registration or LINE connection.<\/p>\n<pre class=\"wp-block-verse\"><strong>Related pages<\/strong><\/pre>\n<ul>\n<li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/back-in-stock\/\">Send me a restocking notification email<\/a><\/li>\n<li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/back-in-stock-list\/\">Check the list of restock notifications<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"StoreCRM\u306e\u518d\u5165\u8377\u901a\u77e5\u30dc\u30bf\u30f3\u306f\u3001\u7ba1\u7406\u753b\u9762\u304b\u3089\u30e1\u30fc\u30eb\u7528\u3068LINE\u7528\u3092\u305d\u308c\u305e\u308c\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002\u8272\u3001\u6587\u8a00\u3001\u30a2\u30a4\u30b3 [&hellip;]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,76],"tags":[129],"class_list":["post-2465","post","type-post","status-publish","format-standard","hentry","category-setting","category-setting-setting","tag-restock-notice"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/comments?post=2465"}],"version-history":[{"count":23,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2465\/revisions"}],"predecessor-version":[{"id":5922,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2465\/revisions\/5922"}],"wp:attachment":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/media?parent=2465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/categories?post=2465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/tags?post=2465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}