Shopify PixelPay Integration

Shopify is the increasingly popular e-commerce platform where anyone can create and manage their online store with minimal technical knowledge. With PixelPay as your payment provider you can easily accept credit and debit card payments in your Shopify store.

Step 1:

Como primer paso, debes introducir la dirección del plug-in PixelPay en la tienda Shopify: https://apps.shopify.com/pixelpay-checkout-1

Image 1: PixelPay Plug-in.

Click the “Add Application” button to add the application to the store.

Step 2:
You will be redirected to a window, where you will be asked for approval to install the plugin in the store.

Then click the “Install app” button to continue with the plugin setup in the store.

 
Image 2: Authorize the installation of the Plug-in.

Step 3:
Once the previous step has been completed, the following screen will be displayed where the requested fields must be entered.

Image 3: PixelPay Plugin Configuration.

If the window takes a long time to load, it will display the following message and proceed to click on the “Open now” button to enter the platform credentials.

Image 4: PixelPay Plugin configuration.

The values ​​of these fields are found in the store configurations, for better reference visit the following documentation API Options – PixelPay.

NOTE:

The Secret Key value must be converted to an MD5 hash, the following application is recommended to perform this conversion: MD5 Hash Generator

ℹ️ In the following links you will find more information about:
- Extract Key ID in API Options:
https://www.pixelpay.app/admin/settings/app
- MD5 hash:
https://www.md5hashgenerator.com/

 

Step 4:

Once the values requested in the previous step have been entered, proceed to save the changes and enable PixelPay in the store.

• Save configuration

Click on the “Save configuration” button.

Image 5: Save configuration.

• Enable PixelPay
  Once the changes have been saved, the “Enable PixelPay in your store” button will be enabled and clicked to complete this step.

Image 5: Enable Plugin in the store.

Step 5:
Once the previous step is completed, the following screen will be displayed where the cards supported by the terminal must be configured and the PixelPay plugin must be activated.

NOTE:

To find out which cards are supported by the terminal, you should consult with your bank agent.

Figure 7: Configuring cards in terminal and activating plugin.

Step 6 ¡Ready!

The store already has the PixelPay Checkout Plugin.

Figure 8: PixelPay Plugin operation.

 

Once you select the PixelPay payment method you will be directed to the PixelPay payment window.

Image 9: PixelPay plugin payment window.