A widget – aka plugin – is a chunk of Wild Apricot functionality that you can embed – or integrate – into another website. Using a widget, you can embed the details for an event from your Wild Apricot database on another website. Visitors can register for the event and pay the registration fee online.
The event must take place in the future, and its access must be set to public.
To embed a widget into another website, you copy the embed code then paste it into the other site's HTML code.
Getting the widget code
To obtain the code you need to embed the details for a specific Wild Apricot event on another website, follow these steps:
- Click the Settings menu.
- Within the Integration section, click Widgets code.
- Click the selection button beside Event details and select the event you want to embed.
- Right click over the code that appears beside the selection button and copy the code to the clipboard.
You can now paste the copied embed code into the HTML code for the page on your other website.
Changing colors and fonts
To customize your embedded Wild Apricot widget so that it appears like a seamless part of your other website, you change the following settings on the Colors and Styles screen...
Event name
- General formatting or Typography > H1
"Back", "Add to my calendar", "Already registered" links
- General formatting or Typography > Text, Link
Date and location
- General formatting or Typography > Text
- General formatting > Info box
(for Blueprint, Fiesta, Treehouse, Simple, Business Casual, and Granite themes)
Registration heading
- General formatting or Typography > Text, H4
- General formatting > Info box
(for Blueprint, Fiesta, Treehouse, Simple, Business Casual, and Granite themes)
Event details
- General formatting or Typography > Text
Background color of event detail area
- General formatting > Colored box > Info box
(for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)
Background color of event registration form
- General formatting > Form > Background color (for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)
Any changes you make will apply to your Wild Apricot site pages as well as your embedded Wild Apricot widgets.
