# 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 to your Webflow project's **global settings**, inside the `` tag: ```html ``` **That's it!** ContactCloak™ initializes automatically and is ready to use. #### 2. Encrypt Your Contact Information First, encrypt your contact information using our encryption tool. You can add the encrypter utility to your site for easy encryption: ```html ``` Or use a simple Base64 encoding tool to encrypt your contact information. #### 3. Add Encrypted Data Attributes Add the encrypted values to your HTML elements using the appropriate data attributes: ```html Contact Us Call Us ``` The encrypted values will be automatically decrypted and displayed when the page loads. *** ### Usage #### Protecting Email Addresses Encrypt your email address and add it to an `` tag using the `rd-ss-email` attribute: ```html Send us an email ``` ContactCloak™ will automatically: * Decrypt the email address * Set the `href` attribute to `mailto:your-email@example.com` * Display your link text normally #### Protecting Phone Numbers Encrypt your phone number and add it to an `` tag using the `rd-ss-phone` attribute: ```html Call us today ``` ContactCloak™ will automatically: * Decrypt the phone number * Set the `href` attribute to `tel:+1234567890` * Display your link text normally #### Protecting Text Content Encrypt any sensitive text and add it using the `rd-ss-text` attribute: ```html ``` ContactCloak™ will automatically: * Decrypt the text content * Set the element's `textContent` to display the decrypted text #### Data Attributes * **`rd-ss-email`** — Contains the Base64-encoded email address. Applied to `` tags to create mailto links. * **`rd-ss-phone`** — Contains the Base64-encoded phone number. Applied to `` tags to create tel links. * **`rd-ss-text`** — Contains the Base64-encoded text content. Applied to any element to display encrypted text. *** ### How It Works 1. On page load, ContactCloak™ scans for all elements with `rd-ss-email`, `rd-ss-phone`, and `rd-ss-text` attributes 2. It decrypts the Base64-encoded values 3. For email links, it sets the `href` attribute to `mailto:decrypted-email` 4. For phone links, it sets the `href` attribute to `tel:decrypted-phone` 5. For text elements, it sets the `textContent` to the decrypted text 6. Your contact information is now visible and functional for real users, but remains encrypted in the source code #### Example: Complete Contact Section ```html

Get in Touch

 info@example.com +1 (122) 334-4566

123 Main Street

``` When visitors load the page, all contact information will be automatically decrypted and functional, while bots scraping your HTML source will only see encrypted strings. #### Encryption Tool To encrypt your contact information, use our encryption utility. Add this script to a development page or use a standalone encryption tool: ```html ``` Then create an encryption form with these attributes: ```html ``` Or use any Base64 encoding tool to encrypt your contact information. *** ### Support Need help? Join our [Slack community](https://join.slack.com/t/rdcommunity/shared_invite/zt-2zser6sir-3CnFYB6gP4lvQsV2rY3wGw). *** ## Product Tracking ContactCloak™ includes an extremely lightweight telemetry module that helps us understand product adoption patterns. This information allows us to focus our support efforts and prioritize product enhancements where they matter most. **What We Track:** * **Product Identifier**: The name of the product (e.g., "CONTACT\_CLOAK") * **Domain**: The public hostname where the product is installed (e.g., "example.com") **Privacy & Performance:** * No cookies, fingerprinting, or personally identifiable information * Only runs on live, public domains (never on localhost or development environments) * Single lightweight request sent once per page load * Data is aggregated for internal analytics only * Not used for advertising, marketing, or tracking *** --- # Agent Instructions: 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: ``` GET https://docs.reform.digital/contact-cloak.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.