Log In DashboardAPI ReferenceDOKU Website

Shopify

Shopify is an e-Commerce platform that helps merchants to create and manage online stores without the need of extensive technical knowledge. Shopify is suitable for a wide range of businesses, from small startups to large enterprises. It caters to various industries and allows users to sell physical products, digital goods, and services.

Requirements​

Before you integrate your Shopify Store with DOKU, make sure that you have completed the following requirements:

  1. Create an online store with Shopify

  2. Create a DOKU Business Account

  3. Create a DOKU Sandbox Account. You can use Shopify Trial Program and test your integration with a DOKU Sandbox Account

Integration Guide

This integration guide consists of 3 mandatory steps:

  1. Install DOKU Payment App on Shopify App Store

  2. Configure DOKU Payment App

  3. Set Up Payment Notification on DOKU Dashboard​

Step 1: lnstall DOKU Payment App on Shopify App Store

  1. Log in to your DOKU Dashboard

  2. Log in to your Shopify Store

  1. lnstall DOKU Payment App on Shopify App Store

Step 2: Configure DOKU Payment App

  1. On DOKU Payment Configuration page, select DOKU

  2. Configure the following required fields:

Visit API Keys for instructions on how to retrieve integration credentials (Client ID and Secret Key)

  1. Click Continue Integration With Shopify

  2. You will be redirected to the Payment Settings page in Shopify Admin Dashboard, where you can switch on the toggles for the payment icons you wish to display on your Shopify checkout page. (Important Note: The payment icons on the Shopify checkout page are only for display and do not indicate the actual payment methods that are available for payment).

Payment Settings on Shopify Admin Dashboard
Shopify Checkout Page

  1. Scroll down and click Activate

Step 3: Set Up Payment Notification on DOKU Dashboard

If you skip this step, your payment status on Shopify Dashboard will not be synced with DOKU Dashboard

  1. Copy the below Notification URL dedicated for DOKU Payments on Shopify

https://api.doku.com/middle/v2/shopify/notify

  1. Log in to your DOKU Dashboard

  2. Navigate to Settings > Payments Settings, then go to each payment method settings page

  1. Set up the payment notification URL for each payment method that you have activated using the notification URL that you have copied earlier. Visit Set Up Payment Notification for detailed instructions

Once payment notification has been configured, you can start accepting payments with DOKU.

Activate Payment Methods

You can activate more payment methods for your Shopify store by following the steps below:

  1. Log in to DOKU Dashboard, and then access the side navigation bar

  2. Select Settings from the menu

  3. Settings page will appear. Under Account section, select Service

  4. On Service page, click ADD SERVICE

  5. Select the payment method you would like to activate

  6. Click ACTIVATE.

Notes:

  • Some payment methods can be activated instantly.

  • Others may require approval from our Risk Screening Team before they become active.

  • Certain payment methods may also require credential registration before activation is complete.

  • Certain payment methods may be seen as disabled, because it can only be activated with the assistance of our Sales team. You may contact our Sales team by filling the following form.

Checkout Page Configuration

By configuring your checkout page, you will be able to:

  1. Show or hide, and sort payment methods for your customers Choose which payment methods (e.g., cards, e-wallets, and virtual accounts) tp appear on your checkout page. You can also reorder them based on your preference or customer behavior to optimize conversions.

  2. Customize the interface Adjust the look and feel of your checkout page to align with your brand. This includes modifying button colors, fonts, logos, and layout to ensure a seamless and branded customer experience.

  3. Set a default expiry time Define how long a payment session remains valid before it expires. This is useful for limiting pending transactions and encouraging quicker payments, especially for methods like virtual accounts or retail outlets.

Visit Customize Checkout Page for more detailed information.

Order Configuration

