Flutterwave Payment Forms

Description

Signup for a live rave account at https://rave.flutterwave.com and a sandbox account on https://ravesandbox.flutterwave.com

Please see our Terms of service here: http://bit.ly/2GH9oTy

For more information on the data we collect please view our privacy policy here: http://bit.ly/2HcQUv7

Rave is available in:

• Nigeria
• Ghana
• Kenya
• South Africa
• North America and Europe (USD, GBP, EUR)

Configuration options

• Pay Button Public Key (live/Test) – Enter your public key which can be retrieved from Settings > API on your Rave account dashboard.
• Pay Button Secret Key (live/Test) – Enter your secret key which can be retrieved from Settings > API on your Rave account dashboard.
• Go Live – Tick that section to turn your rave plugin live.
• Modal Title – (Optional) customize the title of the Pay Modal. Default is FLW PAY.
• Modal Description – (Optional) customize the description on the Pay Modal. Default is FLW PAY MODAL.
• Modal Logo – (Optional) customize the logo on the Pay Modal. Enter a full url (with \’http\’). Default is Rave logo.
• Success Redirect URL – (Optional) The URL the user should be redirected to after a ’successful payment. Enter a full url (with ‘http:\’). Default: ‘\’.
• Failed Redirect URL – (Optional) The URL the user should be redirected to after a failed payment. Enter a full url (with ‘http:\’). Default: ‘\’.
• Pay Button Text – (Optional) The text to display on the button. Default: “PAY NOW”.
• Charge Currency – (Optional) The currency the user is charged. Default: “NGN”.
• Charge Country – (Optional) The country the merchant is serving. Default: “NG: Nigeria”.
• Form Style – (Optional) Disable form default style and use the activated theme style instead.
• Click Save Changes to save your changes.

Styling

You can enable default theme’s style to override default form style from the Settings page. Or you can override the formclass .flw-simple-pay-now-form from your stylesheet.

Usage

• a. Shortcode
  Insert the shortcode anywhere on your page or post that you want the form to be displayed to the user.
  Basic: requires the user to enter amount and email to complete payment
  [flw-pay-button]

With button text:
[flw-pay-button]Button Text[/flw-pay-button]

With attributes: email or use_current_user_email with value “yes”, amount
[flw-pay-button amount=”1290″ email=”customer@email.com” ]

or

[flw-pay-button amount=”1290″ use_current_user_email=”yes” ]

With attributes and button text: email, amount
[flw-pay-button amount=”1290″ email=”customer@email.com” ]Button Text[/flw-pay-button]

With currency

[flw-pay-button custom_currency=”NGN,GBP,USD”]

With attributes: email or use_current_user_email with value “yes”, amount and currency
[flw-pay-button amount=”1290″ email=”customer@email.com” custom_currency= “NGN, GBP, USD” ]

or

[flw-pay-button amount=”1290″ use_current_user_email=”yes” custom_currency= “NGN, GBP, USD” ]

With currency:
[flw-pay-button custom_currency=”NGN,GBP,USD”]

With attributes: email or use_current_user_email with value “yes”, amount and currency
[flw-pay-button amount=”1290″ email=”customer@email.com” custom_currency= “NGN, GBP, USD” ]

or

[flw-pay-button amount=”1290″ use_current_user_email=”yes” custom_currency= “NGN, GBP, USD” ]

• b. Vi’sual Composer
  The shortcode can be added via Vi’sual Composer elements.
  On Vi’sual Composer Add Element dialog, click on “Rave Forms” and select the type of form you want to include on your page.

On the “Form Settings” dialog, fill in the form attributes and click “Save Changes”.

Payment Form ’successfully added to the page.

Transaction List

All the payments made through the forms to Rave can be accessed on Rave > Transactions page.

TODO

• Add advanced forms to include customization where user can choose what fields to add to the form.
• Multiple Pay Button integrations.

Suggestions / Contributions

For is’sues, ’suggestions and feature request, click here. To contribute, fork the repo, add your changes and modifications, then create a pull request.