How to add Social Sharing to your Online Form Confirmation Page

You are here:
< Back

There are several different ways to nudge your visitors to talk about your organization using social media. Below are options for adding social sharing.

1. The Plain Text Hyperlink

The most basic way is to write a note to tell them “Like us on Facebook” and give them a plain old hyperlink to your organization’s page. This works, yes, but it’s not as pretty as you may like it, and it doesn’t make it as easy as it could be for the visitor to share.

Example:
Like DonorSnap on Facebook!
www.facebook.com/donorsnap

2. Add a Like Button

Another way to add sharing to your form is to use developer tools to generate the code that you paste into your form html. Here are a couple resources that will help you out. One thing to note is that you cannot insert JavaScript into your forms. So if you see any 

Facebook: https://developers.facebook.com/docs/reference/plugins/like/

  1. Go to the “Step 1” part and fill out the form.
  2. Uncheck the “Send Button” option. You can customize the other settings as you’d like.
  3. Click Get Code and then choose the iFrame tab.
  4. Copy the code.
  5. Go to your form text box and click the html option at the bottom of it.
  6. Paste your code in the box, save, and you are all finished

Twitter’s developer tool is not for the average user and requires some knowledge of html. If this doesn’t scare you away, follow the guide here: https://dev.twitter.com/docs/tweet-button#using-an-iframe

3. Use a Social Sharing Platform – Easiest Option!

The easiest way by far is to use a social sharing platform such as AddThis or ShareThis. Each of these systems are designed to make it easy to customize and easy to add to your form. In addition, they give you the ability to track your shares and the results of those shares if you create a free account.

AddThis: https://www.addthis.com/get/sharing

  1. Click the Email Newsletter option
  2. Add the URL of your form page
  3. Select your style of sharing buttons
  1. Copy the code generated on the right. (If you want to remove any of the buttons, just delete the line associated with that button. For example to delete the third button, delete the third line that starts with “
  2. Go to your DonorSnap form text box and click the html option at the bottom
  3. Paste your code in the box, save, and you are all finished

Example:
Facebook Twitter More...

Table of Contents