Skip to content

aplazame/vtex-widget-app

Repository files navigation

📢 Use this project, contribute to it or open issues to help evolve it using Store Discussion.

Aplazame Widget

All Contributors

Use this app to display Aplazame widget simulator on your VTEX store products.

Example Screenshot

Configuration

First, install the aplazame.aplazame-widget app in the VTEX account which you are working on.

Also, you need to add it as peer dependency in the manifest.json of your store theme.

"peerDependencies": {
+ "aplazame.aplazame-widget": "0.x"
}

Then, in your VTEX account's admin, open the App section and select the Aplazame Widget app configuration. Fill in your public API key provided by your store created in Aplazame's control panel and save your changes.

Adding widget to your store products

Add the aplazame-product-widget block in your store product template (for example: ~/store/blocks/product.jsonc at flex-layout.col):

"flex-layout.col#right-col": {
  "props": { ... },
  "children": [
    ...
    "flex-layout.row#buy-button",
+   "aplazame-product-widget",
    "availability-subscriber",
    ...
  ]
}

Contributors ✨

Thanks goes to these wonderful people (emoji key):

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