E-commerce configuration

Updated at:
Copy as MD

Website e-commerce configuration consists of three main parts: the order list, sales configuration, and payment configuration. This topic explains these features.

Order list

  • Use case: View order information after customers place orders on your website.

  • Feature description: You can filter and view order information by order status, order time, username, or order ID.

Sales configuration

  • Use case: Configure pricing and shipping rules for orders placed on your website.

  • Feature description: You can set the pricing currency (CNY/USD), order validity period, default shipping fee, and shipping provider (such as SF Express).

Payment configuration: Alipay MD5

Note

The payment configuration feature lets you set up payment methods for your website. You can configure Alipay, WeChat Pay, and PayPal.

Alipay MD5 key configuration applies only to enterprise users who registered for an Alipay account before June 2021. Follow these instructions.

  1. Register an Alipay merchant account and complete the real-name verification. For detailed instructions, see Alipay Authentication.

  2. Log in to the Alipay Merchant Center. On the Product Center page, subscribe to both the Mobile Website Payment and PC Website Payment services.

  3. After subscribing, go to the Account Center to obtain your PID. Next to the MD5 key, click View, and then complete the phone verification to get your MD5 key.

  4. On the payment configuration page, click Enable next to Alipay. In the Alipay Configuration dialog box, enter your Alipay Account (the email or phone number used for registration), the PID from the previous step in the Merchant PID field, and the MD5 key in the Merchant KEY field. Then, click OK.

Payment configuration: Alipay RSA

Alipay RSA key configuration applies to all users.

  1. Register an Alipay merchant account and complete the real-name verification. For detailed instructions, see Alipay Authentication.

  2. Log in to the Alipay Merchant Center. On the Product Center page, subscribe to both the Mobile Website Payment and PC Website Payment services.

  3. After subscribing, go to the Application Key Generation Platform. Select RSA2 > PKCS1 (for non-Java) > Generate Key to generate the application private key and application public key. The application private key is your merchant private key.

  4. On the Alipay Open Platform, navigate to Create Application > Web/Mobile Application Development > Go to Create to create a website payment application.

    Important

    When creating the application, you only need to enter an application name and upload an icon. Choose a name relevant to website payments that does not include terms like "test", as this might cause your application to fail review.

  5. Once the application is created, go to Application Information > Set/View. Paste the application public key from Step 3 into the text box to generate the Alipay public key.

  6. After the application is created, obtain the APP ID from the application overview page. On the Overview page, add capabilities to the application. Click Add Capability and add both the PC Website Payment and Mobile Website Payment capabilities.

  7. Enter the application private key from Step 3, the Alipay public key from Step 5, and the APP ID from Step 6 into the corresponding Merchant Private Key, Alipay Public Key, and APP ID fields. You can view your transaction orders on the Alipay merchant Transaction Orders page.

Payment configuration: WeChat Pay

  1. Log in to the WeChat Pay Merchant Platform with your WeChat merchant account. Click Product Center at the top of the page. In the product catalog, click H5 payment and native payment respectively, then follow the prompts to enter your personal information and complete the application.

  2. Payment configuration: After the application is approved, click Developer Configuration in the left navigation pane. Scroll down to the Payment Configuration section, where you can configure H5 payment, native payment, and Official Account Payment.

    • To configure H5 payment: add your website's top-level domain to the H5 Payment Domain field.

    • To configure native payment: add your website's top-level domain to the Native Payment Callback Link field.

    • To configure Official Account Payment: add your website's top-level domain to the Payment Authorization Directory field, in the format: your-top-level-domain/WeixinApi/.

  3. Log in to the WeChat Official Accounts Platform. Click your avatar in the upper-right corner and select Feature Settings. Next to JS Interface Security Domain, click Set. Download the file provided in the pop-up dialog box. In your website's backend, navigate to SEO Promotion > Site Verification. In the WeChat Promotion Verification File section, click Select File to choose the downloaded file, then click Upload. After the file is uploaded successfully, return to the WeChat Official Accounts Platform and set the Webpage Authorization Domain to your website's top-level domain.

  4. In the left navigation pane of the WeChat Official Accounts Platform, navigate to Settings and Development > Development > Basic Configuration. On this page, obtain your APP ID and AppSecret.

  5. In the left navigation pane of the WeChat Official Accounts Platform, navigate to WeChat Pay > Merchant Information. On this page, obtain your merchant ID.

    Note

    You must enable WeChat Pay to view this information.

  6. On the WeChat Pay Merchant Platform, install the Operation Certificate to set a custom API key.

  7. Return to your website's backend and navigate to E-commerce & Membership > Payment Configuration. Click Enable next to WeChat Pay. In the dialog box, enter the APP ID, AppSecret, merchant ID, and API key that you obtained in Steps 4, 5, and 6.

Payment configuration: PayPal

  1. Log in to your PayPal business account, and hover over the settings icon in the upper-right corner to click Account Settings. On the Account Settings page, find Website preferences in the Website payments section. This option is described as "Return customers to my website after they pay with PayPal". Click Update to the right of this option to go to the Website preferences page.

  2. Enable Auto Return and enter a URL in the format http://your-top-level-domain/Payment/PaypalReturnUrl. After you save the settings, you can obtain an identity token in the Payment Data Transfer section. The specific steps are as follows. In the Auto Return for Website Payments section, select On. In the Return URL input box, enter your website's payment return address, such as https://www.hgdcd.com/Pay, and then click Save. On the Website Preferences page, set Payment Data Transfer to On. The Identity Token field and its corresponding token value are displayed below. Copy this token value.

  3. In the PayPal Payment Configuration dialog box on your website, enter your Receiving Account and the Identity Token from the previous step. Both fields are required. Click OK to complete the configuration.