Setting Up Embeddable Widgets for Partner Websites

This article explains how Eventzilla's embed options allow you to seamlessly integrate event registration and information directly into your website or blog. By embedding Eventzilla features, you can keep your visitors engaged on your own site while they register for events, explore sessions, learn about speakers, and view event schedules.

What is embedding and how does it work?

Embedding refers to the process of incorporating content or functionality from one website into another. We provide various embed options that generate code snippets. When you paste this code into your website's HTML, it displays specific Eventzilla features as if they were a native part of your site.

We Utilize an inline iframe pop-up modal for registration. This means that when a user clicks to register through an embedded widget, a pop-up window appears within your webpage, allowing them to complete the registration process without being redirected to the Eventzilla website. This provides a smoother and more integrated user experience.

Benefits of using embed options:

Enhanced user experience: Keep your website visitors on your site throughout the registration process, reducing potential drop-offs.

Seamless integration: Create a cohesive look and feel by incorporating features directly into your website's design.

Increased engagement: Make it easier for visitors to discover and interact with your events without navigating away.

Improved conversion rates: Streamline the registration process and encourage more sign-ups.

We offer a range of embed options to suit your specific needs. Each option can be customized to match your website's branding. Here's a breakdown of the available widgets:

Button Widgets

The Button widget allows you to place a prominent call-to-action button on your website or blog, enabling visitors to register for your event with a single click.

Key features:

• Customizable button text: Define the text that appears on the button (e.g., "Register Now," "Book Your Spot").
• Adjustable button size: Choose from different size options to ensure the button stands out appropriately.
• Flexible color options: Select a button color that aligns with your website's branding.

• Real-time preview: See how your button looks as you customize it.

  
  

How to embed:

1. Configure: Customize the button text, size, and color according to your preferences
2. Copy code: Once you're satisfied with the customization, copy the provided HTML code snippet.
3. Paste code: Paste the copied code into the desired location within your website's HTML where you want the button to appear.

Ticket Widget

Ticket widgets allow users to directly register and book tickets for your event from your website or blog. This option provides a more integrated registration experience, displaying ticket options and allowing users to select and purchase tickets without leaving your page.

Key Features:

• Customizable display heading: Specify the title that appears above the ticket options (e.g., "Get Your Tickets," "Register Now").
• Adjustable button text: Define the text for the registration button within the widget.
• Accent color customization: Select an accent color that will be applied to key elements of the widget, such as buttons and highlights, ensuring visual consistency with your brand.

How to Embed:

1. Customize: Set the display heading, button text, and accent color
2. Copy Code: Copy the generated HTML code snippet.
3. Paste Code: Insert the copied code into your website's HTML where you want the ticket widget to be displayed.

   • 

Sessions Embed

The Sessions Embed widget allows you to showcase the detailed schedule and information about the sessions of your upcoming event directly on your website. This is a great way to provide potential attendees with a comprehensive overview of the event's agenda.

Important Note: While this widget displays session information, it does not currently support direct registration for individual sessions through the widget. Attendees will typically register for the overall event and then may select sessions within the event platform.

Key features:

• Customizable display heading: Specify the title for the sessions section (e.g., "Event Sessions," "Our Agenda").
• Accent color customization: Choose an accent color to maintain visual consistency.
• Style options: Customize the visual style of the session display.
• Reset settings: Easily revert to the default settings if needed.

How to embed:

1. Customize: Configure the display heading, accent color, and choose the required layout style
2. Copy Code: Copy the generated HTML code.
3. Paste Code: Embed the copied code into your website's HTML where you want the session information to appear.

Speaker Widget

The Speaker Widget enables you to showcase the profiles of your event speakers on your website or blog. This is an excellent way to build anticipation and highlight the expertise of your presenters.

Key Features:

• Customizable display heading: Set the title for the speaker section (e.g., "Meet Our Speakers," "Featured Presenters").
• Accent color customization: Select an accent color to align with your branding.

How to embed:

1. Customize: Configure the display heading and accent color.
2. Copy code: Copy the provided HTML code.
3. Paste code: Insert the code into your website's HTML where you want the speaker profiles to be displayed.

All Events Widget

The All Event Widget allows you to display a list of all the events created within your Eventzilla account on your website or blog. This includes both upcoming and past events, providing a comprehensive overview of your event history.

Key features:

• Customizable display heading: Specify the title for the events list (e.g., "Upcoming Events," "Our Events").
• Accent color customization: Choose an accent color for visual consistency.

How to embed:

1. Customize: Configure the display heading, Button text and accent color.
2. Copy Code: Copy the generated HTML code.
3. Paste Code: Embed the code into your website's HTML where you want the list of all events to appear.

   • 

Calendar Widget

The Calendar Widget provides a visual calendar view of your upcoming events on your website or blog. This allows visitors to easily see the dates of your scheduled events at a glance.

Key features:

• Customizable Display Heading: Specify the title for the calendar (e.g., "Event Calendar," "Upcoming Dates").

How to Embed:

1. Customize: Configure the display heading.
2. Copy Code: Copy the provided HTML code.
3. Paste Code: Insert the code into your website's HTML where you want the event calendar to be displayed.

Attendee Login Widget

The Attendee Login Widget allows attendees who have already registered for your events to log in directly from your website. This is useful for providing easy access to event-related information or resources for registered participants.

Key features:

• Customizable display heading: Specify the title for the login section (e.g., "Attendee Login," "Access Your Account").

How to Embed:

1. Customize: Configure the display heading.
2. Copy Code: Copy the generated HTML code.
3. Paste Code: Embed the code into your website's HTML where you want the attendee login form to appear.

By utilizing Eventzilla's embed options, you can significantly enhance the functionality and interactivity of your event website. These widgets provide a seamless and user-friendly experience for your visitors, making it easier for them to register, learn about your events, and engage with your content – all without leaving your website.