Documentation
HOMEAPI ReferencePayment Demo
English
English
  • 📖Home
  • API Reference
  • Wallet
    • Activate Account
    • Multi-currency Balance
    • Global Collection Account
    • Payout
    • Account settings
  • Payment
    • Get started
    • Accept a payment
      • Hosted payment page
      • In-page checkout
      • iOS
      • Android
      • API-Direct
    • Save a card during payment
      • iOS
      • Android
    • Pre-authorize a payment
    • 3D secure authentication
      • iOS
      • Android
    • Subscriptions
      • Recurring
    • Add payment methods
      • Supported APM codes and attributes list
      • APM Integration Guide
    • After the payment
      • Webhook
      • Refunds
      • Response handling
    • About the APIs
      • Currencies
      • Payments
        • How payments work
  • Business Operation
    • MoneyCollect dashboard
      • Home
      • Mobile apps
    • Account
      • Your account
      • Multiple Accounts
      • Account security
    • Alternative payment methods
      • Apply for APMs from your dashboard
        • Google pay
    • Customers
      • Customer portal
    • Products & Prices
      • Pricing table
    • Invoicing
      • How invoicing works
      • Use the dashboard
        • Customers
        • Products and prices
        • Invoice page
      • Hosted Invoice Page
      • No-code quickstart guide
    • Subscriptions
      • Subscription status
      • Subscription settings
      • Create a subscription
    • Pricing
      • Reserves
      • Fees for APMs
    • Payouts
    • Financial reports
      • Select preferred report
      • Balance summary
      • Payout reconciliation
    • Partners
      • Partner pricing
    • Risk management
      • Disputes
        • How disputes work
        • Respond to disputes
          • Dispute reasons
        • Measuring disputes
      • Fraud
        • Monitoring programs
        • High risk merchant lists
        • Tools
        • Fraud prevention
    • Start a team
      • Teams
      • User roles
    • Startup incorporation
  • Developer tools
    • API-Keys
    • Libraries
    • Plugins
      • WooCommerce
      • Magento
        • Using Magento 2 Admin Panel
      • Shopify
        • MoneyCollect Payments App
        • Legacy Version
          • Credit Card Direct Payments App
          • Credit Card Redirected Payments App
          • Alternative Payment Methods App
      • Wix
      • SHOPLINE
      • SHOPLAZZA
      • Xshoppy
      • ShopBase
      • PrestaShop
      • OpenCart
      • AllValue
        • Using Allvalue Panel
Powered by GitBook
On this page
  • Payment Setting
  • Checkout Setting
  1. Developer tools
  2. Plugins
  3. Shopify
  4. Legacy Version

Credit Card Direct Payments App

Credit Card Direct Payments App Installation Manual

PreviousLegacy VersionNextCredit Card Redirected Payments App

Last updated 1 year ago

Payment Setting

1. Use the link to install the Asiabill Payments (Direct) App from the Shopify App Store. Click the ‘Install’ button to install the application.

2. Log in to your Shopify store dashboard with your Store owner’s account.

(This step will be automatically skipped if you are already logged in).

3. On the confirmation page after being redirected, click the ‘install app’ button to start the installation.

4. The page will be redirected to the AsiaBill Payments App authorization step. Please fill in your gateway ID and Shopify Key and click the ‘Continue’ button.

Note: To obtain your gateway ID and Shopify Key, please log in to your AsiaBill merchant dashboard and go to the ‘Developers’ - ‘API Keys’ section. For further assistance, please contact the AsiaBill customer service team.

5. After successful authorization, you will be redirected to the Payments settings page in your Shopify store dashboard.

You can check the boxes here for the credit card brands that you wish to display to customers on the checkout page.

And finally, click the ‘Activate Asiabill Payments (Direct)’ button to activate the settings.

Note: Test mode requires a dedicated gateway ID and key; please do not select ‘Enable test mode’.

6. After activating successfully, the AsiaBill Payments (Direct) credit card payment method will be added to the top of the Payments menu in your Shopify store dashboard.

Note: the ‘Payments capture method’ section on the top right will be set by default to ‘Automatic at checkout’. Please do not change it to other modes, as this may cause inconsistencies in transaction status.

The AsiaBill credit card direct payment method is displayed as follows on your store’s Checkout page:

Checkout Setting

1. Click the ‘Checkout’ section in your Shopify store dashboard's ‘setting’ menu.

2. As shown in the screenshot, 1) select ‘Emil’ under ‘Select what contact method customers use to check out’;

2) Select ‘Require first and last name’ under ‘Full name’ and 3) ‘Required’ under ‘Shipping address phone number’

and then click the ‘Save’ button to save the settings.

At this point, you have completed all the steps for setting up AsiaBill’s credit card direct payment method.

If you have any questions, please feel free to .

contact us
https://apps.shopify.com/asiabill-direct