Social Block
Contents
Social Block
Each social media option has a recommended location.
Facebook Like buttons are best located at the top and bottom of the Nav Column, the top and bottom of the Extra Column, and the top and bottom of the Content Column, in a Sitewide Dot located there. Click here to learn about where to put Facebook Like buttons.
The Twitter Follow Button is best placed above or below one of your Facebook Site Like buttons, since a person will follow your Twitter account, and not any individual page on your site.
Place a Pinterest Follow button with your Twitter Follow button.
Facebook Comments are best placed at the bottom of the Content Column, in a Sitewide Dot located there.
The Social Sharing bar is best suited to the bottom of the content in your Content Column. If you want to place it on all of your pages, drag it to the Socialize It! Sharing Sitewide Dot. If you use the Sticky sharing bar, it will appear on the left or right of the page, or at the top or bottom of the page (depending on which setting you choose).
Click here for more information about how to create and use a Sitewide Dot.
Click here for a discussion of what to put in each of the 18 Sitewide Dots.
- Drag the Social Block to the location you want it on your page. If you want it in one location on every page, drag it to a dot.
- Click on the tab for the option you want to add.
- Click to choose your option.
- Click on Add Selected Social Media.
The Social Block opens a selector tool to allow you to choose social media options from one of four categories...
-
Likes and Follows, which lets you add a Facebook Like button to your page (set up with Face It!), a Twitter Follow button, or a Pinterest Follow button. The Twitter and Pinterest buttons are set up in Destinations (see below).
-
FB Comments, which lets you add the Facebook comments box to your page (set up with Face It!).
-
Sharing Bar, which lets you add social sharing buttons to your page (set up with Socialize It!).
-
Destinations, which lets you add social destinations to your page (set up with Socialize It!).
You must have set up Face It! to have access to Facebook Like buttons and FB Comments.
You must have set up Socialize It! to have access to Twitter and Pinterest Follow buttons, sharing buttons, and destinations buttons. Click here for help setting up Face It!. And click here for help setting up Socialize It!.
Adding a social media option to your page is as simple as dragging the Social Block to your page.
After dropping the Social Block where you want it, you'll immediately see the Social Media Selector overlay window.
If you do add any of the social media options to one or more Sitewide Dots, be sure to edit any pages where likes and follows, FB comments, sharing buttons and/or destinations buttons don't make sense. This includes your privacy policy page, disclaimer and earnings disclosure pages, no-such-url.html, C2 Thank You page and comment-form page template, and FBI! Thank You page template.
Click on the red – symbol in the top left corner of the Sitewide Dot to hide the content, which will remove it from that page.
Likes and Follows
Likes and Follows includes those social media tools that allow your visitors to "vote" for your site. These include Facebook Like buttons, the Twitter Follow button, and the Pinterest Follow button.
Click on the button type you want to add to your page or Sitewide Dot (recommended).
Click on Add Selected Social Media.
Facebook Like Button
A different overlay displays, showing the Facebook Like buttons you created in Face It!.
- Select which Like button you want from the second selector tool.
- Click on Add Selected Facebook Like Button to Page.
In the second selector, pick which Like button to drop into this location on your page. Your selection's background will turn dark gray.
Click on the Add Selected Facebook Like Button to Page button to save your selection and close the overlay.
If you want to put a different Like button (e.g., a Page Like instead of a Site Like) in that location, click on Select Facebook Like Button in the toolbar. In the selector tool overlay, select the Like button you want to put into this location.
Twitter Follow
Click on the Twitter Follow button. A red border will appear around it. Click on Add Selected Social Media.
The next step is to customize it.
- Enter your Twitter Username. Click on the checkbox to show your username on your pages.
- Add a check in the Count section to show the number of followers.
- Add a check in the Size section to show the large button size.
- Select an alignment for the button.
Username
Confirm that the Twitter Username you typed in is correct.
If you made a typo or want to use a different account, click on the Username link (anguillabeaches in the screenshot above) and enter the desired name.
To show the name as part of the button, add a check to "show" it.
Count
To show the number of followers you have, add a check in the Count section.
Size
To use the large button (the default is the medium size), add a check in the Size section.
Align
The default alignment is left. To center or right-align the button, click on either option.
Note
Do you want to add a button showing your Twitter Username (the Show option) in the Nav Column or Extra Column? To make it fit, do not add the followers Count or choose the large button.
If you prefer to use either of those two options, add the button to the Content Column of your pages instead.
Pinterest Follow
Click on the Pinterest button. A red border will appear around it. Click on Add Selected Social Media.
The next step is to choose the button type you want to use, then customize it.
- Click on your Username if you want to change it.
- Select the type of button (Image) that you want to use.
- Depending on the button selected, click on the + button to increase the size of the button. Click on the – button to decrease the button size.
- Select an Alignment for the button.
- Click on the + button to increase the Margin. Click on the – button to decrease the margin.
- Click in the text box to change the Title text.
Username
Confirm that the Pinterest Username you typed in is correct.
If you made a typo or want to use a different account, click on the Username link (@AnguillaBeaches in the screenshot above) and enter the desired name.
Image
Choose the button type you want on your pages...
-
Follow Username displays the Follow button followed by your Pinterest username.
-
Follow Me displays the Follow me on Pinterest button.
-
Pinterest displays a button that says only Pinterest.
-
Square shows a large square button with the Pinterest P on it.
-
Small shows the same P in a smaller button.
Size
Fine-tune the size of your button by clicking on the + button or – button. Each click continues to resize the button. Depending on the button you choose, you may need to resize it if you want the button in the Nav Column or Extra Column.
Alignment
Choose how to Align the button. Centered is the default.
Margin
Once you've selected the alignment, add a little white space, if desired. If you left-align the button, click on the Margin + button to add white space to the left of the button, the – button to decrease it. If you right-align the button, the + button will add white space to the right of the Pinterest button.
Title
Finally, customize the Title text, if desired. Click in the text box, highlight all of the text and paste it into a text document. Edit it there, then copy the final version and paste it into the Title text box in the toolbar.
FB Comments
Click on the FB Comments tab.
Click on Add Selected Social Media to add Facebook comments to your page or Sitewide Dot (recommended).
Sharing Bar
Click on the Sharing Bar tab. Then click on the sharing bar you want to add to your page(s). A red border will appear around the one you select.
Click on Add Selected Social Media to add the sharing bar to your page or Sitewide Dot (recommended).
Destinations
Click on the Destinations tab.
Click on Add Selected Social Media to add the destinations bar to your page or Sitewide Dot (recommended).