# Credit Card Direct Payments App

## Payment Setting

1\. Use the link <https://apps.shopify.com/asiabill-direct> to install the Asiabill Payments (Direct) App from the Shopify App Store.\
Click the ‘Install’ button to install the application.

<figure><img src="/files/PeackiwpkAdxGQtrC8AS" alt=""><figcaption></figcaption></figure>

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).

<figure><img src="/files/hbd3whIJcf3dgTv2MCXz" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/bRJUmmQYOzlmweNvBpMm" alt=""><figcaption></figcaption></figure>

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.

{% hint style="info" %}
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.
{% endhint %}

<figure><img src="/files/LAbqMVg5sUdV5U5uzOUG" alt=""><figcaption></figcaption></figure>

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.&#x20;

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

{% hint style="info" %}
Note: Test mode requires a dedicated gateway ID and key; please do not select ‘Enable test mode’.
{% endhint %}

<figure><img src="/files/VJV1cOjxlnyT3EGVmxAA" alt=""><figcaption></figcaption></figure>

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.

{% hint style="info" %}
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.
{% endhint %}

<figure><img src="/files/296vEtHG418SiEvA6dXX" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/PM0kQ7yG5SsiYRdpwAAc" alt=""><figcaption></figcaption></figure>

## Checkout Setting

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

<figure><img src="/files/7BynDzHGMMgQREYxiGYt" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/XE7TDFD6JjykT1cua8aj" alt=""><figcaption></figcaption></figure>

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://en.asiabill.com/contact).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.moneycollect.com/docs/developer-tools/plugins/shopify/legacy-version/credit-card-direct-payments-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.