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 forum summary on another website. The forum summary displays a summary of activity in your Wild Apricot forums.
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 forum summary on another website, follow these steps:
- Click the Settings menu.
- Within the Integration section, click Widgets code.
- If you added more than one forum summary gadget to your Wild Apricot site, click the selection button beside Forum summary and select the forum summary gadget 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 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 forum summary gadgets, you can modify the following elements from the Colors and styles screen:
Forum category
- Forum > Forum category (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Forum name
- General formatting or Typography > H5
Column headings
- Forum > Column headings (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
- General formatting or Typography > H4
Summary text
- General formatting or Typography > Text
Summary links
- General formatting or Typography > Links
Table listing forum topics
- General formatting > Info box (for Blueprint, Business Casual, and Granite themes)
Table rows
- Forum > Table row (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Links within table
- Forum > Table links (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Topic author
- Forum > Author (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Topic date and time
- Forum > Date and time (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Icons used on mobile version
- Forum > Icons (Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, and White Space themes)
Any changes you make will be applied to other gadgets that use the same settings.
