Enabling PWA push notifications in your store

Store Settings - Storefront

All VTEX IO stores natively have a Progressive Web App (PWA) at their disposal. A PWA is a web app used to natively promote beneficial features to users, such as offline functionalities or a home screen icon.

${"base64":" ","img":{"width":1617,"height":772,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":329695,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Store%20Settings%20-%20Storefront/enabling-pwa-push-notifications-in-your-store_1.png"}}$

The PWA can be made available for installation in three distinct moments of users’ browsing experience: during their first visit to your store's website, when adding the first item to the shopping cart, or when completing their first purchase. To configure the prompt in your store, follow the steps below.

Configuring a PWA in your store

In the VTEXAdmin, access the Store Settings > StoreFront > Store.
Click on the PWA tab.
Choose the Theme color, Background color and upload the Android and IOS Logo Icon.
Go to the Other PWA settings section and click on the arrow to show other settings.
Toggle the Add to Home Screen button. In the field Prompt “Add to Home Screen”, select when you want the push notification to be triggered.
Save changes by clicking on SAVE.