{"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-10-13T15:01:49","modified_gmt":"2026-10-13T06:01:49","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><ol><li>In the StoreCRM admin, open Restock notifications \u2192 Restock notification settings.<\/li><li>Select the email button settings tab and adjust its text, colors, icon, and background.<\/li><li>Under [Button width unit], select a fixed width or [Percentage of container (%)]. Enter a percentage from 1% to 100%.<\/li><li>Check the preview and save your changes.<\/li><\/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><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\n\n\n<!-- storecrm-help-redo-v4:app-embed:start -->\n<h2 class=\"wp-block-heading\">Check the features you need App Embed<\/h2>\n<p class=\"wp-block-paragraph\">App Embed works even if it is off because the block itself reads common JavaScript.<\/p>\n<p class=\"wp-block-paragraph\">App Embed [Common Features of StoreCRM] is necessary for a list of favoritess, pages with no product block, a traditional customer account, and all page common widgets. Check the state of the public theme on the StoreCRM settings screen, and select \"Reconfirm\" only if necessary.<\/p>\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png\"><img decoding=\"async\" width=\"1440\" height=\"1100\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png\" alt=\"Check the App Embed status of the public theme in StoreCRM.\" class=\"wp-image-7118\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928.png 1440w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-300x229.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-1024x782.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-768x587.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-embed-status-20260928-16x12.png 16w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption class=\"wp-element-caption\">Check the App Embed status of the public theme in StoreCRM.<\/figcaption><\/figure>\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"250\" src=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png\" alt=\"Turn on App Embed in the theme editor if you want to use the necessary features.\" class=\"wp-image-7120\" srcset=\"https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928.png 1120w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-300x67.png 300w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-1024x229.png 1024w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-768x171.png 768w, https:\/\/storecrm.com\/help\/wp-content\/uploads\/2026\/09\/main-storecrm-en-favorite-theme-customizer-20260928-18x4.png 18w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Turn on App Embed in the theme editor if you want to use the necessary features.<\/figcaption><\/figure>\n<!-- storecrm-help-redo-v4:app-embed:end -->\n\n<!-- sprint37-back-in-stock-button-customize:start -->\n<h2>Configure SKU exclusions and staff notifications<\/h2>\n<p>Delivery rules include variant exclusions and staff email notifications for new requests. Excluded variants restrict both email and LINE registrations. Set up to five staff recipients; each notice counts toward email usage. See the SKU exclusion and staff notification sections in Send restock notification emails.<\/p>\n<!-- sprint37-back-in-stock-button-customize:end -->\n<h2>Check the result after configuration<\/h2><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><ul><li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/back-in-stock\/\">Send restock notification emails<\/a><\/li><li><a href=\"https:\/\/storecrm.com\/help\/en\/setting\/back-in-stock-list\/\">View the restock notification list<\/a><\/li><\/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":27,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2465\/revisions"}],"predecessor-version":[{"id":7506,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/2465\/revisions\/7506"}],"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}]}}