Configuration
Learn how to configure the Powerboard Extension within the Magento Dashboard
Once you have installed the PowerBoard Extension for Magento, you will need to configure the module with your PowerBoard API Keys and enable each payment method you require.
Navigate to the PowerBoard Configuration
-
Login to your Magento admin dashboard
-
Navigate to Stores > Configuration in the left hand dashboard panel
-
Go to Sales > Payment Methods
PowerBoard Configuration - General Settings
You will require your PowerBoard Public and Secret Keys
Setting Name | Description |
---|---|
Enabled (Yes/No) | Enable or disable PowerBoard from being available both on the frontend (customer facing) and backend (merchant facing). |
Environment (pre-production or production) | The PowerBoard environment. Pre-production for testing. |
Public Key | Obtained from PowerBoard Merchant Portal > My Company > API and Security |
Secret Key | Obtained from PowerBoard Merchant Portal > My Company > API and Security |
CSS | Additional styling that will be applied to the PowerBoard widgets/payment form in the checkout. Default: {"background_color": "#ffffff"} |
Credit Card Configuration
Enable Credit Card Configuration to display Card Payments on your Magento Environment. Supports all card types available within PowerBoard, 3D Secure 2.0 and Tokenisation (Save card) features.
Configurable Settings:
Setting Name | Description |
---|---|
Enabled (Yes/No) | Enable or disable Credit Card as a payment option via PowerBoard. |
Title | The title that appears for this payment option at checkout. |
Gateway ID | Gateway ID for Credit Card obtained from PowerBoard Merchant Portal > Services. (Required) |
Credit Card Type | Choose which of the Credit Card type scheme logos will be displayed within the Credit Card payment option. |
Enable for Magento Backend (yes/no) | Enable the use of this payment option to create orders in backend (merchant facing) system. |
Sort Order | Position of the payment selector within the list of PowerBoard payment methods (lowest number first) |
Payment Action | Select how the Credit Card will be processed: - Authorise Only - Authorise and Capture - Select this option for PowerBoard |
3DS | Enabling this setting will enable 3D Secure in the checkout workflow. |
Direct Charge | Enable Credit Card to be processed via Direct Charge. Note - Direct Charge can only be used in combination with the Authorise and Capture Payment Action. |
Payment from Applicable Countries | Select the countries allowed to use this payment. |
Save Card (yes/no) | Allow logged in customers to save their credit card for later use. |
CSS for Submit Button | Additional styling for the credit card form submit button. Default: {"font_weight": "500", "line_height": "2.8rem", "font_size": "1.8rem", "border_radius": "3px"} |
CSS for Label | Additional styling for the credit card form labels. Default: {"font_weight": "400"} |
CSS for Input | Additional styling for the credit card form fields. Default: {"font_size": "16px", "height": "32px", "border": "1px solid #c2c2c2", "border_radius": "1px"} |
Paypal Configuration
Important
You must setup your PayPal account in PowerBoard. Follow instruction here to add a PayPal service.
Setting Name | Description |
---|---|
Enabled (yes/no) | Enable or disable PayPal as a payment option via PowerBoard. |
Title | The title that appears for this payment option at checkout. |
Gateway ID | Gateway ID for Credit Card obtained from PowerBoard Merchant Portal > Services. (Required) |
Enable Pay Later (yes/no) | Enable or disable PayPal Pay Later feature on payment. |
Style Layout | How the buttons are aligned (Horizontal or Vertical) when there are more that one button. |
Style Color | Display colour of payment buttons PayPal’s recommendation in priority: 1. gold 2. blue 3. silver 4. white 5. black |
Style Shape | Display shape of payment buttons. Paypal’s recommendation in priority: 1. rect 2. pill |
Style Has Tagline (yes/no) | Choose whether to display the buttons with a tagline “The safer, easier way to pay” underneath. |
Style Label | Display Label text for button. Options includes:
|
Sort Order | Position of the payment selector within the list of PowerBoard payment methods (lowest number first) |
Configuration for Google Pay / Apple Pay / Afterpay / Zip
Important
You must have Afterpay and Zip service setup in your PowerBoard Portal. To add a service please follow this guide.
For Google Pay and Apple Pay, you must enable these services by following these guides: Google Pay | Apple Pay
Setting Name | Description |
---|---|
Enabled (yes/no) | Enable or disable as a payment option via PowerBoard. |
Title | The title that appears for this payment option at checkout. |
Gateway ID | Gateway ID obtained from PowerBoard Merchant Portal for respective service. |
Checkout View
Once you have enabled all Payment Methods in PowerBoard configuration, your checkout will appear as below:
Updated about 2 months ago