GrailPay Widget App Installation

Last updated on November 22, 2022

Demo of widget URL: https://grailpay-dummy-store.myshopify.com

pass: e5V=[UNI,5R5X+.Y

After getting the  GrailPay Widget Token  from GrailPay follow the steps below to setup the widget.

  1. Login with Administrative Role to Shopify store, and go to Settings from left sidebar menu.


  2. Go to Apps and sales channels and click on Shopify App Store to install GrailPay Product Page Widget.


  3. Search GrailPay Product Page Widget, and click on search result.


  4. You will see GrailPay Product Page Widget App, click to Add app button to install the widget in your Shopify store.


  5. Now press Install app and GrailPay Product Page Widget App will be installed in the store.


  6. After the installation is complete, click on customize in Shopify store admin => Online store tab.

  7. For Product Detail Page, click on the navigator dropdown menu and select Products => Default product.

  8. In the Product Detail Page Editor, select the place where you wish to show GrailPay Widget, and click Add block.


  9. From list of Blocks, Select GrailPay Widget from Apps section.

  10. Now enter the GrailPay Widget Token into marked field, and after some seconds GrailPay Widget will be displayed. You also can move GrailPay Widget by up and down icons.

  11. Now you can see GrailPay Widget on Product Detail Page.

  12. For Cart Page, click on the navigator dropdown menu and select Cart. Make sur you have at least one item in the cart.
    Select the place where you wish to show GrailPay Widget in Cart Page Editor, and click Add block.

  13. From list of Blocks, Select GrailPay Widget from Apps section.

  14. Now enter the GrailPay Widget Token into marked field, and after some seconds GrailPay Widget will be displayed. You also can move GrailPay Widget by up and down icons.

  15. Now you can see GrailPay Widget on Cart Page.

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