Installing & Customizing your KIMBIA Advocate Look-up Widget
Are you a KIMBIA customer running an Advocacy-based fundraising campaign? Have you challenged your supporters and athletes to raise funds on behalf of your organization?
Our Advocate Look-up widget allows your web site visitors to more easily support their friends by entering their name or email address. Now, they don't have to remember or find that old email with a personalized URL from their friend. They can just visit your website and look their friend up!
After an Advocate's information is submitted, the Look-up widget will either send the user to that Advocate's personalized donation form, or it will ask the user to choose the correct advocate from a list of potential matches.
This post covers:
Installing the Advocate Look-up Widget
Simply paste the following code into the HTML page you wish to display the Advocate Look-up widget:
<script src="https://widgets.kimbia.com/widgets/executor/advocateLookup?campaign=[CampaignPrefix].kimbia.com"></script>
Make sure you replace [campaign_prefix] with the actual prefix of your campaign listed in the 'Hosted Page' address on the Campaign Details page shown below:
Customizing your Advocate Look-up widget with CSS
We think our Advocate Look-up widget looks great out-of-the-box. But, if you would like to edit its look and feel, please be our guests. Using the custom CSS template below, you can easily adjust the default look and feel to match your existing HTML.As always, customizing the CSS is optional. If you do choose to create a custom CSS file:
1) you're responsible for hosting this file on your website
2) only include the style attributes from the following template that you wish to override. Placing null value attributes in your declarations will cause your styling to break in unexpected ways!
KIMBIA Advocate Lookup Widget Custom CSS template
The following image gives provides a visualization of the HTML elements available for styling and how the markup relates to the rendered widget:
