Integrar la venta de entradas en tu web

Introducción

Puedes integrar el proceso de compra en tu propia web para que se abra sobre el contenido de la página:

Configuración básica

1. En tu sitio web, añade un enlace normal a la página de tu evento en Fienta, por ejemplo:

   <a href="https://fienta.com/event-name">Comprar entradas</a>

2. Añade la siguiente línea de código a tu sitio web. Así, los enlaces a eventos de Fienta se abrirán directamente en tu web:

   <script src="https://fienta.com/embed.js"></script>

Puedes tener varios enlaces en tu sitio web que apunten al mismo evento o a distintos eventos de Fienta.
Incluye embed.js solo una vez por página.

Consentimiento y seguimiento en el modo integrado

Fienta Embed respeta las decisiones de consentimiento de la persona visitante en tu sitio web. Cuando está disponible, el embed utiliza la señal de consentimiento IAB TCF. Si TCF no está presente, también puede leer el consentimiento de CMP habituales como Cookiebot, CookieYes y OneTrust.

Si no hay disponible ninguna señal de consentimiento compatible, el seguimiento permanece en modo denegado de forma predeterminada, por lo que los eventos de marketing y analítica no se activan hasta que se conceda el consentimiento.

En la mayoría de configuraciones no hace falta código adicional de integración personalizada. Solo asegúrate de que tu CMP esté correctamente configurado y cargado en la página antes de embed.js.

Personalización

Para cambiar el color de fondo del embed, el radio del borde y otros parámetros, define un objeto JavaScript como en el ejemplo siguiente. Los valores que se muestran aquí son los predeterminados.

<script>
window.fientaSettings = {
    // color de fondo del lightbox
    background: 'rgba(0,0,0,0.5)',
    // radio del borde del contenido modal
    border_radius: '5px',
    // selector de los enlaces que apuntan a páginas de eventos en Fienta
    link_selector: 'a[href*="fienta.com"]',
    // nombre de referencia
    utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Al implementarlo, deja solo los parámetros que quieras modificar.

Mostrar la descripción y la imagen del evento

Por defecto, el embed no incluye la descripción del evento. Puedes activarla definiendo la siguiente línea en window.fientaSettings:

descriptionEnabled: true,

Para mostrar la descripción como vista inicial, añade:

step: 'description',

Para mostrar la imagen del evento:

imageEnabled: true,

Para pasar la dirección de correo electrónico del comprador:

email: '[email protected]',

Preseleccionar una entrada concreta

Si tienes varios tipos de entrada, la selección se abre sin ninguna opción preseleccionada. Puedes hacer que Fienta preseleccione un tipo de entrada concreto añadiendo el parámetro ticket a la URL. Por ejemplo:

<a href="https://fienta.com/event-name?ticket=1234">Comprar entradas</a>

Puedes encontrar el ID del tipo de entrada en la barra de direcciones del navegador al editarlo, por ejemplo, https://fienta.com/my/ticket_types/1234/edit

Mostrar "Agotado" y el número de entradas disponibles

En cada carga de página y después de cada compra de entradas, se activa un evento onTicketsAvailableReady. Úsalo para mostrar cuántas entradas quedan o para modificar tu HTML, por ejemplo desactivando el enlace cuando las ventas hayan terminado.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
 // elem - etiqueta HTML a que apunta al evento en fienta.com
 // count - número de entradas disponibles, valores posibles:
 // true - cuando hay más de 50 entradas disponibles
 // 1 .. 50 - número de entradas disponibles
 // 0 - el evento está agotado
 // false - la venta ha terminado

// escribe aquí tu código
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Ejemplo de código completo

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
 // hay más de 50 entradas disponibles
 }
 else if (count > 0) {
 elem.text('Solo quedan ' + count + ' entradas');
 }
 else if (count === 0) {
 elem.addClass('disabled').removeAttr('href').text('Agotado');
 }
 else if (count === false) {
 elem.addClass('disabled').removeAttr('href').text('La venta ha terminado');
 }
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Abrir el embed desde una URL

Puedes compartir un enlace a tu sitio web que abra el embed automáticamente:

https://your-website.com/page?openEmbed=https://fienta.com/event-name

Añadirlo a sistemas de gestión de contenido específicos

• Wix

• Squarespace