Order Configuration setting allows you to define how unpaid transactions are handled in your Shopify store. You can choose whether an incomplete payment is treated as an Abandoned Checkout or remains in the Orders section as Payment Pending. This helps you manage your store’s workflow and track customer activity more effectively. You can set the Order Configuration for your Shopify store by following the steps below:

  1. Log in to your Shopify Store

  2. Go to Settings > Payments

  3. On the Shopify Payment Settings page, select DOKU Payment

  4. Click More Actions, then select Manage

  1. On DOKU Shopify Configuration page, select Order Configuration from the dropdown menu

  2. Under Order Configuration Type, select your preferred option:

    • Abandoned Checkout: If the customer does not complete the payment, the order will be moved to the Abandoned Checkouts section.

    • Payment Pending: If the customer does not complete the payment, the order will remain in the Orders section.

Testing Payments​

Please ensure your sandbox credentials have been set up during your integration inShopify.

You can simulate transactions in your Shopify store using DOKU Sandbox by following the steps below:

  1. Log in to your Shopify Store

  2. Go to Settings > Payment

  3. Under Supported Payment Methods section, select DOKU Payment

  4. Scroll down to Test Mode section and ensure that the toggle is switched on

  5. Click Save

  6. Visit your Shopify storefront and check out a product

  7. At checkout, select DOKU Payment as your payment method

  8. You will be redirected to DOKU Checkout page, where you can select your preferred payment method

  9. Complete the payment using DOKU Sandbox Simulator. Visit Simulate Transactions to learn how to use the payment simulator

  10. Upon completion of the payment, you will be redirected back to your store. The transaction will be marked as completed, and the order will be confirmed.

FAQ​

Why is my payment status not updated on Shopify?

Payment notification URL must be set up on DOKU Dashboard for the transaction status to be updated on Shopify Dashboard. Please be sure to not skip step number 3 in the Integration Guide section.

How to retrieve my integration credentials (Client ID and Secret Key)?

Please refer to the guide on API Keys to obtain your integration credentials.

Can I customize the expiry time of the payment URL?

Yes, please refer to the guide on Set Up Expiry Time.

Is it possible to change the payment provider name instead of using DOKU Payment?

Currently, it is not possible to change the name of the payment provider.

Is integrating my Shopify store with DOKU free of charge?

Yes, integration with DOKU is free. However, an additional 0.2% fee is applied on top of the standard transaction fee for each payment method. For example, a successful transaction with Bank Transfer payment method will incur a fee of IDR 4,000 + 0.2% (excluding VAT) per transaction via Shopify.

How to enable PayLater payment methods in Shopify?

There are two requirements to enable PayLater payment methods on Shopify:

  1. PayLater payment methods must be activated in your DOKU Dashboard

  2. In your Shopify Dashboard, go to Settings > Checkout, and enable Shipping address phone number

Once the two requirements are met, PayLater payment methods will be available during checkout.

How do I switch payment provider on Shopify to DOKU?

You can only switch the payment provider once you have uninstalled the existing payment service provider app. Once uninstallation is completed, you can follow our Integration Guide for Shopify.

Is it possible to switch Shopify store but use my existing business account?

Yes, you can use your existing business account with a different store. However, you must uninstall the app from the current store and complete the integration process again by following our Integration Guide for Shopify.

Please note that the new store must use the same brand name. Using a different brand name may result in account suspension.

My transaction failed to be processed on Shopify. What should I do?

A common reason for a failed transaction is the use of non-alphabetic characters by your customer. Our system only supports alphabetic characters, so please ensure that all input consists solely of alphabetic characters.

If the transaction still fails to process after confirming the input is alphabetic, please submit a support ticket or send an email to [email protected], and our team will assist you in troubleshooting the issue.

Why is my customer’s phone number on the DOKU checkout page different from what they entered on the Shopify checkout page?

This behavior is expected due to how Shopify and DOKU handle customer contact details. Shopify only provides a single field labeled “Email/phone number”, and depending on what the customer enters (email or phone), the other field may be left blank or auto-filled with a placeholder on the DOKU Checkout Page, which requires both email and phone number. If a customer enters only a phone number in Shopify, a dummy email or phone may appear on the DOKU page, and vice versa. This is a current limitation and cannot be prevented at this time.

Previouse-Commerce and PluginsNextWooCommerce (WordPress)

Last updated

Was this helpful?