Once your event is configured on Bundle or another studio of your choice, before transmitting it, you have to place the Live Shopping component on your place of choice, which can be the store home page or a landing page. The configuration steps will vary according to your store frontend solution:

• Store Framework (VTEX IO)
• Legacy CMS Portal
• Headless CMS

After configuring the Live Shopping component, it may take from five to ten minutes for the changes to reflect on the storefront, due to cache.

For stores using Store Framework, to place the Live Shopping component from the Site Editor, follow the steps below:

1. In the VTEX Admin, go to Storefront > Site Editor, or type Site Editor in the search bar at the top of the page.
2. On the list Blocks on the right corner of the page, select the Live Shopping block.
3. Activate the Show component option.

4. Click the Events (Live) dropdown and select the desired event. The options presented are only events with Live status.
5. Click Save.

For stores using Legacy CMS Portal, to place the Live Shopping component, follow the steps below:

1. In the Event Information page of the created event, click the arrow icon.
2. After turning on the event, go to the CMS Configuration section.
3. In Script for template, select CMS template.
4. Copy the code in Script for template.

5. Go to Storefront > Layout, or type Layout in the search bar at the top of the page.
6. Click CMS > HTML Templates.
7. On the desired HTML file, paste the code.

For stores using Headless CMS, to place the Live Shopping component follow the steps below:

1. In the Event Information page of the created event, click the arrow icon.
2. Go to the CMS Configuration section.
3. In Script for template, select External template.
4. Copy the code in Script for template.

5. Paste the code on the desired HTML file.

After configuring the event, you can have a preview by clicking the Preview button. However, since this preview displays only certain Live Shopping components, we highly recommend you to perform additional checks on the entire website to ensure everything is working properly.