Live Shopping by vtexventures

The Live Shopping app allows businesses to engage with their customers in real time by live streaming on their store websites. The app is compatible with both desktop and mobile devices.

{"base64":" ","img":{"width":1804,"height":1024,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":604402,"url":"https://user-images.githubusercontent.com/52087100/118993914-49ba2d80-b95c-11eb-9720-dc3b35de3a59.png"}}

{"base64":" ","img":{"width":1864,"height":1096,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":764585,"url":"https://user-images.githubusercontent.com/52087100/118993920-4aeb5a80-b95c-11eb-96c1-4e292f3c8133.png"}}

Before you start

Live Shopping is a paid app with different subscription plans: Lite, Standard, and Pro. The subscription cost depends on your chosen plan, each providing a specific number of monthly live stream minutes.

For more information about the plans and pricing, refer to the Live Shopping App Store page.

Installation

Access the Live Shopping app page on the VTEX App Store.
Click the Get app button to install the app in your VTEX account.
Once the app is successfully installed, open your account's Store Theme app using the code editor of your preference.
In the manifest.json file, add the app to the theme's peer dependencies list:


_10 "peerDependencies": {
_10+   "vtexventures.livestreaming": "0.x"
_10 }

Declare the Live Shopping app in the desired template. For example:


_10 "store.home": {
_10    "blocks": [
_10+     "livestreaming",
_10      "rich-text#shelf-title",
_10      "flex-layout.row#shelf",
_10      "rich-text#question",
_10      "rich-text#link",
_10      "newsletter"
_10    ]
_10  },

Deploy the changes made to the Store Theme app. For more information, please refer to Making your new app version publicly available.

Note: Adding a new peer dependency to the Store Theme app requires deploying a new major version of the app. To ensure a smooth deploy, please refer to the Migrating CMS settings after a theme major version update guide.

Once you have deployed your changes, check out the app behavior on VTEX Admin and set up the app by following the instructions in the Creating and managing events section.

Learn about the Live Shopping configuration of events and (configuring a landing page)[https://help.vtex.com/tutorial/live-shopping-configuring-a-landing-page-for-live-shopping-events--4iBDPEpXyKSfoIqUdwHGFE#].