TCMS Encode comes with two stacks. The TCMS Encode Stack is used on your Total CMS or Easy CMS admin pages to encode your CMS email addresses. The TCMS Decode Stack is used to on any of your public CMS pages where you want to display CMS email address.
While this tutorial focuses on obfuscating email addresses, you can also encode and obfuscate phone numbers, or any other text by using the "span" code snippet.
Encoding CMS Email Addresses
Navigate to your Total CMS or Easy CMS Admin page and drag and drop a TCMS Encode Stack under the CMS Text Input Stack containing the email input. The stack can be dropped anywhere on the page but it's more convenient to place it closer to the stack that you're encoding.
Copy & Paste or type the CMS ID of the CMS Text Input Stack containing the email address that you want to encode. You'll see the CMS ID value appear inside the TCMS Encode Stack for easy identification.
Select a Key value between 0 and 255 to be used in the encoding algorithm.
To view the encoded email address in Preview Mode, check the box "Show Encoded Value".
Preview your Admin page to verify that the stack is working. When you type or edit an existing email address, the encoded value is updated in realtime.
Clicking anywhere outside of the CMS text box or saving the page, will save the encoded email address for use on your public pages.
Decoding CMS Email Addresses
Navigate to your support page or any of your other public pages where you want to display the email address and drop a TCMS Decode Stack anywhere on the page. Enter the same CMS ID that you used on the CMS Admin page.
Selecting "Show Info" will allow you to see the HTML Code Snippets that you should use to display the corresponding email address.
The stack settings have HTML code snippets that you can copy and paste anywhere on your page where you want display an email address. You can use the same snippet multiple times if you need to display the email address more than once.
- Use the TCMS Encode Stack in your Total CMS or Easy CMS Admin pages to encode email addresses.
- Use the TCMS Decode Stack in your Total CMS or Easy CMS public pages to decode the email addresses and display them safely.