Checkout Page

Last updated on November 22, 2022

Follow this guide to configure the GrailPay Widget on Checkout Page

Enable GrailPay Widget on Checkout Page

You can show or hide the GrailPay Widget on the Checkout Page.

Path Selector & Path Position

You can change where to display the GrailPay Widget on the Checkout Page.

Example: To display the GrailPay Widget before the Order Summary. This example uses Chrome Browser, and you can use any browser in the same way.

  1. Go to the checkout page, to get the Selector. On the checkout page, Right Click on Order Summary and select Inspect. It will open the Web Inspector Tool of your Browser.

  2. In the Web Inspector Tool, it will automatically focus on the selector element. Again Right Click on the selector element, and select Copy XPath or Copy Full XPath.

  3. Paste this XPath or Full XPath into Path Selector Field in GrailPay Widget Settings. You can set the position of the GrailPay Widget by selecting Path Positions.
    In this example, we want to show the GrailPay Widget before the Order Summary. So we have selected Outside Before.

  4. Now save the configuration by clicking on Save button. That’s it! The GrailPay Widget is displaying before the Order Summary.

If you need help installing this module, contact support at [email protected]