Activation and Initial Setup

After activating the plugin, you need to configure a few essential settings before you can start accepting payments.

A. Accessing the Plugin Settings

1. Locate the Plugin Menu:
   In your WordPress admin dashboard, look for the menu item labeled Paystack Payments .
2. Click on the Settings Menu:
   This will open the plugin’s settings page where you can configure all necessary options.

B. Configuring API Keys

1. Obtain Your Paystack API Keys:
   • Log in to your Paystack account at Paystack Dashboard.
   • Navigate to the Developer section to find your Test and Live API keys.
   • On your Paystack Dashboard, Go to Settings>API Keys & Webhooks
2. Enter Your API Keys in the Settings:
   • In the API Configuration section, enter your Test Public Key and Test Secret Key if you want to test your integration.
   • When ready for live transactions, switch the Test Mode off and enter your Live Public Key and Live Secret Key.
   • Note: If you if you plan to use your test keys you MUST check the “Enable Test Mode” Checkbox. or else the payment process will fail.

C. Choose Currency

1. Payment Configuration:
   • In the Payment Configuration section, Configure your currency according to the supported Currency in your Paystack Merchant Dashboard.
   • The currency chosen should not be different from the one in your merchant dashboard as you will get an error “Currency not supported by Merchant”.
2. Save Your Changes:
   After choosing your currency from the supported list of currencies, click the Save Changes button at the bottom of the settings page.
   • Current Paystack Supported Currencies:
     NGN – Nigerian Naira
     USD – United States Dollar
     GHS – Ghanaian Cedi
     ZAR – South African Rand
     KES – Kenyan Shilling

D. Mapping Elementor Form Fields

1. Form Field IDs:
   • In the Form Configuration section, assign the CSS IDs for your Elementor form fields.
   • Example:
     • Form Name: The exact name of your Elementor form.
     • Email Field ID: The CSS ID for the email input field.
     • Amount Field ID: The CSS ID for the amount input field.
2. Save Your Changes:
   After entering the API keys and form field mappings, click the Save Changes button at the bottom of the settings page.

D. Viewing the Webhook URL (Advanced Settings)

1. Find the Webhook URL:
   In the Advanced Settings section, you will see a read-only field with your webhook URL.
2. Copy the URL:
   This URL (e.g., https://yourwebsite.com/wp-json/paystack-elementor/v1/webhook) needs to be pasted into your Paystack dashboard under webhook settings.
3. Paste and Save in Paystack:
   Log in to your Paystack account, go to the settings for webhooks, and enter the URL. This ensures that Paystack can communicate with your website about payment events.