How Highlight and Share Works

Text Selection

Highlight and Sharing displays a small pop-up when a reader highlights text on your site.

By default, this works on any post or page content. You can customize Highlight and Share to show anywhere using advanced selectors.

Inline Highlighting

You can mark a selection of text as an inline highlight using the Block Editor format option, or wrapping a selection with class has-inline-text.

Click to Share Block and Shortcode

The Click to Share block and shortcode allows you to heavily customize a "Click to Share" box that readers can click on to share.

Image Sharing

Share your images using Pinterest or the Web Share API.

To enable/disable social networks, click on the Settings tab within the Highlight and Share options.

Within the Settings tab, you'll find a section called Social Networks.

Simply toggle the social networks you'd like to see on the frontend of the site.

Available Social Networks

The following social networks are available for sharing.

Install from the WordPress Admin

1. Log into your WordPress admin (i.e., your dashboard)

2. Go to Plugins->Add New

3. Type in "Highlight and Share"

4. Install and Activate the plugin

After activation, you can find the plugin's settings in the Dashboard under Settings->Highlight and Share.

Install via FTP

1. Download the plugin zip file from the WordPress Plugin Directory

2. Unzip the plugin zip in a place you can remember for the next steps

3. Log into your FTP program of choice for your website

4. Upload the unzipped folder into wp-content/plugins

5. Log into your admin dashboard

6. Head to the plugins screen

7. Search for Highlight and Share.

8. Activate the plugin

After activation, you will be taken to the plugin's settings screen.

Shortlinks turns a long URL into a shorter version.

If you share text on a social network such as Twitter, you can save a few characters by shortening your URLs.

For shortlink services, it is recommended to use Jetpack or Bitly.

Highlight and Share allows for custom selectors.

Custom selectors are handy when you are using a page builder and the content is not within the normal content loop.

In general, you shouldn't have to choose a selector unless directed by support or a developer.

CSS Class Selectors

Input any CSS classes (without the dots and comma-separated).

Highlight and Share will search for these classes and will be enabled for any text within these classes.

An example would be enabling Highlight and Share for widget areas.

CSS ID Selectors

Input any CSS IDs (without the # sign and comma-separated).

Highlight and Share will search for these IDs and will be enabled for any text within the CSS ID.

HTML Elements

Input any HTML elements (e.g., section, main).

Highlight and Share will search for these elements and will be enabled for any text within the elements.

Changing themes is easy and you'll find the theme selection options under the Appearance tab in the Highlight and Share settings page.

Built-in Themes

Choose between several built-in themes to quickly customize the look and appearance of Highlight and Share.

Available Themes

Unless otherwise noted, the available themes show just the icons and not the labels. A tooltip is available on hover if that option is enabled.

Default Theme

The default theme shows brand colors and labels.

Brand Colors Theme

Colorful Circles Theme

Colorful Glass Circles Theme

Black Theme

Purple Theme

White Theme

Cyan Theme

Magenta Theme

Blue Theme

Green Theme

Tooltips

By default, a Tooltip is shown when hovering over a social network.

To remove the Tooltips, simply toggle the Tooltip option and save your changes.

You can modify the Tooltips in the Settings tab when enabling a social network.

You can customize the tooltips even further by adjusting the background and text color of the tooltip.

Orientation

You can choose between horizontal and vertical orientation.

The preview below will show how the social icons will look on the frontend.

Custom Themes

If you would like to customize the theme to your own specifications, you can select "Custom" from the theme dropdown.

Finding the Admin Settings From the Plugins Screen

If you are on the plugin's screen, search for Highlight and Share and click on the Settings link.

Finding the Admin Settings from the Menu

Alternatively, in the admin menu, head to Settings->Highlight and Share.