	{"id":865,"date":"2022-10-05T18:20:51","date_gmt":"2022-10-05T10:20:51","guid":{"rendered":"https:\/\/manychat.com.hk\/?post_type=docs&#038;p=865"},"modified":"2022-10-05T18:20:51","modified_gmt":"2022-10-05T10:20:51","password":"","slug":"%e3%80%90%e6%88%90%e9%95%b7%e5%b7%a5%e5%85%b7%e3%80%91wordpress%e4%b8%8a%e7%9a%84manychat%e7%aa%97%e5%8f%a3%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%91wordpress%e4%b8%8a%e7%9a%84manychat%e7%aa%97%e5%8f%a3%e5%b0%8f%e9%83%a8%e4%bb%b6\/","title":{"rendered":"\u3010Growth Tools\u3011ManyChat Widget on WordPress"},"content":{"rendered":"<p><strong>1. Find the JS snippet<\/strong><\/p>\n<p>To install a widget on a WordPress site, you first need to add it to the \u201c<strong>Authorized Sites\u201d<\/strong>list:<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib aligncenter\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045313814\/original\/WtN-rw09ZydvzGT7qbcTAUOLBK0xndSeIQ.png?1568298762\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045313814\/original\/WtN-rw09ZydvzGT7qbcTAUOLBK0xndSeIQ.png?1568298762\" data-fileid=\"36045313814\" data-uniquekey=\"1568297935714\" \/><\/p>\n<p>Next, you need to add the<strong>JavaScript code snippet<\/strong>to the  of each webpage - you can find it under the \u201c\u00a0<strong>Settings\u201d<\/strong>tab in the widget settings:<\/p>\n<div><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045352506\/original\/JnMyE2CZKdkU4zcSibzJb5_XSDF8-8tGdA.png?1568328321\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045352506\/original\/JnMyE2CZKdkU4zcSibzJb5_XSDF8-8tGdA.png?1568328321\" data-fileid=\"36045352506\" data-uniquekey=\"1568297935714\" \/><\/div>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045352501\/original\/EtPRu5MRGnNMC7ROMpibdy38B6KUdjVvvg.png?1568328294\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045352501\/original\/EtPRu5MRGnNMC7ROMpibdy38B6KUdjVvvg.png?1568328294\" data-fileid=\"36045352501\" data-uniquekey=\"1568297935714\" \/><\/p>\n<p><strong>2. Manage the WordPress Control Panel<\/strong><\/p>\n<p>You can install the \u201c\u00a0<strong>Insert Headers and Footers\u201d<\/strong>plugin, which can be used to manage  scripts - go to \u201cPlugins\u201d &gt; \u201cAdd New\u201d, find the plugin and activate it.<\/p>\n<p>Once done, go to \u201cSettings\u201d, then select \u201c\u00a0<strong>Insert Headers and Footers\u201d<\/strong>. You will find the section<strong>Header Scripts<\/strong>with<strong> Scripts in the Footer.<\/strong>The first part is where you need to insert the JS code snippet:<\/p>\n<p><strong><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36047558386\/original\/XIObPd34lhYa9GaoQCm-Zf5tnn8c_Ralag.png?1570527460\" data-attachment=\"[object Object]\" data-id=\"36047558386\" \/><\/strong><\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353460\/original\/PSFCg9GgzZrppwoCJ_Us0QAVDOb9QQ37yg.png?1568329524\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353460\/original\/PSFCg9GgzZrppwoCJ_Us0QAVDOb9QQ37yg.png?1568329524\" data-fileid=\"36045353460\" data-uniquekey=\"1568297935714\" \/><\/p>\n<p><strong>Note:<\/strong>\u00a0<em>You can only insert the JS code snippet\u00a0\u00a0<\/em><strong><em>once.<\/em><\/strong><\/p>\n<p>If it is an embeddable widget, you also need to insert<strong>Embed code:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353834\/original\/H9fmriGerYEpQM6FZHJ1NX4cPqfkJIYyMw.png?1568330200\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353834\/original\/H9fmriGerYEpQM6FZHJ1NX4cPqfkJIYyMw.png?1568330200\" data-fileid=\"36045353834\" data-uniquekey=\"1568330183192\" \/><\/p>\n<p>Go to the sidebar on<strong>Posts<\/strong>, select the post where you want to place the widget, and then insert the \u201cembed code\u201d as HTML in the position you want it to display. Here\u2019s an example of how to add a Checkbox widget:<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353871\/original\/QvLpu7H0qmKLAFJ44opuimjph7rj8Vmcjg.png?1568330271\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353871\/original\/QvLpu7H0qmKLAFJ44opuimjph7rj8Vmcjg.png?1568330271\" data-fileid=\"36045353871\" data-uniquekey=\"1568330252701\" \/><\/p>\n<p>Update the post, ensure the widget is activated in ManyChat, and check your website:<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353895\/original\/5WRMWtPXN0-Zogq1TQCEkqU15T6fGNZXbQ.png?1568330291\" data-filelink=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36045353895\/original\/5WRMWtPXN0-Zogq1TQCEkqU15T6fGNZXbQ.png?1568330291\" data-fileid=\"36045353895\" data-uniquekey=\"1568330252701\" \/><\/p>\n<p>Look, you\u2019re done! :)<\/p>\n<p><strong>If you still cannot display the widget properly, try using the Check tool for that widget. For more information on the \u201cCheck\u201d feature, see<\/strong>\u00a0<strong><a href=\"https:\/\/manychat.com\/blog\/troubleshoot-your-bot-growth-widgets-with-manychats-new-diagnostic-testing-tool\/\" target=\"_blank\" rel=\"noopener noreferrer\">Here<\/a>.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>1.\u67e5\u627eJS\u7247\u6bb5 \u8981\u5728WordPress\u7db2\u7ad9\u4e0a\u5b89\u88dd\u5c0f\u90e8\u4ef6\uff0c\u60a8\u9996\u5148\u9700\u8981\u5c07\u5176\u6dfb\u52a0\u5230\u201c\u6388\u6b0a\u7db2\u7ad9\u201d\u5217\u8868\u4e2d\uff1a \u63a5\u4e0b\u4f86\u8981\u505a [&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-865","docs","type-docs","status-publish","hentry","doc_category-manychat-basics"],"year_month":"2026-04","word_count":19,"total_views":"2404","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\/865","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\/865\/revisions"}],"predecessor-version":[{"id":1229,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/865\/revisions\/1229"}],"wp:attachment":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/media?parent=865"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_category?post=865"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_tag?post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}