Embedding

Looking to showcase your PartyLabz events on your website? We've developed two efficient methods to help you integrate your events seamlessly. Whether you're featuring a single event or displaying your complete calendar, our embedding solutions are designed to enhance your website's functionality while maintaining its professional appearance.

Single Event Embedding

Standard Event Display

This straightforward solution allows you to showcase individual events with minimal setup time (perfect for those last-minute marketing pushes we all know too well).

Implementation Steps

1. Navigate to your "Event Settings" page
2. Locate your event ID in the "Your Website URL Path" field
3. Implement the following code (replace {eventId} with your website URL path):

<iframe 
  src="https://www.partylabz.com/Widgets/EventTile/{eventId}?template=event-tile-560x430"
  title="some event description"
  frameborder="0"
  style="width: 560px;max-width:100%;height: 430px;"
>
</iframe>
       

Available Display Templates

Choose from the following templates to match your layout requirements:

• event-tile-560x430: Standard Display, 560x430px (Our most popular option)
• event-tile-200x425: Vertical Format, 200x425px (Perfect for sidebars)
• event-tile-560x430: Compact View, 320x300px (Ideal for space-conscious layouts)
• event-tile-row-200: Full Width Row (width: 100%, height: 200px)

Example

Upcoming Event Display

Perfect for highlighting your next events in sequence:

Implementation Steps:

<iframe 
  src="https://www.partylabz.com/Widgets/UpcomingEventTile/{organizerId}?nth=1&template=event-tile-row-200"
  title="some event description"
  frameborder="0"
  style="width: 100%;max-width:100%;height: 200px;"
>
</iframe>
       

Simply replace {organizerId} with your unique organizer identifier. Configuration options:

• nth - specify which upcoming event to display (1 for next event, 2 for second upcoming, etc.)
• template - Layout template (default: event-tile-row-200)
• button_name - RSVP button text customization

Example

Multiple Events Display

For organizations looking to showcase their full event portfolio, we offer two robust solutions. Note: This feature is available exclusively for BUSINESS+ subscribers, custom plan holders and non-profit organizations. Think of it as your VIP pass to enhanced event marketing capabilities.

Option 1: IFRAME Implementation

The plug-and-play solution that gets you up and running faster than your morning coffee run:

 <iframe 
   src="https://www.partylabz.com/Widgets/Events/{organizerId}?Columns=3&PageSize=6&BtnName=RSVP&HideLoadMoreBtn=true&AutoRSVP=true"
   style="width: 100%; border: 0; height: 600px"
 >
 </iframe>
        

Simply replace {organizerId} with your unique organizer identifier. This solution offers several customization parameters:

• Column count configuration
• Events per page display
• RSVP button text customization
• Direct RSVP routing options

Example

Option 2: HTML with JavaScript Integration

For organizations requiring precise design control and seamless website integration (because sometimes, one size doesn't fit all):

Place this code where you want your events to appear:

 <div
  data-organizer="{organizerId}"
  data-columns="2"
  data-pagesize="12"
  data-full-height="false"
  data-load-more="Load More"
  data-auto-rsvp="true"
  data-loading="Loading"
  data-upcoming-events="true"
  data-no-events="There is no published events yet"
 >
   <span>Loading</span>
 </div>
        

Add this script reference to your page header or footer:

 <script src="https://www.partylabz.com/Scripts/widgets/events.js" async defer></script>
        

This advanced implementation offers complete styling flexibility, allowing your events to integrate naturally with your brand's aesthetic. Consider it your event display's bespoke solution – tailored perfectly to your specifications.

Implementation Support

Every successful implementation starts with good documentation, but we understand you might have questions along the way. While this guide covers the essentials, remember that even tech giants started with their first line of code.

Now you're ready to showcase your events with the professionalism they deserve. Here's to your successful implementation – may your event displays be as engaging as your events themselves!

Need additional assistance? Our support team is here to help ensure your implementation goes smoothly.