{"section":"tutorials","requestedLocale":"es","requestedSlug":"anuncios-de-vtex-sales-app","locale":"es","slug":"anuncios-de-vtex-sales-app","path":"docs/es/tutorials/vtex-sales-app/anuncios-de-vtex-sales-app.md","branch":"main","content":"La nueva funcionalidad de anuncios de VTEX Sales App tiene dos tipos principales de anuncios: productos específicos y resultados de búsqueda. Esta flexibilidad permite que los administradores de la tienda adapten las estrategias de marketing a sus necesidades y objetivos específicos y puedan promover productos individuales o grupos de productos relacionados.\n\nPara personalizar la vitrina de una tienda, los retailers pueden agregar una página de `Anuncio por tienda` especificando el ID de la tienda a la que se asociará el anuncio en [Master Data](https://developers.vtex.com/docs/guides/master-data-introduction), lo que permite crear vitrinas personalizadas para cada tienda.\n\nEn este documento, se presentan las instrucciones detalladas para instalar, configurar y utilizar la nueva funcionalidad de anuncios. Sigue los pasos a continuación para configurar esta herramienta e impulsar tus ventas online.\n\n* [Instalar las dependencias de VTEX](#instalar-las-dependencias-de-vtex)\n* [Configurar la aplicación Headless CMS](#configurar-la-aplicacion-headless-cms)\n* [Crear la página de anuncios](#crear-la-pagina-de-anuncios)\n* [Activar el menú de anuncios en VTEX Sales App](#activar-el-menu-de-anuncios-en-vtex-sales-app)\n* [Acceder a los anuncios en VTEX Sales App](#acceder-a-los-anuncios-en-vtex-sales-app)\n\n## Instalar las dependencias de VTEX\n\nAntes de instalar las dependencias, debes tener la [CLI de VTEX IO](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-install) instalada. Después de tener la CLI de VTEX IO instalada, ejecuta los siguientes comandos en el terminal para instalar las dependencias necesarias:\n\n1.\n ```\n vtex login {account} \n ```\n2.\n ```\n vtex install vtex.admin-cms@1.x vtex.admin-cms-graphql@0.x vtex.admin-cms-graphql-rc@1.x vtex.admin-releases@0.x vtex.cms-builder-sf-jamstack@1.x\n ```\n\n## Configurar la aplicación Headless CMS\n\n1. En el Admin VTEX, accede a **Apps > Mis Apps** o escribe **Mis Apps** en la barra de búsqueda en la parte superior de la página.\n2. Haz clic en `Configuración` en la tarjeta de **CMS (alpha)**.\n3. Haz clic en `Add More`.\n4. En el campo **Project ID**, ingresa `assisted-sales-app`.\n5. En el campo **Sections URL**, ingresa[ https://instore--instore.vtex.app/assisted-sales/cms/sections.json](https://instore--instore.vtex.app/assisted-sales/cms/sections.json).\n6. En el campo **Content types URL**, ingresa[ https://instore--instore.vtex.app/assisted-sales/cms/content-types.json](https://instore--instore.vtex.app/assisted-sales/cms/content-types.json).\n7. Haz clic en `Guardar`.\n\n## Crear la página de anuncios\n\nPara crear una página de anuncios para VTEX Sales App, sigue los pasos a continuación:\n\n1. Accede a la URL del Admin VTEX: `https://{account}.myvtex.com/admin//admin/new-cms/assisted-sales-app`.\n2. Haz clic en **Crear nuevo** y selecciona **Anuncios**.\n3. Haz clic en **Untitled** para editar e incluir el nombre que desees. Recomendamos el nombre **Anuncios**.\n4. En la pestaña **Secciones** haz clic en el botón `+` para agregar una nueva sección. Cada sección es una colección de productos o términos de búsqueda. Cada sección se mostrará como una vitrina en formato de carrusel. Puedes ordenar las vitrinas haciendo clic en los botones `Mover hacia abajo` o `Mover hacia arriba`.\n5. Selecciona un tipo de anuncio, productos o resultados de búsqueda.\n - **Vitrina de productos:** mostrará cada producto y SKU (opcional) que determines. Rellena la siguiente información:\n - **Título de la vitrina:** nombre de la vitrina que se mostrará en la página.\n - **ID del producto:** número identificador del producto que deseas mostrar. Campo obligatorio.\n - **ID del SKU del producto:** número identificador del SKU del producto que deseas mostrar. Campo opcional.\n\nDespués de rellenar los campos, se mostrará la imagen del producto con precio \"a partir de\". Si incluyes el SKU, se mostrará el precio y la promoción del SKU indicado. Puedes incluir más productos al hacer clic en `+ NUEVO PRODUCTO`. Puedes agregar hasta 10 productos en cada vitrina.\nEl resultado de la vitrina de productos se mostrará como en la siguiente imagen.\n\n - **Vitrina de resultados de búsqueda:** mostrará los productos de resultados de búsqueda que determines. Rellena la siguiente información:\n - **Título de la vitrina:** nombre de la vitrina que se mostrará en la página.\n - **Imagen de búsqueda:** imagen que mostrará la selección de productos en la vitrina.\n - **Nombre de la búsqueda:** nombre de la búsqueda que se mostrará en la página.\n - **Término de búsqueda:** término de búsqueda que servirá de referencia para los productos.\n\nCuando el vendedor haga clic en el término de búsqueda, se le redirigirá a los resultados de búsqueda que se hayan establecido en **Término de búsqueda**. Puedes incluir hasta 10 búsquedas en cada vitrina. El resultado del ejemplo se muestra en la siguiente imagen:\n\n\n - Después de crear las secciones, haz clic en `Guardar` y, luego, haz clic en `Publicar` y `Publicar ahora` para finalizar.
\n
\n\nLa publicación de la vitrina se añadirá a la fila de indexación y se publicará en unos segundos.\n- **Vitrina de colección:** mostrará los productos de la colección que definas. Rellena la siguiente información: \n - **Título de la vitrina:** nombre de la vitrina que se mostrará en la página. - **ID de la colección:** número del identificador de la colección que se mostrará en la página.\n\n\n\n## Activar el menú de anuncios en VTEX Sales App\n\n1. Accede a la configuración técnica de VTEX Sales App en:\n```\nhttps://{account}.myvtex.com/admin/portal/#/sites\n```\n2. Haz clic en el botón del engranaje .\n3. Selecciona la pestaña **Código**.\n4. En la pestaña lateral, selecciona `checkout-instore-custom-js`.\n\n5. En el objeto `window.INSTORE_CONFIG`, agrega la flag `enableExplore: true,`.\n\n6. Haz clic en `Guardar`. \n7. Opcionalmente, puedes determinar que la página de inicio del vendedor sea la página de anuncios. Para lograrlo, agrega la flag `initialPage : 'advertisements',` en el objeto `window.INSTORE_CONFIG`.\n\n\n## Acceder a los anuncios en VTEX Sales App\n\nEn VTEX Sales App, el vendedor podrá acceder a la página de anuncios de dos maneras:\n\n* **Página de inicio:** si el administrador de la tienda previamente registró la página de anuncios como la página de inicio del vendedor, al iniciar sesión en la plataforma, se redirigirá al vendedor directamente a la página de anuncios. Esta configuración garantiza que los vendedores siempre estén al día sobre los anuncios y promociones relevantes, de manera inmediata y en cuanto acceden al sistema.\n* **Menú Explorar:** si la página de anuncios no es la página de inicio, el vendedor puede acceder a ella fácilmente desde el menú **Explorar**. Para acceder a la página de anuncios, el vendedor debe hacer clic en el menú **Explorar**. Luego, se redirigirá al vendedor a la página de anuncios, donde podrá ver e interactuar con los productos y promociones disponibles.\n\n"}