Install CommercePro Checkout App

To install PayU CommercePro Checkout application in your Shopify store.Β 

  1. Search for it in Shopify App store.Β Β 

ORΒ Β 

Β  Navigate to the following URL:Β 

https://apps.shopify.com/payu-commercepro-checkoutΒ 

  1. Click Install button to initiate installation process in your store.Β Β 

Note: If you have not logged on to Shopify, click the Log in to install button and log in with your Shopify Partner Account credentials.Β Β 

Β  You are redirected to request grant / Install App screen into your Shopify store.Β Β 

  1. Click β€˜Install to grant permissions and install the PayU CommercePro Checkout app in your store.Β 

Β  You will be redirected to PayU Account sign in page.Β Β 

  1. Log in into your PayU Account using the Email and Password OR Login using OTP option.

Β  This process will connect your PayU account with β€˜PayU CommercePro Checkout’ Shopify App.Β Β 

Β  After successfully login into your PayU Account, it will redirect you to the successfully login confirmation screen, and then it will redirect automatically to Shopify in 5 seconds. The Authorize Your Account page is displayed.

You can go back to Shopify manually by clicking Back to Shopify button.Β Β 

Β  You will be redirect to the PayU CommercePro Checkout Shopify App’s Dashboard.

Set up Login Widget

You can set up the PayU CommercPro App Login Widget using any of the following procedure described in this section:

OR

Set up Login Widget from Dashboard

To set up PayU commerce pro Login widget into your store:Β 

πŸ“˜

Note:

Verify the pre-requisite Shopify settings requirements.Β For more information, refer to Install CommercePro Checkout App.

  1. Verify that Customer Sync Process is completed on the PayU CommercePro Checkout app:

Note: It may take some time for synching and depends on the total customer count on your store.

  • Β  Navigate to Store admin > Apps > PayU CommercePro Checkout > Dashboard.
    - Check if the Complete status is displayed under Customer Sync Process as in the following screenshot:
  1. Verify that show login links is enabled:
  • Navigate to Online Store> Settings > Customer accounts.
  • Click the Show login links toggle button to enable it.
  • Ensure that the Classic is selected as in the following screenshot:
  1. Verify that the following sections are hidden in theme in which you want to enable Login widget:
    • Customer login page > Login.Β 
    • Customer Register Page > RegistrationΒ 
  2. Verify that guest checkout is disabled:
    • Navigate to Settings > Checkout
    • Select Require customers to log in to their account before checkout check box.Β 
    • Click Save at the bottom-right.
  1. Verify that captcha on login, create account and password recovery pages is Disabled.Β 
    • Navigate to Online Store > Preferences under Sales channels.
    • In the Spam protection section, select the Enable nCaptcha to login, create account and password recovery pages check box.
    • Click Save at the bottom-right.Β 

Enable Login Widget from Themes

To enable Customer login widget into storefront:

  1. Navigate to Online store > Themes.
  2. Click the Customize button in which you want to setup widget.Β 
  1. Select App embeds on left side navigation bar similar to the following screenshot:
  1. Search for "Customer Login" using the search bar.
  2. Look for "Customer login – PayU ..." enable it using the toggle button.
  3. Click Save located at the top-right corner.