Overview of the event register module

The Event Register module shows the event’s registration or ticket link as a button. It can also show the price and the event capacity, and switches to “Join the waitlist” when the event uses a waitlist.

How to add the event register module to your page

1. Open your page in the Divi Visual Builder.
2. Click the gray (+) icon inside a row to add a new module.
3. Search for Event Register in the module search box.
4. Click the module to insert it. Its settings open on the right.

Content tab settings

The Content tab controls which events the module shows and how they are displayed. The module-specific settings are grouped into the toggles below; Link, Background and Element Label are the standard Divi options.

Event

• Event Source: Which event source this module reads from. Site default follows the setting under Divi Extended → Events.
• Event: Which event this registers for. “This event” follows the event the page is about, so one layout serves every event. Options: This event, Next upcoming event, A specific event.
• Choose Event: The event this shows. If it is later deleted or unpublished the module renders nothing rather than switching to another event.

Display

• Button Text: Your own wording for the button. Left empty it writes itself from the event — “Register”, or “Register on eventbrite.co.uk” where registration is handled elsewhere.
• Show Price: State what the event costs. An explicitly free event says “Free”; a range says “from” its lowest; and a source’s own wording — “Donation”, “See website” — is used as written.
• Price Position: On the button reads as one offer — “Register — ₹2,500”. Beside it keeps the button to one word, which suits a narrow column. Options: On the button, Beside the button, Below the button.
• Show Capacity: Say how big the event is — “Limited to 20 places”. On a source that counts registrations this reads “12 of 20 places left” instead.
• Capacity Position: Beside the button keeps it on one line, which suits a short label. Below the button gives it its own line, which a longer capacity reads better on. Options: Beside the button, Below the button.

Tip: Leave Button Text empty and it writes itself, for example “Register on eventbrite.com” when registration happens on another site.

Design tab settings

The Design tab lets you style every part of the module. Each toggle below controls one element:

• Button: colors, border, font and spacing of the button.
• Capacity: style of the capacity text.
• Sizing, Spacing, Border, Box Shadow, Filters, Transform, Animation: the standard Divi design options for the whole module.

Advanced tab settings

The Advanced tab has the standard Divi options: Attributes (add a CSS class or ID), CSS, HTML, Conditions, Interactions, Visibility, Transitions, Position and Scroll Effects.