Pixer Documentation
WelcomeTech We Have UsedGetting Started
Available Scripts & Command
How Can I use this app
Demo Deploy
Features
Settings
Payment
IntroductionStripePaypalRazorpayMolliePaystackPaystackPaystack Webhook settingsHow to create & setup Paystack information properly?Special Notes for Paystack.BitpayCoinbaseIntegratioin of new payment gateway
SEO and Analytics
API
Shop Transfer
WalletEmail Configuration
Multilingual & Translation
FAQ PageContactTerms and conditions
Third-party Integrations
Deployment
Back-End Integration
Customizations
Update & Upgrade Guide
FAQSupportChange Log

Paystack

Paystack is a Nigerian fintech company that provides online payment solutions for businesses. It offers a range of services, including online and offline payments, subscriptions, and invoicing. Paystack's platform enables businesses to easily and securely accept payments from customers via credit card, debit card, and mobile money.

Paystack integrate inside Pixer.

Please follow & complete this steps for Paystack integration for your e-commerce system.

  • First go to settings from Pixer admin dashboard. Inside settings you will find Currency option.Select your Currency. If you want to Test development on localhost.then Select South African Rand(ZAR).

admin-pixer-settings settings-currency

Here is a breakdown of countries and the currencies they can accept payments in.

paystack-suported-currency

For more information: Paystack currency is available.

  • Inside api there is .env file. You have to copy & paste this line of codes inside the .env file. We will discuss later about how to create those API keys in Paystack official website.
PAYSTACK_PUBLIC_KEY=[YOUR_PAYSTACK_PUBLIC_KEY]
PAYSTACK_SECRET_KEY=[YOUR_PAYSTACK_SECRET_KEY]
PAYSTACK_PAYMENT_URL=https://api.paystack.co
MERCHANT_EMAIL=[YOUR_PAYSTACK_MERCHANT_EMAIL]
  • Add Paystack publishable key inside Pixer shop.
NEXT_PAYSTACK_PUBLIC_KEY=[YOUR_YOUR_PAYSTACK_PUBLIC_KEY]
SHOP_URL=[YOUR_SHOP_URL] This parameter is must have in .env file when Paystack is using. Otherwise the payment redirection will be broken.

Paystack Webhook settings

  • To activate Paystack go to settings from Pixer admin dashboard. Inside settings you will find configure payment option. (e.g. Paystack Webhook URL is coming from local development. This static link will dynamically generated in live environment)

admin-pixer-settings paystack-pixer-dashboard

  • Copy the webhook url & registered in Paystack Dashboard.

save-webhook

  • If you want to use webhook during development on localhost, you must use a tools like ngrok to have the webhooks delivered to your local machine.

ngrok

  • Copy the forwarding https link & paste on Test Webhook URL, after paste forwarding https link, add line- /webhooks/paystack.

paystack-localhost-webhooks

How to create & setup Paystack information properly?

  • Go to the Paystack official website & login If you aren't a registered user, Complete the Paystack registration first.
  • After logged in into Paystack dashboard, Click on Settings.

paystack-dashboard

  • After That Click on API Keys & Webhooks for Paystack Secret Key & Paystack Public Key.

paystack-api-keys

  • Copy & paste those inside Pixer API and Pixer Shop .env file like mentioned above.

Special Notes for Paystack.

If we have used any third party system/plugin/packages, then we have always encouraged our respected customers to follow the official documentation for detailed & in-depth knowledge.