Integrating PayGlocal with Wix enables merchants to accept online payments from their customers on Wix platform. The plugin makes it easier for the merchants to accept payments through the PayGlocal payment gateway.
Note:Before following the steps mentioned below, ensure that you have a merchant account with PayGlocal. Contact us to create one now!
1. Login to your Wix Site
- Login to your Wix account and select the site on which you need to install the PayGlocal plugin.
- Click on the “Edit site” button(top-right) from your dashboard
Wix Dashboard
2. Enable Dev mode if required.
Enabling Developer mode
3. Plugin Directory Structure
Inside the “Service Plugins” directory, click on Add icon and select Payment option.
Services Plugin
- Enter the plugin name as PayGlocal . 2 files will be created automatically
- PayGlocal.js
- PayGlocal-config.js
New Plugin creation
Replace contents in the file by copying the contents from the file located here: PayGlocal-Plugin-Wix-Github
4. In the Backend section, create the following configuration files:
- payglocal-wrapper.js
- payglocal-constants.js
- http-functions.js ( if required )
Replace the contents in the above files by copying the contents from the file located here: PayGlocal-Plugin-Configuration-Wix-Github
5. Set Merchant-Specific Values
In the payglocal-constants.js file enter the values as below:
- ACCOUNT_NAME: Settings->Website Settings->Site Address(URL): Copy the domain name and paste it here
- WEBSITE_NAME: Enter the URI and paste it here
- Enter the public key as below:
6. Install npm packages.
Navigate to Packages and Apps and install below libraries via npm.
- jose
- crypto-js
7. Publish the Website
Once all the changes are made, publish the website by clicking “Publish” button from top-right of screen to make PayGlocal live.
8. Verify Plugin on Payment Page
After publishing, Payglocal will appear as a plugin under the "Accept Payments" section.
Activating PayGlocal for Payment Processing
To activate PayGlocal as a payment method, follow below steps:
- Locate PayGlocal Plugin
- Once the website is published, ensure PayGlocal is visible as a payment plugin.
Enter the provided MERCHANT_ID and API_KEY in the relevant fields and click Connect.
Upon successful connection, PayGlocal will be ready to process payments.
Setup Successful
Once, you have followed all the steps mentioned above, the PayGlocal payment gateway is successfully set up with your Wix store.
Installation Errors
Incase if you are facing any installation errors, kindly send us an email on [email protected] and we should get back to you at earliest.
Customer Journey
On the checkout page, Payglocal should appear as a payment option
Upon selecting International Credit/Debit cards (PayGlocal), the user will be redirected to the payment page to complete the transaction.
Order Creation
After a successful payment, an order entry will be created in the "Orders" tab with all relevant transaction details.