API Examples

Joshua Bekerman bCLO bCRE

Hi! We're going live soon with LO and would like to see some examples of how organizations are using APIs on their website for donation forms, contact us forms, enewsletter forms, etc. Any examples of websites we could take a look at?


Thanks!

Josh

Cory Watson

I'm with Habitat for Humanity International. We're using LO Constituent API calls sent by the Drupal CMS to handle the back-end integration of our public facing site's email signup widgets and subscription management page. You can see one of the the widgets on our homepage below the hero or view our sub management page.

Brian Mucha

Join Survey, and Logging Interactions on our Social Media Ambassador Page (https://www.luriechildrens.org/smap - you'll need to join to see the tasks I'm logging.)


Gift Service Center replacement (https://secure3.convio.net/cmf/site/SPageServer/?pagename=GiftServiceCenter - you'll need a login.)


Donation Forms (http://foundation.luriechildrens.org/_temp/form.htm - in progress)



BPM

Joshua Bekerman bCLO bCRE

Thanks Brian and Cory! These are very helpful.


Anyone else have examples?

Daniel Hartanto

Joshua Bekerman bCRE:

Thanks Brian and Cory! These are very helpful.


Anyone else have examples?

Constituent Center

We have a Constituent Center (you may need to register to see the it live) at https://donations.diabetes.org/site/SPageServer/?pagename=CC_Home where we used API to achieve certain features/functionalities such as

• List of your registered event(s) and suggested Upcoming Events nearby you.
  
  
  
• Gift Service Center (similar to what Brian has) where constituents could manage their recurring gifts (i.e. update Credit Cards etc) and review any transactions that they have ever had in past (i.e. print receipts) identified by transaction type (i.e. donation/registration etc)
  
  
  
  
  
  

Program Signup Enrollment

This is one of our enrollment program (which is basically Survey API) but also with another API that would communicate to a 3rd party vendor API when one decided that they want to enroll their mobile number of text message subscription. Also as added bonus feature, we are integrating Google Maps Place AutoComplete feature for the address related fields (note: country dropdown is not included into that listener since at this moment, this is only for US residents)
https://donations.diabetes.org/site/SPageServer/?pagename=LWT2D_cstm_frm​

Advocacy Action Center

Here's another action center for our Advocacy - Advocacy API (featuring Federal, State alerts active listing), grabbing live RSS feeds from the CMS for Recent Successes, also featuring Sign Up Program to become Diabetes Advocate (Survey API)
https://donations.diabetes.org/site/SPageServer/?pagename=SD_Advocacy_Center_Responsive



Hope it helps wet the appetites


regards,

Daniel


EDIT ADD ON

Here are some more:

Event Search (last year template) which utlizes Teamraiser API -- tapping into Google Maps API free typing city (if you use that register button) that will return various relevant options)
https://donations.diabetes.org/site/SPageServer/?pagename=OUT_SO_SEARCH

Event Search latest iteration within the homepage and Login API - Teamraiser API (with geolocation when available) -- Keynote Highlights: this has better State Search algorithm as we went away from using the S39 tag approach and using an in-house workaround utilizing unused backend teamraiser fields that gets returned by the API as a way to sort the State; better redirect mechanism (distinction between when one wants to explore and visit the greeting page vs heading right away into registration page)
https://donations.diabetes.org/site/SPageServer/?pagename=OUT_homepage

Umbrella Team (National Companies Team listing) - Teamraiser API
Variant 1 - Listing of teams grouped by the national companies (umbrella teams) within an event
http://main.diabetes.org/site/TR?pg=informational&fr_id=11718&type=fr_informational&sid=23676

Variant 2 - Listing of teams belonging to a national company across the country
https://donations.diabetes.org/site/SPageServer?pagename=TC_Natl_Teams&natteam=16060&logosrc=../images/friendraiser_uploads/721839542.custom.jpg

Romany Nassief

Donation form:
https://secure2.convio.net/tch/site/SPageNavigator/donate.html

Contact us form:
http://tch.convio.net/site/PageServer?pagename=contact_us

Newsletter subscribe form:
http://tch.convio.net/site/PageServer?pagename=email_sign_up

Teamraiser event:
http://afirst.convio.net/stroll_roll_home

We use API for listing top teams/participants; search for TR, team or participant; login, forget password and update profile

Daniel Hartanto

Donation Form

As for Donation Form API, although there will be time specific situation / need where going the API route justify the level of efforts (i.e. full/better rendering control of the layout, etc); but you might want to still take into consideration that often times the out-of-the-box Luminate Online Donation2 form are actually pretty capable achieving things you want in most general cases and also responsive/mobile friendly could be further customized esp. if you know your way around Javascript and CSS3), thus to give you ideas, here are some of our custom non-API forms based on that LO Donation2 forms.


These forms are using a same pagewrapper where there is a Javascript controller that check for 'parameters' (ideally that parameters could be put as JSON, and you can also tap into AngularJS when it comes to leveraging it further, but not on this iteration, probably in future when I got chance to revisit them again) in order to render things the way we want it alongside the additional CSS3 media queries to govern the responsiveness / mobile friendly of the form on top of the existing / built in responsive feature of Donation2 form.


Thus feel free to take a look and resize your browser to see how the responsiveness works on those forms

• https://donations.diabetes.org/site/Donation2?df_id=19105&19105.donation=form1
• https://donations.diabetes.org/site/Donation2?df_id=19444&mfc_pref=T&19444.donation=form1
• https://donations.diabetes.org/site/Donation2?df_id=18864&18864.donation=form1​
• https://donations.diabetes.org/site/Donation2?df_id=18685&18685.donation=form1​ (prototype / demo)
• https://donations.diabetes.org/site/Donation2?df_id=19245&mfc_pref=T&19245.donation=form1​ (prototype/demo - animated gif background)
• https://donations.diabetes.org/site/Donation2?df_id=18685&18685.donation=form1&showbgvid=y​ (prototype/demo - background video loop)

Here's an old API form prototype to merge 3 forms into one public facing interface.
https://donations.diabetes.org/site/SPageServer/?pagename=2013_Donation_3in1


Teamraiser API - Update Your Personal Page "on-the-fly" without having to go to your Participant Center

Here's another potential you could with the API.
https://community.blackbaud.com/forums/viewtopic/100/21614?post_id=70272#p70272


regards,

Daniel

Andrew Blossom

We also use the API for our donation (https://ajws.org/donate/default/), signup and advocacy pages (https://ajws.org/action/honduran-government/).

Daniel Hartanto

Following is latest thing I've been exploring, thus sharing here in case if anyone else finding it useful.. not actually API in context of Luminate API, but nevertheless, it's still a REST based API tapping into Drupal 8 REST Views API and AngularJS for rendering inside of a Luminate Online Pagebuilder/PageWrapper.

http://main.diabetes.org/site/PageServer?pagename=Drupal8_REST_API_DH&nid=all&masonry=y

regards,

Daniel