The specified version of the app (0.x.0) does not exist. This page is about the latest stable version, which is 0.6.0.
Configuration
- Install the
scalapay.scalapay-widget
app in the VTEX account in which you are working; - In your VTEX account's admin, open the Apps section and select the
scalapay-widget
App box; - Enable scalapay widget, fill product and cart page settings;
- Save your changes.
Using the scalapay-widget's Widget component
The scalapay-widget
app enables Scalapay's widget component to be added to your store theme by adding the scalapay-widget
block in a template of your choosing.
- Using a Development workspace, open your store's theme directory in your code editor and add the
scalapay-widget
app as a dependency in themanifest.json
file:
_10 "peerDependencies": {_10+ "scalapay.scalapay-widget": "0.x",_10 }
- Add the
scalapay-product-page-widget
block, exported by thescalapay-widget
, in a template and block of your choosing, such as the Product Detail Pagestore-theme\store\blocks\pdp\product.jsonc
;
_10 "flex-layout.col#right-col": {_10 "children": [_10+ "scalapay-product-page-widget"_10 ]_10 }
- Add the
scalapay-cart-page-widget
block, exported by thescalapay-widget
, in a template and block of your choosing, such as the Mini Cart Pagestore-theme\store\blocks\minicart.jsonc
;
_10 "minicart.v2": {_10 "children": [_10+ "scalapay-cart-page-widget"_10 ]_10 }
- Save your changes and link the store theme app;
- Once your changes linked, access the admin's Site Editor using the same Developer workspace;
- Check that the templates for your cart and product pages are updated and then save your changes;
- 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.