Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Tutorials
Tutorials
Explore in-depth tutorials for operating your VTEX store.
Tutorials
Apps
Live Shopping
Live Shopping: Configuring a landing page for live shopping events
Live Shopping: Configuring a landing page for live shopping events

The Global Page feature provides a comprehensive view of past, present, and upcoming events associated with your account, enabling enhanced engagement and sales opportunities even after the events have concluded or before they occur. See the following example of a Global Page:

{"base64":"  ","img":{"width":953,"height":550,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":220062,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Apps/Live%20Shopping/live-shopping-configuring-a-landing-page-for-live-shopping-events_1.png"}}

The Global Page incorporates the following key features:

  • Live player: Dedicated player for streaming the selected live shopping event, including the list of featured products and chat.
  • Category filtering: Filters that allow visitors to efficiently browse and explore events based on their specific interests.
  • Current live events carousel: Carousel that showcases the live shopping events currently taking place.
  • Past events carousel: Carousel that displays previously held live shopping events, providing an opportunity for continued engagement and sales even after the events have ended.
  • Future events carousel: Carousel that highlights upcoming live shopping events, allowing users to generate anticipation and plan accordingly.
  • Event sharing: Sharing options for each event to promote and invite participants.

Follow the steps below to configure the landing page for live shopping events:

  1. In the Admin VTEX, go to Apps > Live Shopping > Global Page.
  2. In the Settings section, enable the checkboxes corresponding to the type of events (Live Events, Past Events, Future Events) you want to display on your events landing page. You will also find the landing page code in the Settings section. This code can be embedded in your storefront wherever you prefer.
  3. In the Lives section, use filters to refine the event selection based on category or status (Active and Inactive). This will help you locate the specific events you wish to showcase on your landing page.
  4. For each tab (Past, Lives, Future), enable the checkboxes for the events you want to display in the Past Events, Current Live Event, and Future Events carousels on the landing page, respectively.
  5. Once you have selected the events, click Edit for each selected event. This will allow you to define the desired start and end points of the recording or update its category.
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback