> For the complete documentation index, see [llms.txt](https://docs.moneycollect.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.moneycollect.com/docs/developer-tools/plugins/shopify/legacy-version/credit-card-redirected-payments-app.md).

# Credit Card Redirected Payments App

## Payment Setting

1\. Log in to your Shopify store admin with the Store owner account.

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

2\. Go to “settings->Payments” menu and click the “Add payment methods” button at “Additional payment methods”.

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

3\. Search and select “Asiabill Payments” at the “Search by provider” menu and click “Activate”.

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

4\. Click the “Manage” button to install Asiabill Payments App.

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

5\. You will be redirected to the App installation page. Click "Install app" to confirm the installation.

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

6\. You will be redirected to the AsiaBill Payments App authorization page. Follow the prompts to fill in your Gateway ID and Shopify Key, then click "Continue".

{% hint style="info" %}
Note: Please log in to the AsiaBill merchant dashboard to retrieve your Gateway ID and Shopify Key under the "Developers” -” API Keys” tab. For further assistance, please contact the AsiaBill customer service team.
{% endhint %}

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

7\. After successful authorization, you will be redirected to the “Payments” tab in your Shopify dashboard. Check the boxes for the card brands that you wish to display to shoppers at the checkout page, then click "Activate Asiabill" to confirm your settings.

{% hint style="info" %}
Note: “Test mode” requires a dedicated TEST Gateway ID and key, please do not check the box for “Enable test mode”.
{% endhint %}

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

8\. After activation, you will be able to see your chosen Asiabill credit/debit card payment options under “Supported payment methods” in the “Payments” tab of your Shopify dashboard.  &#x20;

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

9. The AsiaBill credit/debit card payment method will be displayed in your Checkout page like so:

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

## Checkout settings

1\. Click the "Checkout" tab in your Shopify dashboard.

<figure><img src="/files/d70l8tPoT8Nwbu5lXSHu" 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’&#x20;

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

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

You have now completed all the steps for setting up your AsiaBill credit/debit card payment.

If you have any questions, please feel free to [contact us](https://en.asiabill.com/contact)