Description
A WordPress plugin for highlighting text and sharing it via Twitter and Facebook and other services including LinkedIn, Email, Xing, and WhatsApp. There’s also a built-in Gutenberg block that will allow your users to Click to Share.
Sharing selectable text is only possible via Twitter, Facebook, and WhatsApp. However an option to share the post via LinkedIn, Pinterest, and E-mail are also present when highlighting text as a convenience.
This plugin is intended to be highly flexible in selecting content areas (via the Plugin’s settings).
The plugin also has a Gutenberg block that is a click-to-share piece.
If you have a feature request, please add a GitHub issue.
Please Rate the Plugin or Give Back to show support.
Features
- Choose a theme for display.
- Enable or disable on main content and excerpts.
- Enable or disable Facebook sharing.
- Enable or disable Twitter sharing.
- Customize the Twitter username used.
- Advanced: Override which content is selectable (using jQuery class notation without the dots).
- Advanced: Override the Font Awesome classes, especially if you’re using Font Awesome 5
- Advanced: Gutenberg block for Click to Share
Advanced customization is allowed via hooks. See the plugin’s GitHub page for filter documentation.
Recommended Plugins
- Better Font Awesome – Enables Twitter/Facebook sharing icons
- WordPress SEO – For Facebook OpenGraph data
- Jetpack – For Shortlinks
You are welcome to help us out and contribute on GitHub.
Screenshots
Highlighting and Sharing. 
Click to Share block in Gutenberg. 
Custom highlighted text in Gutenberg. 
Custom highlighted text on the front-end.
Blocks
This plugin provides 1 block.
- has/click-to-share
- Highlight and Share
Installation
- Just unzip and upload the “highlight-and-share” folder to your ‘/wp-content/plugins/’ directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
-
Can I share text using Facebook?
-
You can if you have a Facebook App ID. They are easy to create.
Here’s a video showing you how:
-
Will you be adding more sharing services?
-
Possibly. Open up an issue.
-
I’m using Font Awesome 5 and the icons aren’t showing up
-
FontAwesome 5 deprecated a lot of FontAwesome 4, so head to the settings and go under Advanced.
- For Twitter, enter:
fab fa-twitter - For Facebook, enter
fab fa-facebook - For LinkedIn, enter
fab fa-linkedin - For Pinterest, enter
fab fa-pinterest - For Xing, enter
fab fa-xing - For WhatsApp, enter
fab fa-whatsapp - For Copy, enter far
fa-copy - For Email, you can leave this as
fa fa-envelope
- For Twitter, enter:
-
I want to include my own CSS. How can I do that?
-
You can turn off the theme.
You can then include your own CSS in your theme.
For the black CSS file shown in the, adhere to the JSFiddle and place the CSS in the WordPress customizer. As of 2.3.0, themes are built in and there is no need to include custom styles.
-
Does this plugin work on mobile devices?
-
Yes, it has successfully been tested on iOS and Android devices.
-
What Browsers Have You Tested This In?
-
So far, the latest versions of Chrome, Firefox, and Safari. Works for IE9+
Reviews
Contributors & Developers
“Highlight and Share” is open source software. The following people have contributed to this plugin.
Contributors
“Highlight and Share” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “Highlight and Share” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
3.2.11
- Released 2020-05-10
- Adjusting styles (particularly for Elementor Pro) to be more specific in intention of what the colors of the highlighting interface is.
3.2.10
- Released 2020-04-29
- Fixed compatiblity issues with Page Builders.
3.2.9
- Released 2020-02-24
- Fixing inline highlighting on mobile devices.
3.2.0
- Released 2020-02-16
- Added inline highlighting formatting option in Gutenberg.
3.1.5
- Released 2019-10-20
- Code cleanup and smaller footprint for Gutenberg block.
3.1.2
- Released 2019-07-10
- Prevent HAS from showing in the admin area.
3.1.1
- Released 2019-06-13
- Fixing infinite loop issue with JS errors when clicking on the buttons.
3.1.0
- Released 2019-05-11
- Removing show service on hover (was conflicting on smaller screens)
- Adding Cyan theme (icons only)
- Fixing highlight position on desktop/mobile to it doesn’t go off screen
- Fixing highlight position on Gutenberg block so that it’s centered above the block
3.0.9
- Released 2019-04-07
- Show service on hover.
3.0.8
- Released 2019-03-30
- Fixing bug in Click to Share email functionality and honering margins on Click to Share block.
3.0.7
- Released 2019-03-03
- Hot fix for undefined JavaScript error in email popup
3.0.6
- Released 2019-03-03
- Resolving undefined error in email popup
3.0.5
- Released 2019-03-03
- Fixing email JavaScript error
3.0.4
- Released 2019-02-01
- Fixed copy functionality when Gutenberg block is present
- Fixed copy styling in default theme
- Fixed URL shortening error when URL shortening is enabled
3.0.3
- Released 2019-01-17
- Hotfix: Regular text was not showing all icons
3.0.2
- Released 2019-01-17
- Fixing issue when email addresses use an alias
3.0.1
- Released 2019-01-17
- Fixing multiple HAS interfaces showing in Gutenberg block.
3.0.0
- Released 2019-01-16
- Added copy functionality.
- Added Click to Share Gutenberg block.
2.4.8
- Released 2018-12-12
- Highlighted text now shows in email notifications
2.4.7
- Released 2018-12-10
- Ensuring undefines do not show up when emailing
2.4.6
- Released 2018-10-02
- Added modal to emails for better mobile compatibility
2.4.1
- Released 2018-09-05
- Fix: Facebook App ID uses a different sanitzation technique to prevent App ID errors.
2.4.0
- Released 2018-09-02
- New theme: Brand Colors (icons only).
- Enhancement: You can now customize Highlight and Share through the customizer.
2.3.6
- Released 2018-08-28
- Hotfix: Email styles failed to commit.
2.3.5
- Released 2018-08-26
- Reworked email so it doesn’t pop up in a new window and is shown inline very similar to JetPack’s email functionality.
2.3.1
- Released 2018-08-20
- Bug fix: some settings weren’t being saved correctly.
2.3.0
- Released 2018-08-19
- Added the ability to select themes. No more need for custom CSS.
- Added the ability to change FontAwesome classes for compatibility with FontAwesome 5.
2.2.2
- Released 2018-07-27
- Added support for WhatsApp
2.2.0
- Released 2018-02-11
- Added support for XING
- Added better support for emailing
2.1.7
- Released 2018-02-10
- JS Related bug where the wrong text was showing for Twitter sharing.
2.1.5
- Released 2017-11-15
- CSS adjustment for better theme compatibility.
2.1.2
- Released 2017-02-12
- Fixing iOS/Android issue with highlighted text being only the initial selection.
2.1.0
- Released 2017-01-11
- Sharing via Facebook is now possible if you create a Facebook application ID.
2.0.1
- Released 2016-10-20
- Fixing %text% issue in iOS10.
2.0.0
- Released 2016-05-21
- Enhancement: Added LinkedIn, Pinterest, and E-mail buttons
- Enhancement: Allow icons only view.
1.2.7
- Released 2015-11-08
- Fixing polish translation
1.2.5
- Released 2015-11-08
- Added Polish translation
- Added minified scripts
1.2.1
- Updated 2015-10-29
- Testing for WordPress 4.4
- Added German translation
1.2.0
- Updated 2015-09-07
- Fixed loading order of initial filters to be better overridable in the context of a WordPress query
- Fixed typo in the admin section
- Added filter to change content URL
1.1.2
- Updated 2015-08-20 – WordPress 4.3 compatibility
- Released 2015-04-19
- Fixing issue with multiple twitter popups.
- Ensuring WordPress 4.2 compatibility.
1.1.1
- Released 2015-03-18
- Added filter for customizing the jQuery selectors
1.1.0
- Released 2015-03-16
- Added option for shortlink in the settings
- Removed the requirement for having to set a Twitter handle
1.0.0
- Updated 2014-12-11 – Ensuring WordPress 4.1 compatibility
- Released 2014-12-03
- Initial release on WordPress.org