Setup Facebook App


Although you can use only Page ID and Page Access Token to create bots, we recommend you manage pages via Facebook App so you can use many cool advanced features like faster bots creation, ID Matching, NLP, etc.

Create Facebook App & Page

If you've already have Facebook App & Page, skip this step. Otherwise, create a new Facebook App and Page. Perhaps create Facebook App guide will helps.

Create New App

Connect Your Website to Facebook App

  1. Open Facebook app settings pages, navigate to Settings / Basics section.
  2. In App Domains text box, enter your domain, for example: giga.ai
  3. Navigate to the last section of Settings page, click + Add Platform button.
  4. Click Website
  5. New Website section will show up, enter your website URL. For example: https://giga.ai
  6. (Optional) Enter other fields, some will be required when you submit your app for Facebook staff to review.
  7. Click Save Changes
  8. Copy App ID and App Secret to paste to Giga AI / Settings page.

Now Facebook can accept connection from your website to your app. Next step is let your website connect to Facebook.

  1. From your WordPress Dashboard open Giga AI / Settings page.
  2. Copy Facebook App ID and App Secret which mentioned on the step above, leave the Requires Permissions field blank.
  3. Hit Save Changes

App Settings

Adding App Products

From now on, your website can connect and retrieves request from Facebook. You can add as many as products you want. In this case, we'll add three essential products: Facebook Login, Webhooks, and Messenger.

  • Facebook Login, as its name, lets you add Login with Facebook button to your website so people have easy way to connect to your website.
  • Webhook lets your website retrieve update from Facebook server.
  • Messenger helps you customize Messenger, and, of course, create Messenger bot.

To add FB app products:

  1. Go to Facebook app, on the PRODUCTS section of the sidebar, click (+) to start adding products.
  2. Under Facebook Login, Webhooks, and Messenger, click Set Up

Configure Facebook Login Product

Facebook Login is Giga AI built in feature, when you add Facebook Login product, ignore the Quick Start form and nagivate to Facebook Login / Settings page.

  1. In Valid OAuth Redirect URIs text box, enter: https://your-website.com/wp-login.php?action=fb-login
  2. Leaves other fields blank and Save Changes.

Configure Webhooks Product

  1. Go to Webhooks page under PRODUCTS section.
  2. From the dropdown, select Page and click Subscribe to this object, a dialog will show up.
  3. In "Callback URL", enter your webhook URL which you can find in Settings page (default is https://domain.com/wp-json/giga-ai/webhook).
  4. In "Verify Token", enter GigaAI
  5. Click Verify and Save

Facebook Webhook Subscribe

Configure Messenger Product

  1. Go to Messenger page under PRODUCTS section.
  2. In Webhooks section of Messenger settings page, click Edit events.
  3. Check all events and click Save

Connect Your Accounts

Now you can create bots with Page ID and Page Access Token, let's make it easier by connect WordPress your account to Facebook so you can select a page to add bot instead of manually enter these information.

  1. In WordPress Dashboard, go to Users / Your Profile page.
  2. Under Facebook Connect section, click Connect.
  3. There will be a FB dialog will display ask for permissions. Accept and you're now connected with Facebook.

Facebook Connect

Create New Bot

You've reached last step so far. Now it's easiest step, create new bot.

  1. In WP Dashboard, go to Giga AI page.
  2. Click Add New Bot, a dialog will show up.
  3. Select a page which you want to add your bot, and click Save Changes
  4. Done, you'll be redirected to Settings page.

Create New Bot

Your First Message

Congratulation! You've successfully built your bot. All easy right? Now it's time to talk with your bot

Try to send hi to your page with your app's administrator account. If you get reply from your page. Congratulation! Otherwise, please check your server requirements and previous steps.

Greeting

Now What?

  • Continue with each guide in the the documentation menu.
  • If you can't get this to work, see Troubleshooting page. Remember that you're always welcome to ask a question in the support forum.

Congratulation