Has anyone put a TeamRaiser Offline Gift Form PDF in their Participant Centers?

Karen Cincotti

For our DIY TeamRaisers we want to use a custom offline donation form (based on this article) that participants can download and give or send to people so they send in an offline donation with the proper information on the participant and teamraiser event. However we do not want that form on the personal fundraising pages, because if the donor made it that far we really just want them to make a donation online. That is the point of an online fundraising platform right?


Anyways I'm talking with support to see if possible, but wondering if anyone in the community has done this. And if so, how?


Thanks!

Brian Mucha

Hey Karen!


I haven't done that exactly, but I have added content to Participant Center pages. 


There is a section for custom CSS and JS in the Configure Options section of each Participant Center. All you need to do is use some JS to insert a link to your PDF where you want it.


The JS section is a bit confusing because it comes with a ton of examples that are commented out. 


I have a way to add entire new tabs/views if you're interested. But I think what you're after would be to just append something to the home tab? Sticking a link right under the progress overview (#bd-personal-progress) on the dashboard tab would look something like this:


var loadCustom = function() {


    YAHOO.Convio.PC2.Utils.require('pc2:registrationLoaded', 'pc2:constituentLoaded', 'pc2:configurationLoaded', 'pc2:wrapperLoaded', function() 

    {

        addPDF();

    });


};



/* ***** Insert Link to PDF Form ***** */

var addPDF = function() {

    var refItemDash = YAHOO.util.Dom.get("bd-personal-progress");

    if(refItemDash)

    {

        var pdfItemDash = document.createElement("div");

        pdfItemDash.className = "event-pdf";

        pdfItemDash.innerHTML = "<a href='http://yourdomain.org/files/donation.pdf'>PDF Donation Form</a>";

        refItemDash.insertAdjacentElement("afterend, pdfItemDash);

    }

};



Not tested but it should be close enough to get on track.


BPM


EDIT: We put our PDF on the participant page.

http://foundation.luriechildrens.org/site/TR/LurieChildrensFoundationEvent/StepUpforKids?px=1105632&pg=personal&fr_id=1800


This entire sidebar is done in the Page Footer section of the Default Personal Page, and just placed using CSS - position: absolute.

Bri MacBain

The BC SPCA had the same idea- makes sense to put it in their participant centre if needed and encourage online donations as much as possible!  I ended up building their DIY fundraising site (champions.spca.bc.ca) using WordPress as a CMS and with custom JS/PHP for all the standard TeamRaiser functions that need to connect to Luminate.  This makes adding in features like an offline donation form in the PC a breeze, since you can just make edits in WordPress to the PC template as needed!