Color coding events is based on event tags on the back end. Make sure you have a standard set of tags that can be selected when creating events to use this feature. Write down what tags you'll be referencing for the color coding so you can plug them into the code below.

Before you get started, you'll need the following code to put into an HTML widget.

• Replace the words in red (workshop, meeting, and conference) to match the tags from before. 
• Replace the colors in orange (orange, LimeGreen, and #FF4500) to the colors you want your events to be (names or HEX codes). 

<script>
if ($(".monthButtonLabel").length >0)
{
setEventBackground("workshop", "orange");
setEventBackground("meeting", "LimeGreen");
setEventBackground("conference", "#FF4500");
} 
function setEventBackground(tagName, bgcolor)
{
$( "a[data-tags*='" + tagName + "']")
.parent().css("background-color", bgcolor).parent().find(".eventTime").parent().css("background-color", bgcolor);
}
</script>

You must create your newsletter in Wild Apricot and save it as an email template to be able to post it on a page on your site.

Here is the HTML code that I use to iframe our newsletter onto our site:

• Change the link in red to the link for your newsletter preview. 
• Change the number in orange to the height of your newsletter (sometimes this takes trial and error).

<iframe src="https://atdatlanta.org/resources/EmailTemplates/Newsletter%20September/index_preview.html" width="100%" height="6700" style="border:none;"></iframe>

You can use the Member Directory gadget to create a subset of members you'd like to display in a provider directory. There are a few steps you need to take to get this set up:

1. Create additional membership fields that you want to display in your provider directory (e.g., business name, description, logo). Make sure to include a Yes/No opt-in question.
2. Create a saved search for members who selected Yes to the opt-in question (I also included whether or not they are active members). 
3. Create a member directory on a page and select your saved search to determine which members to include. 

Bonus: I also created instructions on how members can get listed in the directory and linked that at the top of the page. This basically tells them to go update their member information from their profile. 

You must have a google analytics account set up prior to being able to connect it to your Wild Apricot site. To set one up, visit https://analytics.google.com and follow the instructions.

There are a lot of different video hosting sites available to do this from. The two hosting sites we use is Google Drive and Vidyard. And best of all, both are free!

If you want it, here is the code that I use to get the embedded videos to be centered on the page.

<div style="text-align:center"> 

<iframe src="https://drive.google.com/file/d/1_ghgc_87E7havXeRnUk6izr_FAxicRo2/preview" width="960" height="540" allow="autoplay" style="border:none;"></iframe>

</div>

Makes sure to change the URL that is in bold!

Also, if you are embedding from Google, you will need to wait for the video to upload and process before you are able to get the share link that I show in the video below. 

The donation widget can only be used for one purpose on your wild apricot site. If you are already using it for donations, you will not be able to also use it for sponsors.

Similar to color coding, creating multiple calendars is based on event tags. Make sure you have a standard set of tags that can be selected when creating events to use this feature.