ATD Greater AtLanta

Log in


ATD Greater Atlanta

Log in


Your Chapter’s Wild Apricot Website:
Beyond The Basics

Below you will find videos and information on how to accomplish the things discussed in the Beyond the Basics session at ALC 2021. 

  • Color code events on your chapter's calendar 
  • Post your newsletter on your site 
  • Create a provider directory of members 
  • Connect Google Analytics to your site 
  • Provide event recording links on your site 
  • Use the donation widget for chapter sponsors 
  • Set up multiple calendars for events 
  • Create a Google-integrated resource page 

If you have any questions or need help, feel free to reach out to me, Stephanie Smith, at vp_technology@atdatlanta.org


Color code events on your chapter's calendar

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>


Here is Wild Apricot's instructions for how to do this: https://gethelp.wildapricot.com/en/articles/94#color


Post your newsletter on your site

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>



Create a provider directory of members

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. 


Connect Google Analytics to your site

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.

Here is Wild Apricot's instructions for how to do this: https://gethelp.wildapricot.com/en/articles/221-tracking-website-traffic


Sharing Videos on your site

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. 


Use the donation widget for chapter sponsors

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.


Set up multiple calendars for events

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.


Create a google-integrated resource page

If you want to display files that are hosted in a Google drive on your website, you can do that! We do this because it is easier to manage files as a team out of Google than it is to manage them out of Wild Apricots files. 

Here is the code that we use to display files on our site: 

  • Make sure to update the ID ONLY in the URL that is bold and red above
  • Also, if you want to display the files as thumbnail previews, you must add the "#grid" to the end of your URL as shown in orange above
  • Adjust the height of the display box based on how you want the files to display on your site (in blue above)

<iframe src="https://drive.google.com/embeddedfolderview?id=1Bobepo4wIea1mM2ikxvpFJ0O67eZmH-3#grid" style="width:100%; height:500px; border:0;"></iframe>

 Chapter ChIP Code CH9047

Looking for something?

Connect with us on Social Media

Call Us:
(404) 692-2783

Email Us:
info@atdatlanta.org

Write Us:
6595 Roswell Road, Suite G
PMB 56468
Atlanta, GA 30328

Thank you to our Sponsors:

     

     

TERMS AND CONDITIONS

SITE CONTENT © 2021 ATD GREATER ATLANTA. ALL RIGHTS RESERVED

Powered by Wild Apricot Membership Software