Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Show available social networks when a user interacts with the text on your website.
The goal of Highlight and Share: Provide an intuitive, lightweight, and extremely flexible way for users to be shown social sharing options when interacting with your site's content or images.
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.
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
.
The Click to Share block and shortcode allows you to heavily customize a "Click to Share" box that readers can click on to share.
Share your images using Pinterest or the Web Share API.
Highlight and Share is Free: Please visit Highlight and Share on the WordPress Plugin Directory.
Enabling/disabling the social networks is straightforward.
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.
The following social networks are available for sharing.
Network | Allows Text Sharing |
---|---|
Yes
No
Threads
Yes
Bluesky
Yes
Yes
No
Tumblr
Yes
Telegram
Yes
No
No
Yes
Copy
Yes
Highlight and Share is a free plugin: Please visit the plugin on the WordPress Plugin Directory
Log into your WordPress admin (i.e., your dashboard)
Go to Plugins->Add New
Type in "Highlight and Share"
Install and Activate the plugin
After activation, you can find the plugin's settings in the Dashboard under Settings->Highlight and Share.
Download the plugin zip file from the WordPress Plugin Directory
Unzip the plugin zip in a place you can remember for the next steps
Log into your FTP program of choice for your website
Upload the unzipped folder into wp-content/plugins
Log into your admin dashboard
Head to the plugins screen
Search for Highlight and Share.
Activate the plugin
After activation, you will be taken to the plugin's settings screen.
Find out how to enable/disable shortlinks
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.
Shortlinks Require a Third-Party Service
Highlight and Share does not provide native URL shortening. You'll need a shortlink plugin enabled, and Highlight and Share will try to use the shortlink from the third-party service.
For shortlink services, it is recommended to use Jetpack or Bitly.
Enable Highlight and Share on other areas of your site
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.
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.
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.
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.
Choose from several included themes or choose a custom theme
Changing themes is easy and you'll find the theme selection options under the Appearance tab in the Highlight and Share settings page.
Choose between several built-in themes to quickly customize the look and appearance of Highlight and Share.
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.
The default theme shows brand colors and labels.
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.
You can choose between horizontal and vertical orientation.
The preview below will show how the social icons will look on the frontend.
If you would like to customize the theme to your own specifications, you can select "Custom" from the theme dropdown.
You can find us under Settings->Highlight and Share.