CAI DNI Implementation Guide Supplement Click-to-Call Code Implementation

Overview

This document serves as a supplement to the Standard DNI Implementation Guide. While the Standard Guide focuses on websites displaying non-clickable text phone numbers, this supplement addresses the specific requirements for implementing Dynamic Number Insertion (DNI) with clickable text phone numbers.


Who Should Read This

This guide is intended for clients who display and utilize clickable phone numbers on their websites. These clickable numbers facilitate click-to-call functionality in two scenarios:

  1. Desktop Devices: The clickable number initiates VOIP calls using services like Google Voice or Skype.
  2. Mobile Devices: The clickable number pre-loads the phone number into the phone dialer or directly dials the number upon a click.

Getting Started

Before proceeding, follow the instructions in Section C. of the Standard DNI Implementation Guide. Complete those steps exactly as outlined.


Supplemental Instructions

Section C. Step 2: Applying Class Elements

For websites with click-to-call functionality, use the following updated examples for class elements and HTML formatting instead of the samples in the Standard DNI Implementation Guide:


Examples

Good:

html

Not So Good:

html


Good:

html

Not So Good:

html


Good:

html

Not So Good:

html


Good:

html

Not So Good:

html


Good:

html

Not So Good:

html


Best Practices

  1. Always apply the correct class elements directly to the <a> tag containing the phone number.
  2. Avoid nesting <span> or <div> tags unnecessarily within the clickable phone number’s HTML structure.
  3. Ensure that the class is applied consistently for all phone numbers on the website.

Support

If you need further assistance, please contact our Support Team:

  • Email: support@convirza.com
  • Phone: 855-889-3939

This guide ensures accurate implementation of DNI for clickable phone numbers, enhancing functionality and maintaining consistency across your website.