{"id":2341,"date":"2024-11-26T03:40:08","date_gmt":"2024-11-26T03:40:08","guid":{"rendered":"https:\/\/team.innoquad.in\/wordpress-team\/doce-demo\/wordpress\/?p=2341"},"modified":"2024-12-12T12:06:36","modified_gmt":"2024-12-12T12:06:36","slug":"whatsapp-notification-addon-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/wpbookit\/whatsapp-notification-addon-configuration\/","title":{"rendered":"Meta Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<h2 class=\"wp-block-heading\"><strong>How To Configure<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: <strong>Visit the Meta for Developers Website<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your web browser and navigate to the <a style=\"text-decoration:none\" href=\"https:\/\/developers.facebook.com\/docs\/development\" target=\"_blank\" rel=\"noopener\">Meta for Developers site<\/a>.<\/li>\n\n\n\n<li>This is the platform where you can manage developer tools, APIs, and create applications that integrate with Meta&#8217;s services.<\/li>\n\n\n\n<li>Click on <strong>Login<\/strong> in the top-right corner of the homepage.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"945\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/meta_page.png\" alt=\"\" class=\"wp-image-2564\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you already have a Facebook account, click the <strong>Login<\/strong> button. If you don&#8217;t have a Facebook account, click the <strong>Register<\/strong> button to create a new one.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1898\" height=\"947\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/facebook_login_regester_page.png\" alt=\"\" class=\"wp-image-2569\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: <strong>Create a New App<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once logged in to your developer account, click on <strong>My Apps<\/strong> in the top-right corner of the dashboard.<\/li>\n\n\n\n<li>From the <strong>My Apps<\/strong> page, Click the <strong>Create App<\/strong> button. <img loading=\"lazy\" decoding=\"async\" width=\"1905\" height=\"913\" class=\"wp-image-2484\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_app_1.png\" alt=\"\"><\/li>\n\n\n\n<li>Enter the app details, such as the <strong>App Name<\/strong> and <strong>App Contact Information<\/strong>, then click the <strong>Next<\/strong> button to proceed.<img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"914\" class=\"wp-image-2487\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_app_2.png\" alt=\"\"><\/li>\n\n\n\n<li>Select<strong> &#8220;Other&#8221; <\/strong>as the use case option, then click the <strong>Next<\/strong> button to proceed.<img loading=\"lazy\" decoding=\"async\" width=\"1905\" height=\"911\" class=\"wp-image-2488\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_app_use_case.png\" alt=\"\"><\/li>\n\n\n\n<li>Choose <strong>Business<\/strong> as the app type from the list of available options,then click the <strong>Next<\/strong> button to continue.<img loading=\"lazy\" decoding=\"async\" width=\"1902\" height=\"822\" class=\"wp-image-2490\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_app_type.png\" alt=\"\">\n<ul class=\"wp-block-list\">\n<li>The Business app type is suitable for apps that need access to advanced tools and services like APIs for Facebook Login, Instagram, or Ads.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Enter the required details, including the <strong>App Name<\/strong>, <strong>App Contact Information<\/strong>, and <strong>Business Portfolio<\/strong> (as applicable), then click the <strong>Create app<\/strong> button to create app.<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"925\" class=\"wp-image-2495\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_app_type_detail.png\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3: <strong>Setup Whatapp App <\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Add Products to Your App<\/strong> section, select <strong>WhatsApp<\/strong> and click on <strong>Set Up<\/strong>:<img loading=\"lazy\" decoding=\"async\" width=\"1905\" height=\"914\" class=\"wp-image-2513\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/app_setup.png\" alt=\"\"><\/li>\n\n\n\n<li>In the dialog box for the <strong>WhatsApp Business Platform API<\/strong>, proceed with the following steps:\n<ul class=\"wp-block-list\">\n<li><strong>Select a Business Portfolio<\/strong>: Choose the business account you want to link to your app from the dropdown menu.<\/li>\n\n\n\n<li><strong>Review Terms and Conditions<\/strong>: Ensure you agree to the <strong>Facebook Terms for WhatsApp Business<\/strong> and the <strong>Meta Hosting Terms for Cloud API<\/strong>.<\/li>\n\n\n\n<li><strong>Understand Usage Restrictions<\/strong>: Familiarize yourself with the government and political use restrictions provided in the link.<\/li>\n\n\n\n<li><strong>Proceed<\/strong>: Click the <strong>Continue<\/strong> button to finalize the setup process.<img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"913\" class=\"wp-image-2528\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/setup_whatsapp_url.png\" alt=\"\"><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click the <strong>Start using the API <\/strong>button to start the setup process.<img loading=\"lazy\" decoding=\"async\" width=\"1898\" height=\"908\" class=\"wp-image-2529\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/whatsapp_api_setup.png\" alt=\"\"><\/li>\n\n\n\n<li>You will then be directed to the <strong>Quickstart<\/strong> section, which provides the necessary information for testing your app, including the <strong>Temporary Access Token<\/strong>, <strong>Phone Number ID<\/strong>, and <strong>WhatsApp Business Account ID<\/strong>.\n<ul class=\"wp-block-list\">\n<li><strong>Step 1: Send and Receive Messages<\/strong> section, locate the <strong>&#8220;To&#8221;<\/strong> dropdown menu and select <strong>Manage Phone Number List<\/strong>. Add a phone number that will be used to receive test messages from WhatsApp.<\/li>\n\n\n\n<li><strong>Step 2: Send Messages with the API<\/strong> section to verify that your basic settings are properly configured and functioning as expected<img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"914\" class=\"wp-image-2530\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/whatsapp_api_setup_info.png\" alt=\"\"><\/li>\n\n\n\n<li>To start sending messages to any WhatsApp number, scroll down to&nbsp;<strong>Step 5: Add a phone number&nbsp;<\/strong>section and click on the&nbsp;<strong>Add phone number<\/strong>&nbsp;button.\n<ul class=\"wp-block-list\">\n<li><strong>Select Business Information<\/strong>: Choose the appropriate business information category. <strong>Fill in the Business Information<\/strong>:<\/li>\n\n\n\n<li>Enter your <strong>Business Name<\/strong>.<\/li>\n\n\n\n<li>Provide your <strong>Business Website<\/strong> or <strong>Profile Page<\/strong> URL.<\/li>\n\n\n\n<li>Select your <strong>Country<\/strong> from the dropdown menu.<\/li>\n\n\n\n<li>Optionally, you can add your <strong>Business Address<\/strong>.<\/li>\n\n\n\n<li>Once the details are entered, click <strong>Next<\/strong> to proceed with the setup.<img loading=\"lazy\" decoding=\"async\" width=\"1902\" height=\"917\" class=\"wp-image-2531\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/whataspp_api_add_phone_no.png\" alt=\"\"><\/li>\n\n\n\n<li>On the following screen, select your <strong>timezone<\/strong> and <strong>category<\/strong>, and provide a brief <strong>business description<\/strong>. Once all fields are completed, click <strong>Next<\/strong> to continue.<img loading=\"lazy\" decoding=\"async\" width=\"1902\" height=\"920\" class=\"wp-image-2532\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/whatsapp_url_setup_phone_wa_bussiness.png\" alt=\"\"><\/li>\n\n\n\n<li>Add the business phone number you want to use for WhatsApp. This will be the number displayed to customers when they interact with your business.\n<ul class=\"wp-block-list\">\n<li>You can choose how you would like to verify the number by selecting either <strong>SMS (OTP Verification)<\/strong> to receive a code via text message or <strong>Phone Call<\/strong> to receive the code through an automated call.<img loading=\"lazy\" decoding=\"async\" width=\"1895\" height=\"916\" class=\"wp-image-2534\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/add_number_app.png\" alt=\"\"><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Upon clicking the <strong>Next<\/strong> button, you will be prompted to verify your phone number. You can select either <strong>SMS (OTP Verification)<\/strong> to receive a one-time passcode via text message or <strong>Phone Call<\/strong> to receive the verification code through a call. Enter the code provided to complete the verification process.<img loading=\"lazy\" decoding=\"async\" width=\"1888\" height=\"909\" class=\"wp-image-2540\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/whatsapp_api_mobile_verification_otp.png\" alt=\"\"><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Create a Permanent Access Token<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Since the temporary access token expires in 24 hours, follow these steps to create a permanent access token, To access the Business Settings, visit the <a style=\"text-decoration:none\" href=\"https:\/\/business.facebook.com\/settings\" target=\"_blank\" rel=\"noopener\">Business Settings page<\/a>. In the left-hand menu, under the <strong>Users<\/strong> section, select <strong>System Users<\/strong>. On the System Users page, click the <strong>Add<\/strong> button to proceed.\n<ul class=\"wp-block-list\">\n<li>To access the Business Settings, navigate to the <strong>Business Settings<\/strong> page in the Meta Business Suite. In the left-hand menu under the <strong>Users<\/strong> section, select <strong>System Users<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"905\" class=\"wp-image-2657\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/permenent_url_access.png\" alt=\"\"><\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>To access the Business Settings, navigate to the <strong>Business Settings<\/strong> page in the Meta Business Suite. In the left-hand menu under the <strong>Users<\/strong> section, select <strong>System Users<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"905\" class=\"wp-image-2657\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/permenent_url_access.png\" alt=\"\"><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>click the <strong>Add<\/strong> button on the System Users page to create a new system user.<img loading=\"lazy\" decoding=\"async\" width=\"1901\" height=\"906\" class=\"wp-image-2613\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/craete_permenent_url.png\" alt=\"\"><\/li>\n\n\n\n<li>select <strong>Apps<\/strong> in the popup, choose the app created for WhatsApp integration, enable <strong>Manage App<\/strong> under <strong>Full Control<\/strong>, and click <strong>Assign assets<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1894\" height=\"913\" class=\"wp-image-2693\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/permenent_api_generate_select_app_view.png\" alt=\"\"><\/li>\n\n\n\n<li> select <strong>System Users<\/strong> under the <strong>Users<\/strong> section in the left-hand menu, and click <strong>Generate Token<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1905\" height=\"911\" class=\"wp-image-2691\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/generate_tokedn_api.png\" alt=\"\"><\/li>\n\n\n\n<li>Choose your app from the dropdown list and click <strong>Next<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1898\" height=\"919\" class=\"wp-image-2699\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/genearte_api_token_select_app_view-1.png\" alt=\"\"><\/li>\n\n\n\n<li>Select the token expiry as either <strong>60 days<\/strong> or <strong>Never<\/strong> (for permanent access), then click <strong>Next<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1898\" height=\"913\" class=\"wp-image-2700\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/generate_api_set_expiration_view-1.png\" alt=\"\"><\/li>\n\n\n\n<li>Select your app, enable the <strong>whatsapp_business_messaging<\/strong> and <strong>whatsapp_business_management<\/strong> permissions from the list, and click <strong>Generate Token<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"915\" class=\"wp-image-2701\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/generate_token_assign_permission.png\" alt=\"\"><\/li>\n\n\n\n<li><strong>Notice<\/strong>: Copy and save the token immediately, as it won&#8217;t be stored on Facebook. You will need it later for configuring settings in <strong>WPBookit<\/strong><img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"914\" class=\"wp-image-2703\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/generate_token_copy_token.png\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Create a Template For WhatsApp Notification<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As per Facebook rules, arbitrary text messages cannot be sent through WhatsApp; you must first create and verify a template.<\/li>\n\n\n\n<li>Go to <a style=\"text-decoration:none\" href=\"https:\/\/business.facebook.com\/wa\/manage\/message-templates\/\" target=\"_blank\" rel=\"noopener\">WhatsApp Manager<\/a> and select <strong>Message Templates<\/strong> from the left-hand menu. Click on <strong>Create Template<\/strong> to start.<img loading=\"lazy\" decoding=\"async\" width=\"1902\" height=\"919\" class=\"wp-image-2714\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_templete-1.png\" alt=\"\"><\/li>\n\n\n\n<li>Choose <strong>Utility<\/strong>, select the <strong>Custom<\/strong>, and click <strong>Continue<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1899\" height=\"910\" class=\"wp-image-2717\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_messge_template_utility.png\" alt=\"\"><\/li>\n\n\n\n<li> Add the template content. Optionally, include a <strong>Header<\/strong> with text or media (image, video, or document). In the <strong>Body<\/strong>, write the main message using placeholders like <code>{{1}}<\/code> for dynamic fields.<\/li>\n\n\n\n<li>Optionally, add a <strong>Footer<\/strong> with additional details like &#8220;Contact us for more information.&#8221; Review the template preview on the right to see how it appears. You can also add interactive buttons like <strong>Quick Replies<\/strong> or <strong>Call-to-Action<\/strong> if needed.<\/li>\n\n\n\n<li>Under the <strong>Variable<\/strong> section, map the WhatsApp variables to the corresponding WPBookit codes. Once all variables have been linked, save the notification.<img loading=\"lazy\" decoding=\"async\" width=\"1698\" height=\"806\" class=\"wp-image-2746\" style=\"width: px\" src=\"https:\/\/documentation.iqonic.design\/wpbookit\/wp-content\/uploads\/sites\/2\/2024\/11\/create_template_add_info_view.png\" alt=\"\"><\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>How To Configure Step 1: Visit the Meta for Developers Website Step 2: Create a New App Step 3: Setup Whatapp App Create a Permanent Access Token Create a Template For WhatsApp Notification<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2518,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2341","post","type-post","status-publish","format-standard","hentry","category-wpbookit-whatsapp-notification-addon"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/wpbookit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/2341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/comments?post=2341"}],"version-history":[{"count":1,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/2341\/revisions"}],"predecessor-version":[{"id":3952,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/2341\/revisions\/3952"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/2518"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/media?parent=2341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/categories?post=2341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/tags?post=2341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}