> For the complete documentation index, see [llms.txt](https://docs.reform.digital/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.reform.digital/contact-cloak.md).

# ContactCloak™

***

## Overview

ContactCloak™ encrypts your email addresses and phone numbers in your HTML, making them invisible to bots and scrapers while remaining fully functional for real users. When visitors load your page, ContactCloak™ automatically decrypts and displays your contact information, ensuring a seamless user experience without compromising security.

### Features

* **Email protection** — Encrypts email addresses in mailto links to prevent scraping
* **Phone number protection** — Encrypts phone numbers in tel links to prevent harvesting
* **Text encryption** — Encrypts any sensitive text content that you want to protect
* **Zero dependencies** — Lightweight and fast-loading
* **Webflow-friendly** — Works seamlessly with Webflow sites
* **Automatic decryption** — Contact information is automatically decrypted on page load for real users

***

### Quick Start

#### 1. Add the script

Add this script to your Webflow project's global `<head>` settings:

```html
<!-- ContactCloak™ by Reform Digital® -->
<script
  src="https://cdn.jsdelivr.net/npm/@reform-digital/contact-cloak@1.0.2/prod/contact-cloak.js"
  defer
></script>
```

#### 2. Encrypt your information

Generate encrypted values with the [Contact Cloak encryption tool](https://contact-cloak.webflow.io).

#### 3. Add the appropriate attribute

| Attribute     | Apply to    | Result                                          |
| ------------- | ----------- | ----------------------------------------------- |
| `rd-cc-email` | `<a>`       | Sets its `href` to the decrypted `mailto:` link |
| `rd-cc-phone` | `<a>`       | Sets its `href` to the decrypted `tel:` link    |
| `rd-cc-text`  | Any element | Displays the decrypted value as text            |

```html
<!-- Email -->
<a rd-cc-email="aW5mb0BleGFtcGxlLmNvbQ==">Email us</a>

<!-- Phone -->
<a rd-cc-phone="KzExMjIzMzQ0NTU2Ng==">Call us</a>

<!-- Protected text, such as an address -->
<span rd-cc-text="TmV3IFlvcmssIE5ZIDEwMDAx"></span>
```

Use generic link labels such as “Email us” and “Call us.” Writing the original contact details inside the HTML would expose them to scrapers.

### How It Works

On page load, ContactCloak™ finds the supported `rd-cc-*` attributes, decrypts values generated by the [Contact Cloak encryption tool](https://contact-cloak.webflow.io), and updates each element. Visitors receive functional links and readable text while the original contact information remains absent from the HTML source.

### Product Tracking

ContactCloak™ sends one lightweight, anonymous installation request per product and public domain in each browser. This helps Reform Digital® understand adoption and prioritize improvements.

The request contains only:

* The product identifier (`CONTACT_CLOAK`)
* The public hostname where it is installed (for example, `example.com`)

Tracking does not run on localhost, private networks, or numeric IP addresses. It uses no cookies, fingerprinting, or personally identifiable information, and the aggregated data is not used for advertising or marketing.

### Support

Need help? Join the [Reform Digital® Slack community](https://join.slack.com/t/rdcommunity/shared_invite/zt-2zser6sir-3CnFYB6gP4lvQsV2rY3wGw).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.reform.digital/contact-cloak.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
