{"section":"tracks","requestedLocale":"es","requestedSlug":"ocultar-o-eliminar-componente-de-live-shopping","locale":"es","slug":"ocultar-o-eliminar-componente-de-live-shopping","path":"docs/es/tracks/omnichannel/vtex-live-shopping-primeros-pasos/ocultar-o-eliminar-componente-de-live-shopping.md","branch":"main","content":"Después de [terminar la transmisión](/es/tracks/vtex-live-shopping-primeros-pasos--3eCHNCIx8XhZOSmX0sQT3U/69PX90vv4oDWQ34nnBkiQt#finalizar-la-transmision) en Bundle o en un estudio externo y cuando el [status del evento](/es/tracks/vtex-live-shopping-primeros-pasos--3eCHNCIx8XhZOSmX0sQT3U/5WLXGbOSFmxN7QlzOnfGrv#status-del-evento) sea `Completado`, debes ocultar el componente de **Live Shopping** o remover el código, dependiendo de tu solución de frontend. Hasta que realices esta acción, la audiencia seguirá viendo una pantalla negra en tu sitio web o landing page.\n\nConsulta las instrucciones que corresponden a tu solución de frontend:\n\n* [Store Framework (VTEX IO)](#store-framework-vtex-io)\n* [CMS - Portal Legado](#cms-portal-legado)\n* [Headless CMS](#headless-cms)\n* [FastStore](#faststore)\n\n> ❗ Para evitar que tu audiencia vea una pantalla negra al finalizar la transmisión, puedes mostrar una imagen de cierre, como se indica a continuación:<ol><li>Antes de finalizar la transmisión, muestra la imagen final en Bundle o en un estudio externo.</li><li>Oculta el componente **Live Shopping** o remueve el código de la tienda (como se muestra en las siguientes secciones).</li><li>Espera aproximadamente 10 minutos después de mostrar la imagen de cierre para permitir que la caché se actualice.</li><li>Termina el evento.\n\n## Store Framework (VTEX IO)\n\nPara tiendas que usan [Store Framework](/es/tracks/serie-de-la-tienda-vtex--eSDNk26pdvemF3XKM0nK9/67SCtUreXxKYWhZh8n0zvZ#store-framework), puedes ocultar el componente de **Live Shopping** en [Site Editor](/es/docs/tutorials/gestionar-contenido-de-paginas-y-templates) siguiendo los pasos a continuación: \n\n1. En el Admin VTEX, accede a **Storefront > Site Editor**, o ingresa **Site Editor** en la barra de búsqueda en la parte superior de la página.\n2. En la **lista de Bloques** en el lado derecho de la página, selecciona **Live Shopping**.\n3. Desactiva la <i class=\"fas fa-toggle-off\" aria-hidden=\"true\"></i> opción `Mostrar componente`.\n4. Haz clic en `Guardar`.\n\n> ℹ️ Después de guardar la configuración del componente de **Live Shopping** en **Site Editor**, los cambios pueden tardar entre cinco y diez minutos en reflejarse en el storefront. Mientras la página se actualiza, es recomendable mostrar una imagen de cierre al final del evento.\n\n## CMS - Portal Legado\n\nPara tiendas que usan [CMS - Portal Legado](/es/docs/tracks/cms-portal-legado), debes remover el script de **Live Shopping** siguiendo los pasos a continuación:\n\n1. En el Admin VTEX, accede a **Storefront > Layout**, o ingresa **Layout** en la barra de búsqueda de la parte superior de la página.\n2. Haz clic en **CMS > HTML Templates**.\n3. Haz clic en delete para eliminar el script de **Live Shopping** del archivo HTML donde [lo hayas agregado](/es/tracks/vtex-live-shopping-primeros-pasos--3eCHNCIx8XhZOSmX0sQT3U/4r5uk6XHxdYlOGMr11GFWR#cms-portal-legado).\n4. Haz clic en `Save Template` en la parte superior derecha de la plantilla.\n\n## Headless CMS\n\nPara tiendas que utilizan [Headless CMS](/es/docs/tutorials/headless-cms-vision-general) debes remover el script de **Live Shopping** del archivo HTML donde [lo hayas agregado](/es/tracks/vtex-live-shopping-primeros-pasos--3eCHNCIx8XhZOSmX0sQT3U/4r5uk6XHxdYlOGMr11GFWR#headless-cms).\n\n## FastStore\n\nPara eliminar el componente de Live Shopping de un proyecto [FastStore](https://developers.vtex.com/docs/guides/faststore), sigue los pasos a continuación:\n\n1. En el Admin VTEX, accede a **Storefront > Headless CMS**, o ingresa **Headless CMS** en la barra de búsqueda en la parte superior de la página.\n2. Selecciona la página en que agregaste el componente **Live Shopping Player**.\n3. En la pestaña `Secciones`, navega a la sección del reproductor de **Live Shopping** y haz clic en <i class=\"fas fa-ellipsis-v\" aria-hidden=\"true\"></i> **Más > Eliminar**.\n4. Haz clic en `Guardar`.\n5. Haz clic en **Publicar > Publicar ahora**.\n6. En la ventana **Sustituir versión publicada**, haz clic en `Sustituir`."}