All Recipes

All the answers to any platform related questions can be found here! Find all the recipes for VTEX IO functionalities below:

Creating a new custom page

Learn how to define a different layout, path and content for a store’s new custom page.

Read more

Building a Product Details Page

Learn how simple can be to build and custom a Product Details Page with our flexible components”

Read more

Running native A/B testing

Our native A/B testing solution is designed entirely for ecommerce businesses seeking to optimize their conversion by measuring and comparing traffic between a variant workspace and the master.

Read more

Customizing your store's icons

VTEX Styleguide has a default iconography that is used in all VTEX's components. Learn with this recipe how to change it and customize according to your store's identity.

Read more

Building a Carousel through lists and Slider Layout

The new Carousel configuration is practical, easy and gives the component a lot of flexibility. Learn how to replace the old block using the Slider Layout and lists.

Read more

Installing an app

Test your app new settings by learning how to install it in a production workspace.

Read more

Linking an app

Sync your local files with an app and ensure that your code changes are reflected in real time in your workspace.

Read more

Setting up Google Tag Manager

Set up all the necessary tags, triggers, variables and configurations with Google Tag Manager and easily manage user and website data using Google Analytics dashboards.

Read more

Configuring custom images for the SKU Selector

Learn how to configure the SKU Selector to display a custom image, different than the default one already used by the SKU.

Read more

Promoting a workspace to master

Learn in this recipe how to promote a production workspace to master and make your new configurations finally available to the end user.

Read more

Publishing an app

Publish your app’s new version so that it can be installed and tested by other users.

Read more

Releasing a new app version

Overwrite the app's manifest.json, update the app's changelog.md and send the performed code changes to the app's repository by simply running one command in your terminal.

Read more

Listing an account’s apps

List all account's apps running a single Toolbelt command

Read more

Setting up Google Analytics search tracking

Measure your store's main searched terms and learn more about user behavior by setting up the Google Analytics search tracking.

Read more

Customizing your store’s typography

A store’s choice in terms of typography is a fundamental step to building its identity. Within this environment, learn how to customize typography styles swiftly and with ease using the admin’s interface, without needing to resort to your theme’s code.

Read more

Using Sandbox blocks

Understand what the Sandbox app is and use iframes to attend to your store's custom needs

Read more

Using CSS Handles for store customization

CSS Handles are magic tools developed by VTEX IO to make it easier to customize components using CSS. Have a look at this recipe for more on how to identify and apply CSS Handles to your store, without the need for HTML CSS selectors

Read more

Linking URLs in banners using Site Editor

Linking URLs in banners can be a great opportunity to influence user browsing! Check out how fast and easy linking URLs in your store's banners can be when using Site Editor.

Read more

Using Flex Layout

Improve the way your store layout is built by using Flex Layout to place page components as desired.

Read more

Creating a production workspace

Create a workspace in production mode and test your app settings in a environment ready to receive traffic.

Read more

Making your new app version publicly available

If you want to make your new app version publicly available, linking it will not suffice. Learn in this recipe the step by step on how to make your new configurations finally available to the end user.

Read more

Enabling the store's PWA notice

PWA is a sort of web app used to natively promote certain advantageous features to users, such as offline functionalities. This recipe will help you find out how to enable notices that prompt users to install your store's PWA.

Read more

Installing the VTEX IO Toolbelt

Any development in VTEX IO begins with Toolbelt, VTEX IO’s command line interface for app development and management. Learn how to install it now!

Read more

Overwriting the Messages app

Learn how to override Messages and replace message content translated by the app with your own.

Read more

Installing the Google Tag Manager app

Start using Google Tag Manager app in your VTEX store to easily track your data through Google Analytics.

Read more