Add Flutterwave Payment Gateway

Flutterwave is a powerful payment gateway that unlocks boundless payment opportunities for enterprises, individuals, small businesses, emerging markets, and startups alike. This article will guide you through configuring Flutterwave on your WordPress Site with the Paymattic plugin.

Prerequisites

To get access to the Flutterwave payment gateway, you need the Paymattic Pro Plugin.

Configuring Flutterwave Payment Method

Follow these steps to configure the Flutterwave payment gateway through Paymattic:

Step 1: Install and Activate Flutterwave

1. Go to Payment Gateway from the Paymattic Navbar
2. Click the Flutterwave tab from the left sidebar
3. The Flutterwave Settings page will open
4. Click the Install and Activate Flutterwave button

Note

This add-on only needs to be installed the first time you integrate with Flutterwave.

Step 2: Configure Basic Settings

1. Select your Payment Mode:

   • Test Mode - for test payments
   • Live Mode - for real payments

   Both options follow the same configuration process. For this guide, we'll use Test Mode.

2. You'll need to obtain two credentials from your Flutterwave Account:

   • Public Key
   • Secret Key

Step 3: Get Flutterwave Credentials

1. Log in to your Flutterwave Account

   TIP

   If you don't have an account, sign up here.

2. Access API Keys:

   • Go to Settings in the left sidebar
   • Click API keys under the Developers tab
   • Copy both the Public Key and Secret Key

Step 4: Configure in Paymattic

1. Return to Payment Gateway from the Paymattic Navbar
2. Click the Flutterwave tab
3. Enter your credentials:
   • Paste the Public Key
   • Paste the Secret Key
4. Click Save Settings to complete the integration

Step 5: Configure Webhooks

Important

To ensure your Flutterwave dashboard and Paymattic dashboard stay in sync, you must configure webhooks.

1. Copy the Webhook URL from Paymattic:
   • This URL is needed for configuring webhooks in Flutterwave

2. Configure in Flutterwave Dashboard:
   • Go to Settings in the left sidebar
   • Click Webhooks under the Developers tab
   • Enter the following:
     • URL: Paste your copied Webhook URL
     • Secret hash: Enter wpf_flutterwave_listener
   • Select your preferred Webhook Preferences
   • Click Save

Using Flutterwave in Forms

Once you've completed the setup, you can add Flutterwave to your forms:

1. For existing forms: Add it to any Payment Form

2. For new forms:

   • Create a Form from Scratch
   • Use Form Templates

3. Learn more about adding payment methods

Note

The Flutterwave payment method will not function unless you complete the configuration process properly.

Need Help?

If you have any questions, concerns, or suggestions, please contact our support team. We're here to help!