Socializer

Documentation

Social Connect

  1. Add the Social Connect block to your page
  2. Select the social networks that you want. You can add as many as you need.
  3. For each social network, enter the full web address (such as 'http://twitter.com/#!/skybluesofa' for the Twitter connection) to your profile page.
  4. Rearrange the networks in the order that you want using drag-and-drop
  5. Choose the size and layout on the layout tab
  6. Save your block
  7. Optional: Change the template to 'Float Left' to display as a floating toolbar

Social Share

  1. Add the Social Share block to your page
  2. Select the social networks that you want. You can add as many as you need.
  3. Rearrange the networks in the order that you want using drag-and-drop
  4. Choose the layout and format on the layout tab
  5. Save your block
  6. Optional: Change the template to 'Float Left' to display as a floating toolbar
  7. Pinterest: The 'Image URL' box for Pinterest will automatically be filled in with either the 'page_thumbnail' or 'thumbnail' web address.

Note: Because of the sizing of the Facebook button in 'Horizontal' and 'Icon' button formats, it is recommended that you place the Facebook share button at the end of the list when using the horizontal layout.

Pinterest: Currently, you need to manually enter the web address for the image that you'd like to Pin.

CSS Share

  1. Add the CSS Share block to your page
  2. Select the social networks that you want. You can add as many as you need.
  3. Update the colors as desired in the background and icon dropdowns
  4. Rearrange the networks in the order that you want using drag-and-drop
  5. Choose the aspects of the design of the buttons on the button format tab
  6. Choose the layout on the layout tab
  7. Save your block
  8. Optional: Change the template to 'Float Left' to display as a floating toolbar
  9. Pinterest: The 'Image URL' box for Pinterest will automatically be filled in with either the 'page_thumbnail' or 'thumbnail' web address.

Floating Toolbar

  • The floating toolbar is setup by using the 'Float Left' template for either the Social Share or Social Connect blocks.
  • The floating toolbar should posiiton itself to the upper left of the area in which it is placed.
  • It is recommended that you only use one floating toolbar per area.

Dashboard Pages

Social Connect

  • Update icons by uploading your own images
  • Add custom sized icons
  • Customize the tooltip shown for each network
  • Turn off the ability to add specific networks to a new block
  • Turn off networks in existing blocks
  • Bulk edit of all networks at once. You can edit the name, tooltip, 'add to new block', and 'turn off in existing blocks' attributes.

Uploading Your Own Icons

You can also upload your own icons directly to the server.

  1. Create the /blocks/skybluesofa_social_connect/img directory at the root level of your server
  2. Upload your icons using this format:
    networkHandle-iconSizexiconSize.png

    such as:
    facebook-48x48.png

Page Promotion

  • Customize the 'intro' for tweets and posts, such as 'New Article' or 'New Post' for each composer page type. When new composer page types are added, they will get a 'default' intro, which can also be customized.
  • A checkbox to turn on/off the sending of page tags as Twitter or Facebook hashtags
  • A checkbox to turn on/off the editor 'Promote Page via Social Media' functionality.
  • You can setup Twitter and/or Facebook to receive posts for new pages.
  • Turn off user page promotion by unchecking the box for user promotion.
  • There was an instance where Facebook was not able to connect. The issue occurred when a Whitelist IP was set. Unsetting this whitelist ip resolved the issue.
  • You can find more detailed information on our site at http://skybluesofa.com/helpdesk/knowledgebase/implementing-automatic-posts-social-networks 

User's Page Promotion

Setting up Automatic Tweets and Posts for New Composer Pages

This functionality is based on concrete5.6, but with a little bit of tweaking, you can have it on your 5.5+ site, too. You will need to have file (FTP) access to your webserver to do this:

  1. Locate the {root}/packages/skybluesofa_social_share/libraries/c5_overwrites directory on your server.
  2. In that directory, you will find folders named for the version of c5 you are running, such as 'c5.5.2'
  3. There are 2 files under this folder which must be copied to the {root} structure of your site. (We don't want to overwrite the core files, but we'll place the new files where c5 can access them.)
    1. Copy ../c5_overwrites/{version}/controllers/dashboard/composer/write.php to {root}/controllers/dashboard/composer/write.php
    2. Copy ../c5_overwrites/{version}/libraries/events.php to {root}/libraries/events.php
  4. These two files create 3 new events that this addon triggers to create the automatic post functionality