Form Setup‎ > ‎

Add Social Media links (twitter, facebook, linkedIn, etc)

You can add social media sharing buttons/icons to the header and footer areas of your registration form and to the thank you and closed pages.

The easiest way is to use a free service to generate the code and then paste it into the ePly system.

Suggested services:

www.addthis.com - good for allowing your registrants to share with their contacts, lot of customization, but you may need help from someone with coding experience.

www.niftybuttons.com - easy to add a custom button that links to your own twitter, facebook, etc. accounts.


Here are the steps you would follow.
  1. Use a service to generate an HTML code Snippet - there are usually some standard layouts to choose from and then options for customizing your buttons.
  2. Login to the ePly system and go to the area where you want your buttons to appear, for example in the header
  3. Click the "HTML Button"

    getting the editor into html mode


  4. After you click the html button, you will see the code for the area you are in, decide where you want your buttons to appear and paste in your code snippet from the service you are using.  You may have to carefully look at the html code to make sure you paste it in the right area.  If you need help ask your webmaster or contact ePly support.  

    Note - depending on the code that you add, you many not see the buttons appear in the html editor when you are in design or preview mode, you will need to view the actual registration form.


  5. Save the changes and then view your form to check your buttons.
  6. Click the buttons to test the functionality.

ePly's Default Sharing Code

If you start a form with one of ePly's templates the following code is inserted in the header area by default.

If you would like to use this code on a form that doesn't already contain the code, copy and paste it into the area where you would like your social media icons to appear (usually in the header).  You must paste it into the HTML View.
  
<!-- AddThis Button START -->
<div style="width: 120px;" class="addthis_toolbox addthis_default_style ">
 <a href="http://www.addthis.com/bookmark.php?v=250&username=eply2" class="addthis_button_compact">
 Share</a> <span class="addthis_separator">|</span>
 <a class="addthis_button_facebook" style="cursor: pointer;"></a>
 <a class="addthis_button_twitter" style="cursor: pointer;"></a>
</div>
<!-- AddThis Button END -->
 
**Please note the information in the 'Page Title box' under The General Settings 'Event Info' tab is the text that will show up on the Facebook page.
Comments