Books > Help Center > Pledge-a-thon > Essentials of Pledge-a-thon > Linking Pledge-a-thons to your website >  



How do I add a thermometer image for my Pledge-a-thon to my website?

To add a thermometer image to your Pledge-a-thon Description page:

  1. Click Pledge-a-thon to view the Main Menu of this service.
  2. From the Setup section, click Manage Pledge-a-thons.
  3. Click Profile next to the name of your desired Pledge-a-thon
  4. Locate the Thermometer Source URL link and copy the full http:// address (double click the URL link to highlight the text and right-click on the mouse selecting Copy).
  5. Click Change in the Actions field, directly beneath the Thermometer Source Link.
  6. Click the Description tab.
  7. Position your cursor where you want the thermometer to appear and select Insert/Edit image icon:
         
  8. Paste the Thermometer Source URL link (which you copied in Step 4) into the Image URL field.
  9. By changing the Image URL, you can change the way that the thermometer is displayed (e.g. change the Goal to another amount, change the title shown above the thermometer, etc). To change the Image URL:
    • To update the Goal: Modify the amount after "Goal=". Do not use any commas, periods or currency symbols such as dollar signs. For example, type "Goal=100000" for a goal of $100,000.
    • To update the Title: Modify the text after "Title=". For example, change "Title=YourTitle" to "Title=Help Us Reach Our Goals" to display Help Us Reach Our Goals at the top of your thermometer.
    • To change the colour: Change the RGB code to a different 6 digit HEX colour code. For example, change "RGB=FF4433" to "RGB=0000ff" for blue. NOTE: Do NOT include the # symbol with the HEX code. If you don't know the HEX code for a color, click here to find a RGB color picker.
    • To add Corporate Sponsorships: If you have received large corporate sponsorships by cheque which are not to be attributed to any specific participant, then you can add the amount to your thermometer link by changing "Add=0" to "Add=5000" (for a sponsorship of $5000). This amount will not be listed in your GiftTool reports, it is simply a way for your event thermometer to display your current online & offline donations.
    • To create a single thermometer which calculates the amount raised across 2 or more Pledge-a-thons, just add the other Athon IDs separated by a comma. For example, replace AID=111 with AID=111,222,333,444,555.
  10. Optionally, to have the image appear on the left side next to your text with extra padding between your image and your text, type float: left; padding: 15px 15px 15px 0px; in the Style field, under the Appearance tab as displayed here…
         

    Or, to have the image appear on the right side next to your text with extra padding between your image and your text, type float: right; padding: 15px 0px 15px 15px; in the Style field, under the Appearance tab.
  11. Click OK.
  12. Click either Update & Save to move forward or Save as Active to complete your work.
  13. The thermometer will be automatically updated anytime a donation is made online or an offline pledge has been entered into the system.

To add a thermometer image elsewhere on your website:

  1. Click Pledge-a-thon to view the Main Menu of this service.
  2. From the Setup section, click Manage Pledge-a-thons.
  3. Click Profile next to the name of your desired Pledge-a-thon
  4. Locate the Thermometer Source URL link and copy the full http:// address (double click the URL link to highlight the text and right-click on the mouse selecting Copy).
  5. Paste the link into your website.
  6. By changing the Image URL, you can change the way that the thermometer is displayed (e.g. change the Goal to another amount, change the title shown above the thermometer, etc). To change the Image URL:
    • To update the Goal: Modify the amount after "Goal=". Do not use any commas, periods or currency symbols such as dollar signs. For example, type "Goal=100000" for a goal of $100,000.
    • To update the Title: Modify the text after "Title=". For example, change "Title=YourTitle" to "Title=Help Us Reach Our Goals" to display Help Us Reach Our Goals at the top of your thermometer.
    • To change the colour: Change the RGB code to a different 6 digit HEX colour code. For example, change "RGB=FF4433" to "RGB=0000ff" for blue. NOTE: Do NOT include the # symbol with the HEX code. If you don't know the HEX code for a color, click here to find a RGB color picker.
    • To add Corporate Sponsorships: If you have received large corporate sponsorships by cheque which are not to be attributed to any specific participant, then you can add the amount to your thermometer link by changing "Add=0" to "Add=5000" (for a sponsorship of $5000). This amount will not be listed in your GiftTool reports, it is simply a way for your event thermometer to display your current online & offline donations.
    • To create a single thermometer which calculates the amount raised across 2 or more Pledge-a-thons, just add the other Athon IDs separated by a comma. For example, replace AID=111 with AID=111,222,333,444,555
  7. The thermometer will be automatically updated anytime a donation is made online or an offline pledge has been entered into the system.

NOTE: To automatically pull Pledge-a-thon fundraising data from GiftTool to your application with a data request, use the Pledge-a-thon thermometer API.




Was this information helpful?
Yes   No




Search Help Center

Today's Top 10 Articles
  1. How do I add an 'Add to Cart' link to a web site?
  2. How do I add an 'Add to Cart' form to a web site?
  3. How does the credit card payment process work?