VTEX Commerce APIs
Become a partner
What is VTEX IO
What is VTEX Store Framework
Build stores with Store Framework
Setting your store's theme
Building your own store theme
Develop native integrations with Pixel apps
Basic setup to develop in VTEX IO
Cloning the boilerplate repository
Defining your app settings
Writing the header and body scripts
Listening to store events
Structuring the documentation
Making your Pixel app publicly available
Desenvolva componentes usando VTEX IO e React
Configurações básicas para desenvolver no VTEX IO
Criando a nova aplicação
Declarando um bloco de tema
Traduzindo o componente
Estruturando a documentação
Aperfeiçoando o desempenho com cache
Tornando a sua aplicação publicamente disponível
VTEX Resource Name (VRN)
Changing your store's icons
Customizing your store’s typography
Using CSS Handles for store customization
Contributing with new CSS Handles
Using the Markers prop to customize a block's message
Customizing the Header and Footer blocks by page
Best practices for rendering images
Displaying asynchronous prices
Linking URLs in banners using Site Editor
Configuring custom images for the SKU Selector
Using Flex Layout
Building a Carousel using Slider Layout
Building a Product Details Page
Creating modals using icons
Creating a new custom page
Associating a custom page to a content type
Creating a custom search results page
Using the Fold blocks
Using Sandbox blocks
Using events to trigger side effects on store components
Creating a native form for your store users
Best practices for optimizing performance
Safely enabling performance settings
Enabling 404 pages
Configuring a B2B environment
Consulting B2B order statuses
Installing apps in live stores: best practices
Making your theme content public
Understanding how store URL indexing works
Managing URL Redirects
Enabling the store's PWA notice
Enabling the Order Form optimization
Setting up Google Tag Manager
Setting up Google Analytics search tracking
Deactivating the VTEX IO native service worker
Internationalizing product prices
Translating storefront content
Translating catalog content
Cross-border stores content internationalization
Managing landing pages in cross-border stores
Indicating alternate versions of localized pages in cross border stores
Creating robots files for cross-border stores
Checking your store's binding id
VTEX IO Development
Filling the Application form for development
VTEX IO CLI installation and command reference
Running A/B tests
Submitting your app in the VTEX App Store
Listing an account’s apps
Making your new app version publicly available
Linking an app
Releasing a new app version
Publishing an app
Installing an app
Deprecating an app
Creating a Development workspace
Creating a Production workspace
Promoting a workspace to master
Developing service configuration apps
Using the Assets Builder
Becoming a Sponsor Account
Configuring an Edition app
Updating Edition apps
Running IO scripts in non-IO VTEX stores
Migrating CMS settings after a theme major update
Managing application logs
How to contribute
Didn't find your answer?
Join the discussion!
All your store components are found here! Check out the full list below.
Allows a block rendering under pre-defined conditions.
Builds a complex custom layout using the concept of rows and columns, setting the desired structure and positioning of blocks in a given page.
Builds an accordion or any component that controls visibility of a section of content.
Provides blocks that help you create modals in your store.
Declares layout structures that will only be rendered in a specific screen-size breakpoint.
Helps you create a Dropdown, Select or a Tooltip component.
Flexible solution for building sliders of blocks within your store theme.
Renders blocks on top of other blocks.
Provides layout structures to help building elements that should be fixed positioned.
Builds custom tabbed layouts. In other words, it allows you to build the store layout using tabs.
Add to Cart Button
A button for adding items into the shopping cart.
Shows the availability subscriber form when a product isn't available.
Back To Top Button
Store component's block that redirects users to the top of the page when clicked on.
Navigation scheme that shows a user's browsing history up to their current location in your store.
Button responsible for adding products in the minicart.
Shows the store's department list on an customizable menu.
Designed for Mobile devices, this app renders a sliding drawer for the store's menu.
Renders external iframes on your store.
Render an pre-defined image on the UI.
Store component's block that displays content combining image and a markdown text.
Component responsible for changing the current language of the store.
Handles every functionality related to user login.
Store component's block that displays an image logo for the store's header.
Renders the Menu component, displaying a bar containing links and drop-down sub-menus.
Fetching data from the Checkout OrderForm API, the Minicart component displays a summary list of all items added by customers in their shopping cart.
Provides a set of blocks that you can use to create a newsletter subscription form.
VTEX Notification component
Designed for **B2B scenarios**, the Order Configuration app displays a form responsible for collecting order data in a modal.
Renders the the orderPlaced page with all order data.
Provides B2B capabilities to save a cart (its items, quantities and price) for further use.
Enables users to verify the availability for in-store pickup regarding the selected SKU
Store component's block that that display messages for users regarding the product availability in the inventory.
Store component's block that displays either the name or the logo of a product's brand.
Displays a component that compares specifications of pre-selected SKUs.
Allows a product's attachments to be made available and ready to be chosen by users from the product page.
Store component's block that displays the product's description.
This app's blocks are responsible for displaying, in the Product Description block, all gifts available for a given product.
Shows the product highlights.
Shows a product identifier, such as the product reference, product ID, sku EAN or sku reference.
Store component's block that renders the product's image.
Displays a list of product kits.
Works with Minicar to display all items in the user's cart, informing when some of them are unavailable.
Store component's block that renders the product's name.
The app exports blocks related to the product's price, such as list price, selling price and savings.
Allows users to a add a chosen amount of the displayed product in their cart.
Product SKU Attributes
This block is exported by the Store Components app and it is responsible for displaying a list of the currrent SKU variations** for the product.
Displays the product specifications.
App responsible for summarizing product information (such as name, price and image) in other store blocks, such as the Shelf and the Minicart.
Product Summary Attachment List
This block is exported by the Product Summary app and it is responsible for displaying the product's attachments in other store blocks.
Product Summary Brand
This block is exported by the Product Summary app and it is responsible for displaying the product's brand in other store blocks.
Product Summary Buy Button
This block is exported by the Product Summary app and it is responsible for displaying a Buy Button block in other store blocks.
Product Summary Description
This block is exported by the Product Summary app and it is responsible for displaying the product's description in other store blocks.
Product Summary Image
This block is exported by the Product Summary app and it is responsible for displaying the product's image in other store blocks.
Product Summary List
This block is exported by the Product Summary app and it is responsible for displaying a products list in other store blocks.
Product Summary Name
This block is exported by the Product Summary app and it is responsible for displaying the product's name in other store blocks.
Product Summary SKU Selector
This block is exported by the Product Summary app and it is responsible for displaying the SKU Selector block in other store blocks.
Product Summary Specification Badges
This block is exported by the Product Summary app and it is responsible for displaying badges with the product's specifications in other store blocks.
Designed for B2B scenarios, it allows users to add multiple products to the cart at once.
Reviews and Ratings
VTEX native solution for product review and rating.
The Rich Text brings texts to your store and everything else that Markdown language is able to. It converts texts written in Markdown language and displays its content as HTML elements.
Allows building an arbitrary HTML content in extension points from an Iframe.
Store component's block that shows a search bar with autocomplete options and displays the matching products as well.
Handles the result fetched by the VTEX Search API and displaying it to users. The app exports all store blocks expected in a search results page, such as the filters and the product gallery.
Displays the number of sellers your marketplace has for each product, enabling users to compare prices from each one.
Store component's block that allows to share a product URL via social medias.
Displays a list of products in the store home page.
Store component's block that estimates the shipping fee based on a zip code input.
B2B component responsible for rendering a SKU list in the product details page.
Store component's block that renders every SKU available for a given product.
App responsible for providing main block themes, such as the SKU Selector and the Logo.
Displays your store's Footer.
Provides blocks responsible for displaying an user form connected to Master Data through a JSON Schema.
Displays your store's Header.
Provides blocks responsible for displaying links in other theme blocks, such as the Product Summary.
Uses the Pickup points information to add the Store Locator functionality to the Store.
Provides blocks to display video assets on your store pages.
VTEX UserAddress component
Adds a heart icon to shelves and product detail pages, so users can add the desired products to a Wishlist. Besides that, it also creates a page responsible for listing all wishlisted items for your users.
VTEX Accessibe native integration
Alexa Certify Code
VTEX Alexa Certify Code native integration
VTEX Audara native integration
VTEX Avantlink native integration
VTEX Bazaarvoice native integration
VTEX Bluecore native integration
VTEX Blueknow native integration
VTEX Btg360 native integration
VTEX Cookiebot native integration
VTEX Cookie Script native integration
VTEX Criteo native integration
VTEX Curbside Pickup native integration
VTEX CyberSource Fingerprint native integration
VTEX Elfsight native integration
Facebook Domain Verification
Adds into the head section of your website's homepage the meta-tag containing the Facebook verification code.
VTEX Facebook Pixel native integration
VTEX Flixmedia native integration
VTEX Google Adwords native integration
Google Customer Reviews
VTEX Google Customer Reviews native integration
Google Search Console
VTEX Google Search Console native integration
Google Tag Manager
VTEX Google Tag Manager native integration
VTEX Hotjar native integration
VTEX Ideacrm native integration
VTEX Iubenda native integration
VTEX JivoChat native integration
VTEX Kelkoo native integration
VTEX Konduto Antifraud native integration
VTEX Listrak native integration
VTEX Logrocket native integration
VTEX Lomadee native integration
VTEX Lucky Orange native integration
VTEX OneSignal native integration
Order Sms Notification
VTEX Order Sms Notification native integration
VTEX Powerreviews native integration
VTEX Shareasale native integration
VTEX Sidecar Pixel native integration
VTEX Smarthint native integration
VTEX Tawk.to native integration
VTEX Tradetracker native integration
VTEX Trustpilot native integration
VTEX Wordpress native integration
VTEX Yotpo native integration
VTEX Zendesk Chat native integration
VTEX Zopim native integration
Challenge Trade Policy Condition
Challenge that checks if an user can access the current Trade Policy based on a specified condition rule.
Checkout UI Custom
Customizes your store's Checkout UI through the admin's interface.
Checkout UI Settings
App responsible for exporting scripts to build a custom Checkout UI.
Provides data regarding a certain product to all of its children blocks.
App responsible for automatically generating a `sitemap.xml` file of your VTEX IO Store.
Exports all icons used by the store's components.
Enables a call center operator impersonate a costumer in the store, and this app is used by store theme.