	{"id":863,"date":"2022-10-05T18:39:40","date_gmt":"2022-10-05T10:39:40","guid":{"rendered":"https:\/\/manychat.com.hk\/?post_type=docs&#038;p=863"},"modified":"2022-10-05T18:39:40","modified_gmt":"2022-10-05T10:39:40","password":"","slug":"%e3%80%90%e6%88%90%e9%95%b7%e5%b7%a5%e5%85%b7%e3%80%91shopify%e4%b8%8a%e7%9a%84manychat%e5%b0%8f%e9%83%a8%e4%bb%b6","status":"publish","type":"docs","link":"https:\/\/manychat.com.hk\/en\/docs\/%e3%80%90%e6%88%90%e9%95%b7%e5%b7%a5%e5%85%b7%e3%80%91shopify%e4%b8%8a%e7%9a%84manychat%e5%b0%8f%e9%83%a8%e4%bb%b6\/","title":{"rendered":"\u3010Growth Tool\u3011ManyChat Widget on Shopify"},"content":{"rendered":"<p data-identifyelement=\"439\">Here, you will learn how to set up the ManyChat widget on your Shopify store. You can use all of our widgets (customer chat, pop-ups, slides, bars, buttons, checkboxes, etc.) in your store.<\/p>\n<p data-identifyelement=\"440\">Suppose you want to use the \u201cCustomer Chat Growth Tool\u201d in your store.<\/p>\n<ol data-identifyelement=\"441\">\n<li>Connect our integration with Shopify.<a href=\"https:\/\/support.manychat.com\/support\/solutions\/articles\/36000201179-how-to-connect-shopify-to-manychat\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Learn more about how to do this.<\/strong><\/a><\/li>\n<li>Create your customer chat in ManyChat and make all the basic settings to choose the opt-in action. Then just activate the widget, and it will automatically appear here.<\/li>\n<li>If you want to hide the widget or only show the widget on certain pages, use the appropriate settings for this: \u201cHide on these pages\u201d \/ \u201cShow only on these pages.\u201d<\/li>\n<li>Check everything is working properly according to the settings.<\/li>\n<\/ol>\n<p data-identifyelement=\"448\">You do not need to install JavaScript snippets in your store - we will take care of that for you.<\/p>\n<p data-identifyelement=\"449\">Additionally, you can check our<a href=\"https:\/\/support.manychat.com\/support\/solutions\/articles\/36000001147-overlay-widgets\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>articles,<\/strong><\/a>for more information on how to set up and customize ManyChat widgets.<\/p>\n<p data-identifyelement=\"452\"><em><strong>ask<\/strong>: How to set up a pop-up that will show when customers click the \u201cAdd to Cart\u201d button and create their cart?<\/em><\/p>\n<p data-identifyelement=\"456\"><em><strong>\u7b54<\/strong>: Select the modal widget, then choose the setting \u201cWhen to show\u201d in the \u201cInitial State\u201d tab. You can choose \u201cWhen clicking the \u201cAdd to Cart\u201d button\u201d:<\/em><em>Note: If you use other applications to change the design of your Shopify store, thereby changing the classic Shopify add to cart button - our widget will not work.<\/em><em>In some cases, we do not support the \u201cAdd to Cart\u201d button of certain applications.<\/em><em>To check, activate your widget, which will show when someone clicks the add to cart button, open your store URL in the browser's incognito view, and check if you see the pop-up when clicking the \u201cAdd to Cart\u201d button.<\/em><\/p>\n<p><em><img decoding=\"async\" class=\"fr-fil fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36053758598\/original\/aDX9_37-JlteACCIXXiNhkfVyTK4bGrZTA.png?1576665307\" data-id=\"36053758598\" \/><\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5728\u9019\u88e1\uff0c\u60a8\u5c07\u5b78\u7fd2\u5982\u4f55\u5728Shopify\u5546\u5e97\u4e0a\u8a2d\u7f6eManyChat\u5c0f\u90e8\u4ef6\u3002\u60a8\u53ef\u4ee5\u5728\u5546\u5e97\u4e2d\u4f7f\u7528\u6211\u5011\u6240\u6709\u7684\u5c0f\u90e8\u4ef6\uff08\u5ba2\u6236 [&hellip;]<\/p>","protected":false},"author":20,"featured_media":0,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"%%post_title%%","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_eb_attr":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"doc_category":[46],"doc_tag":[],"class_list":["post-863","docs","type-docs","status-publish","hentry","doc_category-manychat-basics"],"year_month":"2026-04","word_count":11,"total_views":"2274","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Michelle","author_nicename":"michelle","author_url":"https:\/\/manychat.com.hk\/en\/author\/michelle\/"},"doc_category_info":[{"term_name":"ManyChat Basics","term_url":"https:\/\/manychat.com.hk\/en\/docs-category\/manychat-basics\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/users\/20"}],"version-history":[{"count":2,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/863\/revisions"}],"predecessor-version":[{"id":1230,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/863\/revisions\/1230"}],"wp:attachment":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/media?parent=863"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_category?post=863"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_tag?post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}