Siguiendo el mismo concepto de Inserte nuestro Newsletter Widget en cualquier página web, el Product Widget no es más que un simple fragmento de código que puede insertar fácilmente en cualquier página web. Con nuestro Product Widget flexible y reactivo podrá crear fácilmente una página de catálogo de productos con su propio estilo y en su propia página web. La información de producto más reciente presentada en el widget se recuperará automáticamente del catálogo de la plataforma de venta en línea SecuTix correspondiente. ¡Ya no tendrá que copiar y pegar manualmente ni realizar más labores de actualización de la información del producto!
Es importante que tenga en cuenta que este artículo solo se refiere al SecuTix Gravity Product Widget V1 que se publica dentro de PizBernina V2. |
Para usar un Product Widget, lo primero que debe hacer es insertar un fragmento de código en la página web de destino. Para ello, debe ponerse en contacto con su agencia web para que incruste el fragmento en el código HTML de su página web o insertarlo a través de Google Tag Manager. El fragmento de código primero llama al servicio back-end de SecuTix para recuperar las configuraciones necesarias (por ejemplo, el tema y las etiquetas) y la información del producto (por ejemplo, el nombre, la imagen, la fecha, los botones de acción admitidos, etc.) del catálogo de la plataforma de venta en línea correspondiente. Después genera la interfaz de usuario del widget y presenta la información del producto basándose en la configuración. Al igual que el Newsletter Widget, el estilo y el tema del Product Widget son por defecto los mismos que los de la plataforma de venta en línea correspondiente. También puede anular los estilos a través del CSS personalizado.
A continuación, verá un ejemplo de una página personalizada de un catálogo de productos que se ha creado usando varios Product Widgets con varios parámetros de inicialización.
<div id="stx-product" class="product"></div> <script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/pub.tnwi.p16-s3.secutix.com/stx-widgets/Product/v1/Product.js"></script> <script type="text/javascript"> STX.config({apiKey:"8bafa660-8bc1-4982-83da-f15fce01f4ec", hostname:"hostname of your online sales platform"}); STX.widgets.Product.render({ props: { productId:'your product ID', occurrenceId: 'your performance or timeslot ID', aspectRatio:'VERTICAL', showActions: false, showText: true, showImage: true }, }, locale:"en", root:"#stx-product"}); </script> |
Clave API - el testigo (o token) secreto generado en la pantalla de configuración de su punto de venta. Puede encontrar este parámetro en Canales de venta > Punto de venta > Características > pestaña Parámetros de Internet.
Nombre de equipo - el nombre de equipo de la URL del punto de venta para su plataforma de venta en línea.
Tenga en cuenta que el Product Widget recuperará las configuraciones (por ejemplo, la anulación de etiquetas y el tema) del punto de venta correspondiente. |
Identificador de producto - el identificador del producto que quiere mostrar en el widget.
Tenga en cuenta que el Product Widget recuperará la información del producto (por ejemplo, el nombre, la imagen, la fecha, los botones de acción admitidos, etc.) del punto de venta correspondiente. |