🌐 Variantes del iFrame de Fourvenues
Descubre todas las versiones disponibles del iFrame de Fourvenues y aprende a usar el script adecuado según el contenido que quieras mostrar en tu web.
Los iFrames permiten cargar tu microsite o partes específicas de él directamente dentro de tu página web, sin redirigir al usuario. Solo copia, adapta y pega el script que necesites.
Antes de empezar
🔤 ¿Qué es un slug?
Un slug es la parte final de una URL que identifica de forma única a un negocio, usuario o evento dentro de Fourvenues.
Es un texto corto, sin espacios, normalmente en minúsculas y separado por guiones. Lo necesitarás para construir tus iFrames
📍 Ejemplos de slugs
Slug de negocio
URL:https://fourvenues.com/sliving-club
👉 sliving-club es el slug del negocio.
Slug de usuario
URL:https://web.fourvenues.com/es/danidiaz
👉 danidiaz es el slug del usuario.
⭐ iFrame básico
Muestra tu microsite completo (eventos, reservas, servicios disponibles).
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}"></script>
📅 Calendario de reservas
Para negocios que trabajan por días y cuyo servicio principal son las reservas (restaurantes, beach clubs, day clubs…).
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/calendar"></script>
🎟️ Eventos (listado)
Muestra un listado de los próximos eventos del negocio.
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/events"></script>
🗓️ Calendario de eventos
Muestra un calendario visual con los flyers de cada evento por día.
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/calendar@"></script>
🎫 Evento específico
Cargar directamente un evento concreto usando su ID o slug.
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/events/{slug_del_evento}"></script>
🎫 2 Eventos de un mismo día
Cargar directamente dos eventos que tienen lugar el mismo día.
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/@{aaaa-mm-dd}/"></script>
🛒 Mostrar solo ciertos tipos de venta
Puedes limitar el contenido a ciertos servicios: guest list, tickets o bookings.
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/events/{slug_del_evento}?services=guest-list,tickets,bookings"></script>
🎨 Tema (light / dark)
Puedes elegir entre tema claro u oscuro, desde la configuración del microsite en Fourvenues PRO o directamente en el iFrame:
<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}?theme=dark"></script>
👤 iFrame de usuario por negocio
Muestra el microsite filtrado por un usuario concreto de un negocio.
<script src="https://www.fourvenues.com/assets/iframe/{slug_usuario}@{slug_del_negocio}"></script>
👤🎟️ iFrame de usuario por evento
Muestra un evento concreto asociado a un usuario específico.
<script src="https://www.fourvenues.com/assets/iframe/{slug_usuario}/events/{id_evento}"></script>
¿Necesitas ayuda?
Puedes revisar el capítulo de Fourvenues Academy donde te explicamos cómo hacerlo.
👥 Si necesitas más información, no dudes en contactar con nosotros a través del chat de PRO o help@fourvenues.com, indicándonos cómo podemos ayudarte.