Membership application widget

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 a Wild Apricot membership application form on another website. Using the form, visitors can apply for membership to your Wild Apricot site and pay the membership fee online.

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 a Wild Apricot membership application form on another website, follow these steps:

1. Click the Settings menu.
2. Within the Integration section, click Widgets code.
3. If you added more than one membership application gadget to your Wild Apricot site, click the selection button beside Membership application and select the membership application gadget you want to embed.
4. 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 modify the appearance of the corresponding gadget in your Wild Apricot site. You can control the appearance of the widget by choosing a website theme, customizing the colors and styles, and for more advanced fine-tuning, using CSS customization.

For membership application gadgets, you can modify the following elements from the Colors and styles screen:

"Select membership level"

• General formatting > Typography > Text/Normal, H3
• General formatting > Form > Form instructions (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space only)

"Mandatory fields"

• General formatting > Typography > Text/Normal
• General formatting > Form > Form instructions (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space only)

"Membership level"

• General formatting > Typography > Text/Normal
• General formatting > Form > Labels

Level name

• General formatting > Typography > Text/Normal
• General formatting > Form > Option title

Level description

• General formatting > Typography > Text/Normal
• General formatting > Form > Field explanation, Option title

Next, Cancel buttons

• Functional buttons > Normal/Hover (Clean Lines, Dark Impact, Fiesta, White Space themes)

Background color of form

• General formatting > Form > Background color (for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)

Any changes you make will be applied to other gadgets that use the same settings.