Add an Online Form to your Facebook Page

NOTE: Only pages with 2,000+ followers are allowed by Facebook to use this method. The screenshots below are no longer accurate, but the process still follows the same general procedure. 

Creating a new Facebook page tab out of a DonorSnap Form is easy enough that any user can implement it. Whether you feel your organization could benefit from a “Donate Now” Facebook tab, a “Join our Mailing List” tab, an “Event Sign Up” tab, or more, follow the step by step guide below. In a matter of minutes, your Facebook page will have an integration with your DonorSnap database. Continue reading “Add an Online Form to your Facebook Page”

Centering your Logo Image or CAPTCHA (Responsive Forms)

By default, the logo image on your Responsive Form will be left-justified.

To center this image, click the HTML tab in the text editor for the Header section (on the Settings tab)  and add this line of code to the top of it:
<style>
#DSFormLogoID {margin-left: auto; margin-right: auto;}
</style>

In a similar way, if you with to center the CAPTCHA at the bottom of the form, click the HTML tab in the text editor for the Header section (on the Settings tab)  and add this line of code to the top of it:
<style>
form#form div.row div:has(div#reCaptchaContainer){margin-left:0 !important; width:100% !important;}
#reCaptchaContainer {margin-left: auto !important; margin-right: auto !important;}
</style>

If you want to center your top image and the bottom CAPTCHA, combine them both like this:
<style>
#DSFormLogoID {margin-left: auto; margin-right: auto;}
form#form div.row div:has(div#reCaptchaContainer){margin-left:0 !important; width:100% !important;}
#reCaptchaContainer {margin-left: auto !important; margin-right: auto !important;}
</style>