All of these forms & styles are based off the new Style 2 within the plugin settings.
You can download the custom CSS for style 2-B here
and view a screenshot of our color palette from all the demos here.
Style 2-A: Popup
Style 2-B: Modern & Trendy Fundraising thermometers
(custom css required, found here)
$8,457.00
OF OUR $10,000.00 GOAL
84.57%
Style 2-C: Inline Form
FUNDRAISING PROGRESS:
$8,457.00
$8,457.00
OF OUR $10,000.00 GOAL
84.57%
Yes, you can brag about your good deed on Facebook after you do it.
FUNDRAISING PROGRESS:
$8,457.00
$8,457.00
OF OUR $10,000.00 GOAL
Style 2-D: Split With Overlay
(you can place the plugin anywhere, even on a transparent background)
Help a kid get to camp. Donate today.
Style 2-E: Centered on Hero Graphic
(placed on semi-transparent background in page itself, just like charitywater.org/donate)
Help us help more kids.
Even $5 can go a long way.
FUNDRAISING PROGRESS:
$8,457.00
$8,457.00
OF OUR $10,000.00 GOAL
84.57%
Shortcodes
The shortcodes from the demos above are provided below for your convenience. Note: the code will NOT work by default— you must properly connect your Classy settings & update your unique campaign ID.
Style 2-A
copy the shortcode below to use these settings
[mittun_classy campaign_id="83395" display_campaign_title="true" display_progress_bar="true" display_goal_amount="true" display_amount_raised="true" display_amount_raised_heading="true" amount_raised_heading="FUNDRAISING PROGRESS:" display_amount_raised_percentage_number="true" display_form="true" form_type="popup" amounts="5,25" fields="amount,recurring,first,last,email" submit_button="Donate $5 Today"]
Style 2-B
copy the shortcode below to use these settings
[mittun_classy campaign_id="83395" display_campaign_title="false" display_progress_bar="true" display_goal_amount="true" display_amount_raised="true" display_amount_raised_heading="false" display_amount_raised_percentage_number="true" display_form="true" form_type="inline" amounts="5,25,50" fields="amount" submit_button="Donate"]
Style 2-C
copy the shortcode below to use these settings
[mittun_classy campaign_id="83395" display_campaign_title="false" display_progress_bar="true" display_goal_amount="true" display_amount_raised="true" display_amount_raised_heading="true" amount_raised_heading="FUNDRAISING PROGRESS:" display_amount_raised_percentage_number="true" display_form="true" form_type="inline" amounts="10,20,50,100" fields="amount,recurring,first,last,email,phone,street,city,state,zip" submit_button="Donate Today!"]
Style 2-D
copy the shortcode below to use these settings
[mittun_classy campaign_id="83395" display_campaign_title="false" display_progress_bar="false" display_goal_amount="false" display_amount_raised="false" display_amount_raised_heading="false" amount_raised_heading="FUNDRAISING PROGRESS:" display_amount_raised_percentage_number="true" display_form="true" form_type="inline" amounts="7,27,777" fields="amount,recurring,first,last,email" submit_button="Donate Today!"]
Style 2-E
copy the shortcode below to use these settings
[mittun_classy campaign_id="83395" display_campaign_title="false" display_progress_bar="true" display_goal_amount="true" display_amount_raised="true" display_amount_raised_heading="true" amount_raised_heading="FUNDRAISING PROGRESS:" display_amount_raised_percentage_number="true" display_form="true" form_type="inline" amounts="5,25,50,100,500" fields="amount,recurring" submit_button="Donate Today!"]