Reading list Switch to dark mode

    Facebook Chatbot For Magento 2

    Updated 29 June 2023

    Facebook Chatbot is a program developed for Facebook Messenger platform. It allows businesses to do automated communication with their customers. Chatbots can send and receive messages from the users. With the help of Magento 2 Facebook Chatbot extension, you can set up Facebook Chat Bots on your Facebook Page. The customers will get instant replies for their questions. Add reply message templates for salutation, not found, greeting, product search.

    Note – Facebook requires the endpoint to run over https, so before using this Facebook Chatbot extension please make sure your website should be hosted under HTTPS.

    Features

    • Enable or Disable Magento 2 Facebook Chatbot status.
    • Add content to various messages – greeting, not found, product search.
    • Add various product search keywords.
    • Show products from the store in the messenger.
    • The user can click the link to view the site, products, category.
    • The user can see product options( size, color) and all the images of the product.
    • Option to choose a price range in which user want to see products.
    • Supports Multiple language translations.
    • The source code is open for customization.

    Installation

    To install this extension, please follow each and every step carefully as follows:

    Step 1:

    After extracting the downloaded zip file and you will get the src folder. Inside src folder, you will find the app folder, copy the app folder to the Magento2 root directory. Please view the below screenshot.

    Magento2 Admin Buyer Chat Installation

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    Step 2:

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First command- php bin/magento setup:upgrade

    command-1

    Second Command – php bin/magento setup:di:compile
    command-2

    Third Command – php bin/magento setup:static-content:deploy
    command-3

    After running the commands, you need to flush the cache and reindex all from the Magento2 admin panel. Navigate through System->Cache Management. Click Flush Magento Cache button as shown below:

    Magento2 Cache Management

    Language Translation

    If you need to do the module translation, please navigate the following path in your system. app/code/Webkul/Chatbot/i18n. Open the file named en_US.CSV for editing as shown in below screenshot.

    Magento2 Change CSV language file

    Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

    Magento2 Change Language

    After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

    Magento2 Change CSV Language file

    Magento 2 Facebook Chatbot Configuration

    Create a New App

    Before you begin, you need to get Facebook Access Token from here. Log in with your Facebook account and create an app. After opening the page, go to My Apps and click Add a New App. The following pop-up window will appear:webkul-magento2-chatbot-facebook

    After creating App ID, go to Add Product and click Set Up for Messenger.webkul-magento2-chatbot-facebook1

    Token Generation

    After clicking Set Up, the following page will open. Now select your Facebook Page, a confirmation window will appear. Your Access Token will appear, after doing the confirmation. Copy the Access Token and enter the same in Magento 2  Chat Bot configuration.

    webkul-magento2-chatbot-facebook2

    Once you have selected your  Facebook Page and copied your Access Token. Click Setup Webhooks, a pop-up window will appear.

    webkul-magento2-chatbot-facebook3

    Here you need to enter your store URL in the Callback URL field. Please make sure that the URL is https(secure). You need to add the following in your URL.

    /chatbot/chatbot/index

    Eg. https://www.example.com/chatbot/chatbot/index

    Enter the verify Token, enter any text or name. This name should be the same for the Magento 2 Chat Bot configuration. Select all the Subscription Fields and click Verify and Save.

    webkul-magento2-chatbot-facebook-webhooks

    Then, you need to select your Facebook Page for Webhooks too. Click Subscribe, as visible in the screenshot below.webkul-magento2-chatbot-facebook-basic

    After that, go to Settings>Basic and enter the store address in Privacy Policy URL. Upload an image file for the App Icon (1024 x 1024).

    webkul-magento2-chatbot-facebook-basic

    Module Configuration

    To do the module configuration, please navigate through Stores>Configuration>Chatbot. Following option will be available. Click Save Config, to apply your changes.

    Enable – Set the module status as Yes or No.

    Access Token – Enter the access token key obtained from the Facebook App.

    Verification Token – You can any text here, use the same text for the Facebook App set up.

    Enter the content for various messages.

    Update Greetings Message – You can change the greetings message and update it.

    webkul-magento2-chatbot-facebook-admin-cnfiguration

    Front-End View

    After logging in to the messenger, the customer can search for your page and start the chat. First, they will see the Welcome Greeting Message on the chat window.

    webkul-magento2-chatbot-facebook-page

    After clicking on “Get Started “ the user get the options to view the Site, Products, and Category.

    webkul-magento2-chatbot-facebook-page1

    Price Range – The user able to select a range in which they want to see the products as per below screenshot –

    webkul-magento2-chatbot-facebook-price-range

    When users click on ” Show Site ” they redirect to your online store. Users can also use www.messenger.com .

    If users click on “Show Product ” then they able to see some store products by sliding as per below screenshot –

    webkul-magento2-chatbot-facebook-show-product

    Show Category – If users click on “Show Category” then users able to see all the main categories by sliding as per below screenshot. webkul-magento2-chatbot-facebook-show-category.png

    In the category, the user will get three options –

    Show on Site – it will redirect to the site and display that main category.

    Child Categories – able to see the child categories by sliding and get three options (show on site, child category, show product ) of that child category.webkul-magento2-chatbot-facebook-show-child-category.png

    Show Products – able to see products of the main category by sliding. On the product page, the user will get three options (Show on site, Options, Images ).

    Show on Site – it will redirect to the site on the product page.

    Options –  Here the user can choose different- different options like – Size, Color etc. as per screenshot –webkul-magento2-chatbot-facebook-show-product-option

    When users choose an option( like- size,color etc). It will show values of that option – webkul-magento2-chatbot-facebook-show-product-option1

    Images – The customer can click the Images option for viewing the additional images of the product as per screenshot – webkul-magento2-chatbot-facebook-show-product-images

    Salutation Message – If customer send a salutation message ( hello, hey etc.) then chatbot automatically gives the reply and display some products as per below screenshot –webkul-magento2-chatbot-facebook-salutation-message.png

    App Review for Messenger

    To make your Facebook App live, you need it to submit it to Facebook. Please go to App Review for Messenger and select pages_messenging, then click Add to Submission.

    webkul-magento2-facebook-chatbot-messenger-settings

    Current Submission

    After adding the submission go to Current Submission and click Edit Notes.

    webkul-facebook-chatbot-create-app

    Send/Receive API (pages_messaging)

    The following pop-up window will appear, select your Facebook page first, and then enter the commands with the automated replies for the chatbot. Click Save to apply your changes and make the app go live.

    webkul-magento2-facebook-chatbot-review-api

    Thank you for viewing this blog. If you have any queries or need more information, please visit webkul.uvdesk.com. While the Facebook chatbot has proven its worth, but now businesses can unlock the true potential of AI language models using Magento 2 OpenAI Chatbot.

    Current Product Version - 2.0.1

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content