Embed Choir Events on Your Own Website

Your Choir Events on Any Website

Many choirs already have their own website - whether it's a WordPress site, a club homepage, or a simple HTML page. The problem: Events often need to be maintained in two places - once in Chorilo for internal organization and once on the website for the public.

With the new Chorilo Embed Widget, this problem is a thing of the past. Simply copy a short code snippet to your website, and your events will be displayed automatically - always up to date, without duplicate data maintenance.

How It Works

Integration is incredibly simple. You only need two lines of HTML code:

<!-- Chorilo Events Widget -->
<div data-chorilo-events="your-url-slug"></div>
<script src="https://backend.chorilo.com/embed/chorilo-events.js" async></script>

Replace your-url-slug with the URL slug of your public Chorilo website. You can find this in the website settings under "URL Address".

Finding the Embed Code

You can find the ready-to-copy code directly in Chorilo:

1. Navigate to your ensemble
2. Open the Public Website settings
3. Under "Events", activate at least one event type (rehearsals, concerts, or events)
4. The Embed Code appears automatically
5. Click "Copy" and paste the code on your website

Especially practical: You can see a preview of the widget directly in Chorilo before embedding it on your website.

What Is Displayed?

The widget shows all upcoming events that you have enabled in the event settings:

• Title of the event
• Date and time in local format
• Location of the event
• Event type as colored badge (Rehearsal, Concert, Event)
• Description (optional, if enabled in settings)

Important: Only the public description is displayed, not the internal description. This way, you can add internal notes like "Please bring sheet music" while only publicly intended information appears on the website.

Independent of the Public Website

A special advantage: The embed widget works even when your public Chorilo website is deactivated. So you can keep your existing website and still benefit from automatic event synchronization.

Many choirs have built their own website over the years that perfectly matches their identity. Perhaps it was lovingly designed by a member, or a local web designer created it. Giving up this website just to use Chorilo features would be a shame. With the embed widget, you don't have to. You keep your familiar website with all its individual content and simply add an automatically updated event calendar.

This not only saves time on maintenance but also prevents errors. How often has it happened that an event was changed in internal planning, but the update on the website was forgotten? With the embed widget, that's a thing of the past. Every change in Chorilo is immediately visible on your website - without you having to lift a finger.

Clean, Modern Design

The widget is deliberately kept simple to seamlessly integrate into any website:

• Clear typography with system fonts
• Subtle coloring with your theme color as accent
• Responsive layout for all screen sizes
• No distracting borders or cluttered elements

Technical Details

For the technically interested: The widget is implemented as standalone JavaScript that requires no dependencies. It:

• Loads asynchronously, so it doesn't block your page loading
• Injects its own CSS styles that don't affect your existing styles
• Retrieves events via a public API
• Supports multiple widgets on one page
• Is GDPR-compliant without tracking cookies

Usage Examples

WordPress Integration

Simply add the code to an HTML block or text widget. The widget will then appear at the desired location on your WordPress page.

Club Homepage

On your club's homepage, you can prominently place the widget so visitors immediately see the upcoming events.

Events Page

Create a dedicated "Events" subpage and embed the widget there for a clear event list.

Frequently Asked Questions

How often does the widget update?

Current events are loaded with each page view. Change an event in Chorilo, and it's immediately visible on your website.

Can I customize the design?

The main color is controlled via your theme color in the website settings. Further customizations are possible via your own CSS.

Does it work on mobile devices?

Yes, the widget is fully responsive and automatically adapts to all screen sizes.

Do I need to install anything?

No, you just add the HTML code. The JavaScript is automatically loaded from our servers.

What happens when there are no events?

The widget then displays a friendly message "No upcoming events".

For Concert Visitors and New Members

An up-to-date event overview on your website is not only practical for internal organization but also an important tool for your choir's public image. Concert visitors want to see at a glance when and where the next performance takes place. Potential new members are looking for trial rehearsals to get to know your choir.

With the embed widget, you present this information professionally and invitingly. The clear display with date, time, and location makes it easy for interested parties to find the right event. And because the widget is always current, you don't have to worry about outdated information deterring potential visitors or members.

Particularly valuable is the ability to selectively release different event types. Want to show only concerts publicly? No problem. Should rehearsals also be visible so interested parties can drop by? That's also set up with just a few clicks. You retain full control over which events appear on your website.

Conclusion: Less Work, More Accuracy

The Chorilo Embed Widget is the perfect solution for all choirs that already have their own website and want to display their events there. Instead of maintaining events twice, simply use the data from Chorilo - automatically updated, beautifully designed, and adapted to your design.

Setup takes only a few minutes: Activate the event display in your website settings, choose which event types should be visible, copy the provided code, and paste it at the desired location on your website. From that moment on, all your choir events are automatically synchronized. Changes you make in Chorilo appear immediately on your website - without any further action.

Try it out and experience how much easier maintaining your website becomes when you no longer have to worry about manually updating events.