Disponible en: 
Una publicación en línea es una herramienta publicitaria muy efectiva. Los usuarios fácilmente pasan más de un minuto navegando e interactuando con su contenido. También son una herramienta muy efectiva para el comercio electrónico. Puedes usar puntos interactivos para conectar cada producto con su página de detalles correspondiente (PDP) en tu sitio web, lo que aumenta las ventas en línea. Usando nuestra API, puedes asignar una acción personalizada a cada punto interactivo y crear una integración fluida entre la publicación en línea y tu tienda en línea.
Cómo funciona
La manera más fácil de permitir compras directamente desde publicaciones en línea es conectando los puntos interactivos a componentes que ya gestionan el recorrido de compra en tu sitio. Considera la función de añadir al carrito, la página de detalles del producto (PDP), o mejor aún, una PDP de vista rápida. Para lograr una conexión exitosa, recomendamos incrustar la publicación en tu sitio web..
Con la función de Inyección de Código, es posible personalizar y manipular el comportamiento y la apariencia estándar del visor de publicaciones, mejorando la Experiencia del Usuario según las necesidades de tu negocio. Puedes encontrar la función de Inyección de Código en la pestaña Configuración Avanzada del menú del Visor de Publicaciones en Publitas. Con la API de Javascript del Visor, puedes interceptar las interacciones de los Hotspots de enlace y asignar una acción personalizada tanto a los Hotspots de enlace como a los Hotspots de producto..
Dependiendo de la industria y los requisitos comerciales, generalmente hay tres formas de configurar una integración de compras:
- Añadir al carrito utilizando el botón de llamada a la acción
- Incrustar la PDP de tu sitio web en un iframe
- Utilizar el widget de Vista Rápida en tu sitio web
1. Añadir al carrito utilizando el botón de llamada a la acción
Por defecto, el Hotspot de producto carga los detalles del producto en una ventana emergente generada por Publitas. Utiliza un botón de llamada a la acción (CTA) que abre tu PDP en una nueva ventana. Al asignar una acción personalizada al botón CTA, puedes hacer que el producto se añada al carrito de compras de tu sitio web en su lugar. Deberás incrustar la publicación en el sitio web para lograr estos resultados. Los detalles necesarios del producto están disponibles en el hotspot, como el ID del producto obtenido del feed de productos.
Elementos necesarios
- setProductCtaAction() - Se utiliza para interceptar clics en el botón CTA en la ventana emergente de Publitas y ejecutar la lógica de añadir al carrito.
- product.webshopIdentifier - Se utiliza para obtener el ID del producto.
¿Quieres aprender más? Contacta a tu Customer Success Manager o comunícate con nuestro equipo de soporte.
2. Incrustar la PDP de tu sitio web en un iframe
Con esta opción, cargas la PDP original en un iframe, incluyendo todas las opciones de compra, como añadir al carrito, verificar el estado del stock y seleccionar tamaño, color y cantidad.
Idealmente, deseas crear y mostrar una versión simplificada de tu PDP eliminando todos los elementos que no contribuyen al resultado deseado.
Elementos necesarios
- setProductAction() - Se utiliza para interceptar clics en los Hotspots de producto y ejecutar la lógica que carga la PDP en un iframe.
- product.webshopUrl - Se utiliza para obtener el enlace a la PDP.
¿Quieres aprender más? Contacta a tu Customer Success Manager o comunícate con nuestro equipo de soporte.
3. Utilizar el widget de Vista Rápida en tu sitio web
Si tu sitio web soporta una opción de compra rápida o vista rápida, puedes usar las publicaciones incrustadas para activar esta función también cuando se hace clic en un hotspot dentro de la publicación. Una vista rápida de producto se utiliza a menudo en vistas de lista o en páginas de destino del sitio web, permitiendo al usuario ver más detalles sin abandonar la vista de lista o la página de destino. Por eso, es una opción evidente utilizar esta vista rápida en las publicaciones en línea también..
Ten en cuenta que al manipular los Hotspots de producto de esta manera, ya no podrás añadir múltiples productos al mismo Hotspot de producto.
Elementos necesarios
- setProductAction() - Se utiliza para interceptar clics en los Hotspots de producto y ejecutar la lógica que abre la vista rápida del producto.
- product.webshopUrl - Se utiliza para obtener el enlace a la PDP.
- product.webshopIdentifier - Se utiliza para obtener el ID del producto.
¿Quieres aprender más? Contacta a tu Customer Success Manager o comunícate con nuestro equipo de soporte.