The goal of Highlight and Share is to provide an intuitive, lightweight, and extremely flexible way for users to see social sharing options when interacting with your site's content, images, or headlines.
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 wrap a selection with a CSS class has-inline-text.
Click to Share Block and Shortcode
The Click to Share block and shortcode let you heavily customize a "Click to Share" box that readers can click to share.
Image Sharing
Share your images using Pinterest or the Web Share API.
Headline Sharing
Headline sharing lets you share your headers, giving users quick access to copy the headline link and to share it across other social networks.
Highlight and Share is Free: Please on the WordPress Plugin Directory.
Finding the Plugin's Settings
You can find us under Settings->Highlight and Share.
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.
What is Content Sharing?
Highlight and Share lets you share content in multiple ways, including text highlighting, inline highlighting, and the Click to Share block or shortcode.
To configure Content Sharing, and select the Content Sharing tab.
From there, you can configure which social networks are shown, adjust display settings, and set the appearance settings.
Installing the Plugin
Highlight and Share is a free plugin: Please on the WordPress Plugin Directory
If you are going to provide your own styles, you can do so via the shortcode parameters or by creating your own CSS theme for the shortcode.
To specify a theme in the shortcode, just pass a theme-slug as part of the theme shortcode parameter:
There will be a CSS wrapper around the shortcode with custom-red, which you can then style.
Several CSS variables can be used to style the various parts of the Click to Share box. These are listed below:
Configuring the Block Editor Settings
Enable of Disable the Block if not in use
The Click to Share block has a few settings which you can further customize the block.
Disabling or Enabling the Block
If you are not using the Click to Share block, you can disable the block from showing in the block editor.
What is Inline Highlighting
Inline highlighting is a way to manually highlight text
Inline highlighting is a great way to split up a lot of text and place emphasis on a certain portion of text that is ready for sharing.
The inline highlighting is themeable, and is easy to insert either via the block editor or manually via an inline CSS class.
How to Add Inline Highlighting to Text
Highlighting text is incredibly simple
Inline highlighting is very simple. Simply highlight some text in the block editor, and select Inline Social Highlight.
If you need to highlight text outside of the block editor, just wrap a span element around the text and give it a class of has-inline-text.
Configure Inline Highlighting
You'll find inline highlighting options in the Block Editor tab
You can find the Inline Highlighting options in the Block Editor tab in the Highlight and Share admin settings.
Within the Inline Highlighting options, you can:
Disable or enable inline highlighting
Setting the Appearance of the Networks
Adjusting the appearance of Highlight and Share is fast and intuitive. You can choose between several themes, change the orientation and tooltip behavior, and reorder enabled networks.
If you have an Adobe Creative Cloud account, you have Adobe Fonts enabled. If you would like to add Adobe Fonts to the block editor typography options, simply enable Adobe Fonts and enter your web project ID from the Adobe Fonts website.
Adobe Font Options in the Block Editor Settings
Font Family Options in the Block Editor
Inline Highlighting
Lasly, you can configure how inline highlighting will look or even disable it completely.
The Display Rules panel allows you to control where content sharing is enabled. This primarily controls text selection sharing.
Display Rules Panel in the Content Sharing Tab
Configuring Content Sharing Per Post Type
By default, content sharing is enabled for all post types in Highlight and Share. You can exclude post types via the "Excluded Post Types" setting.
Excluded Post Types Option for Content Sharing
You can still selectively enable or disable text sharing via sidebar settings when editing a post.
Enable on Content Areas (Content, Excerpt, and Comments)
A useful setting is the ability to disable text selection on the main content area. Use this if you have content enabled in post types but would like to skip the content area when sharing.
You can also allow text and social sharing on excerpts, and enable it for the comments section.
If you have a page builder, these settings may have no effect. In that case, you'll need .
Enable or Disable for Mobile Devices
Most mobile devices already have content sharing when highlighting text, but you can enable Highlight and Share's additional networks on mobile devices by default. If you wish to disable Highlight and Share on mobile devices, uncheck this option.
Setting a Sharing Prefix and Suffix
For social networks with text sharing enabled, you can wrap the text in a prefix and suffix, for example, a quotation mark, a parenthesis, or other punctuation.
Here's an example post with the prefix and suffix shown:
Enabling Shortlinks
You can find the Shortlinks setting in the Display Rules panel under Content Sharing.
Shortlinks let you share a shorter version of a URL. You will need a shortlink service installed, , for this to work.
The shortlink will display for any social network that allows URL sharing, which is most of them. Here are some compatible WordPress services for shortlinks.
Email Sharing
This page goes over how email sharing works
Email Option on the Frontend
When enabled, emails are a powerful feature and allow users to send themselves or someone else an email about the text selection, highlight, or quote.
When the email is clicked on, a user is shown a modal where the user can input any sharing details.
The Email Modal for Email Sharing
To prevent any spam or bot submissions, Akismet and reCAPTCHA 3 are supported.
Advanced Selectors
Advanced Selectors for Specific Targeting
Highlight and Share supports custom selectors, whether you use a page builder or a non-default editor.
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 to do so by support or a developer.
CSS Class Selectors
Input any CSS classes (with or without the dots and comma-separated).
Highlight and Share will search for these classes and be enabled for any text within them.
An example would be enabling Highlight and Share for widget areas.
CSS ID Selectors
Input any CSS IDs (with or 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 be enabled for any text within them.
Post Wrapper Classes
Add any additional CSS classes when Highlight and Share successfully wraps the content. You can use this for advanced CSS targeting.
Enabling or Disabling Social Networks
These are the filters you can use to enable or disable social networks.
Filters for Hiding/Showing Social Networks
There are filters for each social network where you can enable/disable each network programmatically.
An example of hiding a social network via code would look like this:
There are several filters to programmatically change labels and tooltips.
Here's an example of changing a label and tooltip for Twitter:
The following filters are enabled for labels and tooltips (they both return strings):
has_twitter_text | has_twitter_tooltip
What is Image Sharing?
Enable Pinterest and Web Sharing on images
One of the features of Highlight and Share is that of image sharing. You can find the Image Sharing settings in the Highlight and Share settings under the Images tab.
If image sharing is enabled, you'll see the following when hovering over an image:
You have two options for image sharing:
Pinterest (shows on Desktop and Mobile)
Email Admin Settings
Configure spam protection in the email admin settings
Within the Emails tab in the Highlight and Share settings, you can configure a few spam-protection options.
Akismet Protection
Akismet is a great spam protection tool and if you have it installed, Highlight and Share will attempt to use it for protection.
Configuring a Custom Theme
Choose a custom theme to modify how Highlight and Share shows on the frontend
When selecting a custom theme, you will be presented with several options to configure how the icons display on the frontend.
This section will cover the available customization options.
Hide or Show Labels
Enabling Social Networks
The Social Networks panel lets you enable or disable the various social networks included with Highlight and Share.
Enabling or Disabling a Network
Each can be selected by clicking the checkbox next to .
Clicking the Pinterest icon will allow the user to share on Pinterest.
Web Share API
The Web Share API is native to the user's device, so it behaves slightly differently on iOS than on Android.
For example, on iOS, you can use Web Share to copy the image and save it to Dropbox or other native functions, depending on your device and apps.
Web Share on iOS
How the Web Share API Works
When someone clicks on the Web Share icon to share an image, the image is silently downloaded behind the scenes and stored as a file reference so that the user can then save or copy it onto their device.
The user's device is sent:
URL where the image is displayed.
Image file so the image can be copied, saved, or transferred.
How Highlight and Share Matches the Images
Image matching uses the DOMDocument class to parse and match the images. This allows the Pinterest and Webshare icons to be added natively to the HTML document, displayed via CSS and interacted with via JavaScript.
Check your site's front end after enabling image sharing and make sure nothing has changed regarding its layout.
Up next are the various admin options to customize the output.
Highlight and Share Image Settings
Sharing Options on an Image
Simply enable or disable the Akismet option if you would like to use the service.
Akismet Spam Protection Options
If you do not have Akismet installed or the API key for Akismet is disabled, you will see a warning indicating the status.
reCAPTCHA 3 Protection
reCAPTCHA 3 Settings
reCAPTCHA 3 is an invisible captcha and is designed to be out of the way.
To enable reCAPTCHA 3, you will need a site key and a secret key. Follow the link above to get both keys.
When reCAPTCHA 3 is enabled, you will see a reCAPTCHA icon in the email modal.
For convenience, each network that shares text is clearly labeled.
Configuring a Network's Label, Tooltip, and Settings
Click on the Cog icon to view additional settings for a social network.
Cog Icon Reveals Additional Settings
All networks allow you to edit the label and tooltip for each network.
Edit the Social Network Label and Tooltip for Each Network
Setting "X" Additional Settings, Including Default Username and Hashtags
Networks like "X" allow you to set a default username and enable hashtags.
X Settings Allow For a Default Username and Hashtags
If Hashtags are enabled, they will appear as tags in the post's sidebar settings.
Hashtags in the Post's Sidebar Settings
Setting the Default WhatsApp Endpoint
Another special network is WhatsApp. You can set the endpoint to point to the native desktop application or the web application. You can also choose whether to share the post's URL along with the text.
When enabled, a Pinterest icon will display on an image.
Pin It Badge on Images on Hover
Enable Web Share Sharing
Web Share API on Images
The Web Share API allows for more native sharing and is typically only available on mobile devices or in supported browsers like Safari.
If on a supported browser or device, you'll see a "Share" option when hovering over an image.
Web Share on the Safari Browser
On the user's mobile device, they can copy or share the image as they see fit.
Web Share on a User's Mobile Device
Enable Only Image Sharing Using Web Share
Share Image Only Option for Web Share
Depending on your site, you may want to send only the image and not the URL where the image is located. This can be useful on tutorial sites or educational sites where users may want to copy the images for use in notes easily.
Airdropping and saving images: This option must be enabled to support Airdrop on Mac devices.
Exclude Leading Image
Exclude Leading Image Option for Image Sharing
Sometimes, you have a featured image as the first image and want to skip that image. You can skip this "first" or leading image by checking the "Exclude Leading Image" option.
Select Which Post Types to Enable Image Sharing
You can select which post types have image sharing enabled by checking the enabled post types.
Post Type Options for Image Sharing Display
Sharing Preview
A sharing preview is shown periodically in the admin options to demonstrate what the sharing icons will look like when displayed on your site.
Sharing Preview
Sharing Location
Set the Sharing Location
By default, the sharing icons appear on the image's top-left.
Sharing Location in the Image Sharing Settings
Sharing locations can be:
Top Left
Top Right
Bottom Left
Bottom Right
Center
Example of Center-Aligned Sharing Options
Show on Hover (enabled or disabled)
Show on Hover Option for Image Sharing
By default, the sharing options display when hovering. If you'd like them always visible, switch this option off.
Set up Exclusions
Matching every image can be tricky, so that's why there are exclusions.
Set up Exclusions to Match Keywords or CSS or Data Attributes
Think of exclusions as a way to filter out any images you don't want shared.
Enter a keyword, CSS class name, or data attribute, and the image is skipped if a match is found.
Setting the Button Labels
Show, Hide, and Customize the Button Labels
This section allows you to show or hide the button labels and customize them to match the wording on your site.
If you choose to hide the labels, only the icons will display.
Hide the Sharing Button Labels to Show Icons Only
Setting the Button Shape
Set the Button Shape
Set the button shape, which can be:
Rounded
Circle
Square
The circular button shape is not recommended if the button labels are visible.
Choose rounded for a button with a slight border-radius.
Rounded Button Appearance with Labels
You can also hide the labels and use the Rounded button shape.
Rounded Button Appearance with Labels Hidden
Choose the Square button shape for a more traditional button appearance.
Square Button Appearance
Choose the Circle button shape if you wish to display the icons only in a circular shape. Please note that the Circle button shape is only recommended if the labels are hidden.
Circle Button Shape with Labels Hidden
Changing the Pinterest Colors
All colors for the Pinterest sharing icon and label can be customized.
Pinterest Color Options
Each color can be adjusted to match your site.
Pinterest Color Picker Option
A live preview is beneath the color options to see the changes quickly.
Changing the Web Share Colors
All colors for the Web Share sharing icon and label can be customized.
Web Share Color Options
You can use the color picker to match the button to your site.
Customize the Web Share Colors
Image Sharing Options in Highlight and Share
Enable Image Sharing Option
The Click to Share Block
Create a clickable quote for sharing to the social networks
The Click to Share Block in the Block Editor
Finding the Block
Use a / command and look for Click to Share.
Alternatively, use the "+" Block Inserter icon and search for Click to Share.
Block Overview
Main Block Interface
In the main block interface, you will find an editable section for the Quote or text you would like to share. There is also a CTA which you can edit/modify.
Modifying What to Share
You can modify the text directly on the block that you would like to share.
There are several formatting options including:
Bold
Italics
Highlight (change text color)
You can further customize the share text in the sidebar options in the Block Editor.
Sidebar Options
There are numerous sidebar options to customize how the Click to Share block will show up on the frontend.
Responsive View
The block has three "preview" modes:
Desktop
Tablet
Mobile
Clicking on each icon will show what the block will look like with that particular screen size.
Share Settings
Within the Share Settings, you can disable the CTA, modify the text for the CTA, show/hide the sharing icon, and even adjust the sharing icon size.
Background Settings
You can adjust the background settings of the block.
You can choose between a solid background, a gradient, or a background image.
With the Solid background option, you can choose a background and hover background color.
The Gradient background type, you can sync the gradients (edit both gradients at once), and even have a random gradient generated for you.
The Image option for the background allows you to upload an image and it will be applied to the background of the block.
In addition, you can set a background color which will work with the opacity settings.
Finally, you can adjust the background settings such as setting positioning, changing the background size, etc.
Color Options
You can adjust the colors of just about every element in the Click to Share block.
Simply click on the color to change it.
Typography
The typography settings can be adjusted for each text section. You can also adjust the typography for each mobile responsive breakpoint (desktop, tablet, mobile).
Click on the Typography settings to adjust the various typography options.
Spacing and Borders
Lastly, you can adjust the spacing, max-width, and borders of the block.
Each spacing setting can also be configured per mobile responsive breakpoint (desktop, tablet, mobile).
Actions and Filters
Here are the main actions and filters for Highlight and Share. They are documented in the code, but for now, here are some main ones, which will be fleshed out later.
//Demonstrates how to select paragraph text only
add_filter( 'has_js_selectors', 'hs_custom_selectors', 10, 5 );
function hs_custom_selectors( $selectors, $content = array(), $classes = array(), $ids = array(), $elements = array() ) {
//With $content, $classes, $ids, $elements, you can build your own selectors
//Or just override $selectors (a string) with your own custom ones
return '.has-content-area p, .has-excerpt-area p';
}
Strikethrough
Subscript
Superscript
The Main Block Interface
Formatting Options for the Text to Share
Responsive View and Click to Share Text Settings
The Share Settings for the Click to Share Block
Solid Background Type for the Click to Share Block
Gradient Options for the Click to Share Block
Background Image Type for the Click to Share Block
Color Options for the Click to Share Block
Built-in Color Picker
Typography Options in the Click to Share Block
Popover Typography Options
Adjust the Spacing for the Click to Share Block
Enabling Tracking Stats
Highlight and Share can be used to track stats for the social networks you interact with.
Overview
When a user shares content (via a social button or Web Share), the plugin can send a share event to your analytics stack. Stats are on by default; you can turn them off globally or restrict which data is sent for privacy.
Three channels receive the same event (when stats are enabled):
Channel
Purpose
If stats are disabled, nothing is pushed to any channel.
Event name
Context
Event name
Data sent (payload)
The event carries a small payload. By default, URL, share text, and title are not sent (they are sent as empty strings). Enable enhanced mode to include them.
dataLayer & CustomEvent (camelCase)
Field
When populated
Description
GA4 (gtag) — snake_case parameters
Parameter
When populated
Description
Synthetic events (CustomEvent)
The plugin dispatches a syntheticCustomEvent on window so your own scripts (or GTM custom HTML tags) can react to shares without relying on dataLayer or gtag.
What is sent
The event is dispatched as:
Event type:has:share
Target:window
Options:{ bubbles: true, cancelable: false }
Property
Type
Description
How to listen
Attach a listener to window for the event type has:share. Read the payload from event.detail.
The listener runs only when stats are enabled (has_stats_enabled / HAS_STATS_ENABLED). If stats are disabled, no CustomEvent is dispatched.
Constants
Define these in wp-config.php (or before the plugin runs) to set defaults. Filters can still override them.
HAS_STATS_ENABLED
Default: Stats are enabled (no constant = tracking on).
Use: Set to false to turn off all stats (dataLayer, gtag, and CustomEvent).
HAS_STATS_ENHANCED
Default: Enhanced data is off (no constant = URL, text, and title are not sent).
Use: Set to true to allow sending URL, share text, and title in the payload.
Filters
Use these in your theme or plugin to override the constants or implement conditional logic.
has_stats_enabled
Purpose: Turn stats on or off for the frontend.
Default passed: Value from HAS_STATS_ENABLED if defined, otherwise true.
Return:true
has_stats_enhanced
Purpose: Allow or disallow sending URL, share text, and title (privacy-sensitive fields).
Default passed: Value from HAS_STATS_ENHANCED if defined, otherwise false.
Return:true
Shortcode Parameters
You can enable the Click to Share box anywhere shortcodes are supported.
Click to Share Box
The Click to Share box can be enabled via shortcode. Here's a simple shortcode in use below:
It'll produce a default Click to Share box like shown below:
Default Appearance of Click to Share Shortcode
Here's a diagram of the various parts of the Click to Share box.
Diagram of Click to Share Box
Click to Share text - This is the text that will be shared with the social networks.
Click to Share button text - This is the text that is displayed for the Click to Share button.
Click to Share icon - The icon used for the Cilck to Share button.
Here are the shortcode arguments available for the Click to Share shortcode box.
unique_id
Use this to wrap a unique ID around the shortcode, otherwise it'll be random.
theme
Can be:
default (light appearance)
purple
blue
dark
align
Can be:
left
center (default)
right
show_click_to_share
Show the Click to Share section with text and an icon.
Can be:
true (default)
false
Example:
show_click_to_share_text
Show or hide the label in the Click to Share icon section.
Can be:
true (default)
false
Example:
show_icon
Show or hide the icon in the Click to Share icon section.
Can be:
true (default)
false
icon
Determine which sharing icon will be used in the Click to Share box.
Can be:
has-share-1
has-share-2
has-share-3
has-share-4
has-share-5
has-share-6
has-share-7
has-share-8
has-share-9
Example:
icon_size
Determine the icon size of the Click to Share icon section.
Can be:
small
medium (default)
large
Example:
custom_share_text
Input text that will be shared instead of the wrapped sharing text.
Example:
font_family
Choose the font family that will be used for the Click to Share shortcode.
Can be:
Josefin Sans
Karla
Lato
Montserrat
Example:
button_font_family
Choose the font family that will be used for the Click to Share button.
Can be:
Josefin Sans
Karla
Lato
Montserrat
Example:
click_text
This will change the Click to Share button text.
Example:
margin
Specify the margin that'll be used for the Click to Share shortcode. This will override a theme default.
Default: empty.
Example:
padding
Specify the padding that'll be used for the Click to Share shortcode. This will override a theme's default styles.
Example:
icon_color, icon_color_hover
Set the default color and hover color of the Click to Share icon.
Example:
text_color, text_color_hover
Set the default and hover color value of the main body text in the Click to Share box.
Example:
share_text_color, share_text_color_hover
Set the default and hover color of the sharing button.
Example:
background_color, background_color_hover
Set the default and hover background color of the Click to Share box.
Example:
font_size
The font size of the sharing text in the Click to Share box.
Can be:
small
medium (default)
large
Example:
click_share_font_size
The font size of the sharing button in the Click to Share box.
Can be:
small
medium (default)
large
Example:
border, border_hover
Set the CSS border of the Click to Share box in normal and hover state.
Example:
border_radius
Specify the CSS border radius of the Click to Share box.
Example:
max_width
The maximum width of the Click to Share box. Can be any valid CSS width.
Example:
Available Social Networks
This page goes over the available social networks in Highlight and Share
Highlight and Share does not load external social media scripts and styles.
The social networks included with Highlight and Share have sharing endpoints that are accessed directly. As a result, there are a minimal amount of resources that Highlight and Share needs.
The following social networks are supported by Highlight and Share.
[has_click_to_share]This is some text I'd like to share.[/has_click_to_share]
hasSharePostUrl
Enhanced only
URL being shared (privacy-sensitive).
hasSharePostTitle
Enhanced only
Title of the content (privacy-sensitive).
has_share_post_title
Enhanced only
Same as hasSharePostTitle.
Payload: The same payload as dataLayer is in event.detail (camelCase). When enhanced is off, hasShareText, hasSharePostUrl, and hasSharePostTitle are empty strings.
event.detail.hasSharePostUrl
string
Shared URL (empty unless enhanced).
event.detail.hasSharePostTitle
string
Content title (empty unless enhanced).
to enable,
false
to disable.
to send enhanced fields,
false
to send empty strings for them.
dataLayer
Google Tag Manager (and any GTM-based tags).
gtag
Google Analytics 4 when gtag() is present on the page.
window.addEventListener( 'has:share', function( event ) {
var payload = event.detail;
console.log( 'Share:', payload.hasSocialNetwork, payload.hasShareType );
// Optional: send to your own analytics or API.
} );
// With enhanced enabled, you can use URL, text, and title.
window.addEventListener( 'has:share', function( event ) {
var payload = event.detail;
if ( payload.hasSharePostUrl ) {
console.log( 'Shared URL:', payload.hasSharePostUrl );
}
} );
// In wp-config.php: disable all share tracking.
define( 'HAS_STATS_ENABLED', false );
// In wp-config.php: allow sending URL, share text, and title.
define( 'HAS_STATS_ENHANCED', true );
// Disable all stats (e.g. for EU unless consent given).
add_filter( 'has_stats_enabled', function( $enabled ) {
return false; // or your consent check.
} );
// Or use the helper.
add_filter( 'has_stats_enabled', '__return_false' );
// Enable only when a consent cookie is set.
add_filter( 'has_stats_enabled', function( $enabled ) {
return isset( $_COOKIE['analytics_consent'] ) && $_COOKIE['analytics_consent'] === 'yes';
} );
// Enable enhanced data (URL, text, title) when stats are on.
add_filter( 'has_stats_enhanced', '__return_true' );
// Enable enhanced only for logged-in admins (example).
add_filter( 'has_stats_enhanced', function( $enhanced ) {
return current_user_can( 'manage_options' );
} );
[has_click_to_share show_click_to_share="false"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share show_click_to_share_text="false"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share show_icon="false"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" icon="has-share-9"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="pink" icon_size="large"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share custom_share_text="Share this instead"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" icon="has-share-9" font_family="Josefin Sans" button_font_family="Lato"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" icon="has-share-9" font_family="Josefin Sans" button_font_family="Lato"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" click_text="Share This!"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share margin="20px auto"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" padding="35px 45px"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" icon_color="#f58220" icon_color_hover="#e76f1a"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" text_color="#f58220" text_color_hover="#e76f1a"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="purple" share_text_color="#f58220" share_text_color_hover="#e76f1a"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" background_color="#dee2e6" background_color_hover="#FFFFFF"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" font_size="large"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" click_share_font_size="large"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" border="1px solid red" border_hover="1px solid black"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" border_radius="10px"]This is some text I'd like to share.[/has_click_to_share]
[has_click_to_share theme="default" max_width="550px" border_radius="10px"]This is some text I'd like to share.[/has_click_to_share]
Twitter
Yes
Facebook
No
Bluesky
Yes
Threads
Yes
Mastodon
Yes
Pinterest
No (Images only)
WhatsApp
Yes
Requesting New Social Networks
New social networks can absolutely be added to Highlight and Share. However, the sharing mechanism must have an endpoint (see below).
Endpoints Required: Highlight and Share does not load any third-party scripts from social networks. A publicly available endpoint is required.
