LogoLogo
Highlight and ShareGet QuotesDLXDLX PluginsMediaRon
Highlight and Share
Highlight and Share
  • Welcome to Highlight and Share
  • Getting Started
    • Installing the Plugin
    • Finding the Plugin's Settings
    • How Highlight and Share Works
    • Configuring the Display Settings
    • Enabling the Social Networks
    • Enabling Shortlinks
    • Advanced Selectors
    • Changing Themes and Appearance
      • The Theme Preview
      • Reordering the Social Networks
      • Choosing a Theme
      • Configuring a Custom Theme
  • Inline Highlighting
    • What is Inline Highlighting
    • How to Add Inline Highlighting to Text
    • Configure Inline Highlighting
  • Image Sharing
    • What is Image Sharing?
    • Configuring Image Sharing
  • Click to Share Shortcode
    • Shortcode Parameters
    • Custom Shortcode Themes
  • Click to Share Block
    • The Click to Share Block
    • Configuring the Block Editor Settings
  • Emails
    • Email Sharing
    • Email Admin Settings
  • Developers
    • Available Social Networks
    • Actions and Filters
      • Disable or Enable Text Selection
      • Changing Labels and Tooltips
      • Disabling CSS
      • Enabling or Disabling Social Networks
    • GitHub Repo
  • Quick Links
    • Highlight and Share Home
    • Highlight and Share Download
    • Support
    • MediaRon Home
    • DLX Plugins Home
    • Brand Assets
Powered by GitBook
On this page
  • Web Share API
  • How the Web Share API Works
  • How Highlight and Share Matches the Images

Was this helpful?

Export as PDF
  1. Image Sharing

What is Image Sharing?

Enable Pinterest and Web Sharing on images

PreviousConfigure Inline HighlightingNextConfiguring Image Sharing

Last updated 10 months ago

Was this helpful?

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)

  • Web Share (shows only on mobile devices)

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.

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:

  1. URL where the image is displayed.

  2. Image file so the image can be copied, saved, or transferred.

How Highlight and Share Matches the Images

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.

Image matching uses the 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.

DOMDocument class
Highlight and Share Image Settings
Sharing Options on an Image
Web Share on iOS