Shopify (obsolete)

Installation Steps

Step 1: Creating a private app in Shopify store.

The credentials provided by Shopify after creating the private app in a merchant’s store will be used to authenticate any and all information flowing to and from Shopify.

  1. Go to “Apps” section in admin dashboard
  2. Find “Manage private apps” at the bottom and click on it
  3. Click on “Create a new private app” button on top-right
  4. Enter basic details in App details section
  5. In Admin API section, ensure “Orders, transactions and fulfilments” is selected as “Read and write
    • All other permissions do not matter, leave them as they are
  6. Click on “Save” and then “I understand” buttons
  7. The app is created
  8. Note down the following fields:
    • API key (Shopify_ApiKey)
    • Password (Shopify_ApiPass)
  9. Send the above 2 fields along with other related details to our TechSupport Team

Step 2: Creating a manual payment method

A manual payment gateway will be required to link the store with payabl. payments

  1. Go to “Settings” section in admin dashboard
  2. Click and go to “Payment providers” options
  3. Scroll down to “Manual payments” and select “Create custom payment method
  4. Fill the form that opens below with following information
    • Name of the custom payment method:* Provide the name for payment gateway as indicated by the below list
PurposeGateway Name to be used
For Credit Cards (Mastercard/VISA)Credit/Debit Card
For Instant Bank Transfers (SOFORT/Klarna)Sofortüberweisung
For iDealiDeal
For TrustlyInstant Bank Transfer

* Additional details:


You will be redirected to secure payment gateway once the order is placed to complete the payment. Order will be processed only after the payment is completed.

* Payment instructions:


Order will be processed only after the payment is completed. If you are yet to complete payment for this order, click on Complete Payment button at the top.

  • Click “Activate” button below

Step 3: Adding checkout scripts

Checkout scripts will connect the store, and payabl. system

  1. Go to “Settings” section in admin dashboard
  2. Click and go to “Checkout” options
  3. Scroll down to “Additional scripts” inside “Order processing” section
    • Note: if any code already exists in this box, please make a copy of it.
  4. Copy and paste the code sent during boarding by our TechSupport inside the Additional scripts box
    • If any code is copied from 3a above, paste it after {% endif %} found near the end of the code.
    • Any tracking code (Google Analytics/Facebook/Clicky etc.) should always precede the above code.

Click on “Save”.

Step 4: Creating the refund webhook

The webhook will be responsible for sending a refund request to app. Refund request can be sent for order cancellations or manual refunds for order.

  1. Go to “Settings” section in admin dashboard
  2. Click and go to “Notifications” options
  3. Scroll down to “Webhooks” section and click “Create webhook
  4. Select/Provide below fields:
  1. Click “Save webhook
  2. Find webhook signing key and send it to our TechSupport Team (Shopify_WebhookSecret)

That’s it! The store is now linked with payabl. payments.

This integration uses order attributes to log the status of payment. These attributes are also available using Shopify Liquid. To ensure the customers don’t see these attributes created by the app, exclude those attributes where the first part of attribute contain payabl. in the place where the order attributes are displayed to customers.

Customer Experience (Making a credit card payment)

Video :

The plugin supports the following features:

Functionality/FeatureShopifypayabl. Backoffice


3D Secure










Our Technical Support team is there to help you:
Email: [email protected]
Available Monday – Friday between 09:00 and 17:00 CET/CEST