Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
scalapay-widget
Community extension
Version: 0.5.0
Latest version: 0.5.0

The specified version of the app (0.x.0) does not exist. This page is about the latest stable version, which is 0.5.0.

Configuration

  1. Install the scalapay.scalapay-widget app in the VTEX account in which you are working;
  2. In your VTEX account's admin, open the App section and select the scalapay-widget App box;
  3. Enable scalapay widget, fill product and cart page settings in the fields;
  4. Save your changes.

Using the scalapay-widget's Widget component

The scalapay-widget app also enables Scalapay's widget component to be added to your store theme by adding the scalapay-widget block in a template of your choosing.

  1. Using a Developer workspace, open your store's theme directory in your code editor and add the scalapay-widget app as a dependency in the manifest.json file:

_10
"peerDependencies": {
_10
+ "scalapay.scalapay-widget": "0.x",
_10
}

  1. Add the scalapay-product-page-widget block, exported by the scalapay-widget, in a template and block of your choosing, such as the Product Detail Page store-theme\store\blocks\pdp\product.jsonc;

_10
"flex-layout.col#right-col": {
_10
"children": [
_10
+ "scalapay-product-page-widget"
_10
]
_10
}

  1. Add the scalapay-cart-page-widget block, exported by the scalapay-widget, in a template and block of your choosing, such as the Mini Cart Page store-theme\store\blocks\minicart.jsonc;

_10
"minicart.v2": {
_10
"children": [
_10
+ "scalapay-cart-page-widget"
_10
]
_10
}

  1. Save your changes and link the store theme app;
  2. Once your changes linked, access the admin's Site Editor using the same Developer workspace (`
  3. Save your changes;
  4. Access your store's website using the Developer workspace to check out the new component. If no more changes are desired, repeat the steps above in a Production workspace and then promote it to Master.

Thanks goes to these wonderful people:

This project follows the all-contributors specification. Contributions of any kind are welcome!

See also
VTEX App Store
VTEX IO Apps