Home

Download this help site
(PDF 80MB)

Download

Adding a member directory to another website

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 member directory on another website. Using the directory, visitors can view a list of your members, subject to any restrictions you have set in Wild Apricot.

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 member directory on another website, follow these steps:

  1. Click the Settings menu.
  2. Within the Widgets section, click Widgets code.
  3. If you added more than one member directory gadget to your Wild Apricot site, click the selection button beside Member directory and select the member directory 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 member directory widgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Filter field nameText/NormalGeneral formatting or Typography
Filter field valuesText/Normal
Link
General formatting or Typography
"Advanced search/Simple search"Text/Normal
Link
General formatting or Typography
Search boxText/NormalGeneral formatting or Typography
Directory headings

Text/Normal (Blueprint, Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Header (Business Casual, Fiesta, and Granite themes)
Column headings (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, White Space themes)

General formatting or Typography
Table 
Directory entriesText/Normal
Table row (Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Table
Public profile linksLink (General formatting or Typography)
Table row, Table links (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Table
Advanced search labelsText (General formatting or Typography)
Label(s) (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Text (for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Form
Form
Advanced search valuesText/Normal (General formatting or Typography)
Option title (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Text (for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Form
Form 

Any changes you make will also be applied to member directory gadgets on your Wild Apricot site pages.

Widget limitations

  • Widget code copied before June 27, 2013 requires visitors to your non-Wild Apricot site to have third-party cookies enabled in their browser. Widget code copied after that date will not work if third-party cookies are disabled for all sites.
  • You cannot embed a widget on a page within the same Wild Apricot site.
  • You cannot embed multiple Wild Apricot widgets on the same page.
  • Clicking the Forgot Password link will take users to your Wild Apricot site.
  • Links in forum subscription emails will take users to your Wild Apricot site.
  • Social login buttons will not appear on the Authorization required system page when someone clicks the Login button from a widget.
  • Widgets are designed for use on other websites and can’t be used on your Wild Apricot website. Use gadgets instead.

On this page: 

See also:

  • No labels
 
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7