🌐 Fourvenues iFrame Variants

iFrames allow you to load your microsite or specific parts of it directly within your web page, without redirecting the user. Just copy, adapt, and paste the script you need.

Before you begin

⭐ Basic iFrame

Displays your full microsite (events, bookings, available services).

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}"></script>

📅 Booking calendar

For businesses that operate by day and whose main service is bookings (restaurants, beach clubs, day clubs…).

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}/calendar"></script>

🎟️ Events (list)

Displays a list of upcoming events for the business.

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}/events"></script>

🗓️ Events calendar

Displays a visual calendar with flyers for each event by day.

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}/calendar@"></script>

🎫 Specific event

Load a specific event directly using its ID or slug.

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}/events/{event_slug}"></script>

🎫 2 Events on the Same Day

Load two events that take place on the same day directly.

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}/@{yyyy-mm-dd}/"></script>

🛒 Show only certain service types

You can limit the content to specific services: guest list, tickets, or bookings.

<script src="https://www.fourvenues.com/assets/iframe/{slug_del_negocio}/events/{slug_del_evento}?services=guest-list,tickets,bookings"></script>

🎨 Theme (light / dark)

You can choose between a light or dark theme, from the microsite settings in Fourvenues PRO or directly in the iFrame:

<script src="https://www.fourvenues.com/assets/iframe/{business_slug}?theme=dark"></script>

👤 User iFrame by business

Displays the microsite filtered for a specific user of a business.

<script src="https://www.fourvenues.com/assets/iframe/{user_slug}@{business_slug}"></script>

👤🎟️ User iFrame by event

Displays a specific event associated with a specific user.

<script src="https://www.fourvenues.com/assets/iframe/{user_slug}/events/{event_id}"></script>

Need help?