Date & Time
Tuesday, November 9, 2021, 1:00 PM - 2:00 PM
Name
Build Your Own Donation Form Progress Meter
Track
Skills Lab

To participate fully in the Skills Lab, we recommend you use 2 monitors – one to follow along with your expert instructor and the other available to access critical resources and your own application, or in some cases to follow along with a build.

Please confirm you can complete the following steps prior to joining the Skills Lab on November 9th:  

  1. Be knowledgeable in HTML, CSS and have some working knowledge of jQuery. 

  1. Create a TEST donation campaign and donation form in Luminate Online.   

  1. On the donation form, you should include the fields/data elements:  HTML Caption (at the top – where the progress meter will go), Standard Donation Level, Billing First Name, Billing Last Name, Billing Street 1, Billing Street 2, Billing City, Billing State/Province, Billing ZIP/Postal Code, Billing Country, Email Address, Communication Opt-in, and Payment Type. Just enough fields to be able to publish the form to see the progress meter when it is published and live. 

  1. Make sure you can switch over to the Plain Text Editor from the WYSIWYG view to see the code side of a donation form HTML Caption data element and Pagebuilder page content. 

  1. Be able to create a new Pagebuilder page. 

  • Be able to use the Plain Text Editor on a Pagebuilder page while editing it. 

  1. Optional: Download the .zip file with the code sample

  1. Optional: Have access to a program like Adobe Dreamweaver for code editing.  

If you have any questions, contact bbdevdays@blackbaud.com.