Hustle’s social sharing element can be displayed in any of four ways:
- Floating – Displays an “always visible,” sticky element at the top, left, right or bottom edge of your site’s pages.
- Inline – Displays the element within a page’s main content area using Hustle’s Social Sharing content block.
- Widget – This option adds a Hustle widget to the Available Widget list located under the Appearance tab that can be applied to a site in the same manner as any other widget.
- Shortcode – This option creates a shortcode you can use to embed the element anywhere shortcodes can be used.
Floating Social
The Floating Social element displays the social network icons added in the Services tab in a sticky element that, by default, appears on each page and post of a site. Admins can choose which pages and posts display the element using the conditional rules available under the Visibility tab.
The Floating Social module can be enabled for both desktop and mobile devices, and the configuration options are the same for each. It is recommended that you use your mobile device or mobile emulator tools (such as the ones available in your browser’s Developer Tools) to achieve the best possible appearance on mobile devices.
To configure the element for desktop devices, ensure that the desktop slider in enabled, then use the Horizontal and Vertical position controls to determine where on the page the element will appear.
- Horizontal Position – Choose to position your floating social box to the left or right edge or centered on the screen.
- Vertical Position – Choose whether the box should appear at the top of the screen or the bottom.
- Offset – Adjust the position of the share box if needed to offset it “x” number of pixels from the top and left edges of the screen. You can choose to offset relative to the screen, or relative to any CSS element you prefer, like the main content area perhaps.
Below is an example of the Floating Social module in its default position on a desktop screen at the top left edge of a page.
And here’s an example of the same module in its default position on a tablet-sized screen at the top and center of a page.
Inline Content
This option enables you to automatically add a social sharing box above and/or below the main content of your posts and pages.
- Position – Choose whether the share box should appear above or below your post content, or both above and below.
- Alignment – Choose to show the box to the left, right or centered.
Below is an example of the inline share box appearing at bottom left of the post content.
Enabling this option will add a new widget named “Hustle” under the Available Widgets list. You can go to Appearance > Widgets and select the social share module you want to add to any widgetized area of your theme.
Shortcode
Enable this option to automatically generate a shortcode for your social share module that you can use anywhere you like.
The appearance of both the widget share box and shortcode-generated share box is identical to that of the inline share box. You can customize the appearance of all in the next section.
11.3 Social Sharing
Hustle’s Social Sharing feature allows you to add customized social network icons to any page or every page of your site.
NOTE
Hustle’s Social Sharing element can be displayed in three ways–floating, inline and as a sidebar widget. We encourage users to take time to understand these display options before committing themselves to a social sharing strategy. A thorough explanation is located below in the Display Options section.