# How Highlight and Share Works

Highlight and Share at its core is a highlighter. If users select some text, the user will be shown a row of enabled social networks.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FP01qNIA7BrTti4RLJw12%2Fdlx-has-text-selection.webp?alt=media&#x26;token=0790a5f2-b575-493a-8ff0-3162cdba38ee" alt=""><figcaption><p>Text Selection With Highlight and Share</p></figcaption></figure>

### Content Sharing (Text Selection)

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

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FP01qNIA7BrTti4RLJw12%2Fdlx-has-text-selection.webp?alt=media&#x26;token=0790a5f2-b575-493a-8ff0-3162cdba38ee" alt=""><figcaption><p>Text Selection With Highlight and Share</p></figcaption></figure>

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

{% content-ref url="../content-sharing" %}
[content-sharing](https://docs.dlxplugins.com/highlight-and-share/content-sharing)
{% endcontent-ref %}

### 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 class `has-inline-text`.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FPmNOBZQnIjrzZM1m0wC7%2Fdlx-has-inline-tooltip.webp?alt=media&#x26;token=8100ea32-5d40-449b-8333-282f129fe2eb" alt=""><figcaption><p>Inline Highlighting</p></figcaption></figure>

{% content-ref url="../inline-highlighting/what-is-inline-highlighting" %}
[what-is-inline-highlighting](https://docs.dlxplugins.com/highlight-and-share/inline-highlighting/what-is-inline-highlighting)
{% endcontent-ref %}

{% content-ref url="../inline-highlighting/how-to-add-inline-highlighting-to-text" %}
[how-to-add-inline-highlighting-to-text](https://docs.dlxplugins.com/highlight-and-share/inline-highlighting/how-to-add-inline-highlighting-to-text)
{% endcontent-ref %}

{% content-ref url="../inline-highlighting/configure-inline-highlighting" %}
[configure-inline-highlighting](https://docs.dlxplugins.com/highlight-and-share/inline-highlighting/configure-inline-highlighting)
{% endcontent-ref %}

### Click to Share Block and Shortcode

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

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FKX80UurOepoVkRKDp2wz%2Fdlx-cts.webp?alt=media&#x26;token=c0e0ecc3-63ef-43fd-ab5b-1312345275c4" alt=""><figcaption><p>Click to Share Block/Shortcode to Show Social Networks</p></figcaption></figure>

{% content-ref url="../click-to-share-block/the-click-to-share-block" %}
[the-click-to-share-block](https://docs.dlxplugins.com/highlight-and-share/click-to-share-block/the-click-to-share-block)
{% endcontent-ref %}

{% content-ref url="../click-to-share-shortcode" %}
[click-to-share-shortcode](https://docs.dlxplugins.com/highlight-and-share/click-to-share-shortcode)
{% endcontent-ref %}

### Image Sharing

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FUzHdpHDljtvTdIG6jcPf%2Fdlx-has-image-share.webp?alt=media&#x26;token=30a879cc-95e5-455b-8724-2339360b4b6b" alt=""><figcaption><p>Share to Pinterest and Use the Web Share API</p></figcaption></figure>

Share your images using Pinterest or the Web Share API.

{% content-ref url="../image-sharing" %}
[image-sharing](https://docs.dlxplugins.com/highlight-and-share/image-sharing)
{% endcontent-ref %}

### Headline Sharing

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FjbvyXwTeH05fTVBMxkCc%2Fdlx-headline-sharing.webp?alt=media&#x26;token=95414857-09ad-4ca7-871f-7efa144c6bad" alt=""><figcaption><p>Headline Sharing Allows You to Share Headers</p></figcaption></figure>

Headline sharing lets you share your headers, giving users quick access to copy the headline link and to share it across other social networks.

{% content-ref url="../headline-sharing" %}
[headline-sharing](https://docs.dlxplugins.com/highlight-and-share/headline-sharing)
{% endcontent-ref %}

{% hint style="info" %}
**Highlight and Share is Free**: Please [visit Highlight and Share](https://wordpress.org/plugins/highlight-and-share/) on the WordPress Plugin Directory.
{% endhint %}