--- title: CAI DNI Implementation Guide Supplement Click-to-Call Code Implementation description: 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 s --- [Skip to content](https://kb.convirza.com/cai-dni-implementation-guide-supplement-click-to-call-code-implementation#main-content) English Show submenu for translations [More support](https://kb.convirza.com/kb-tickets/new?hsLang=en) ![Convirza](https://kb.convirza.com/hs-fs/hubfs/Asset%201@4x.png?width=149&height=39&name=Asset%201@4x.png) Open main navigation Close main navigation - English Show submenu for translations - [More support](https://kb.convirza.com/kb-tickets/new) - Contact us Contact us How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://kb.convirza.com/?hsLang=en) 2. [Features & Settings](https://kb.convirza.com/features-settings?hsLang=en) 3. [DNI](https://kb.convirza.com/features-settings?hsLang=en#dni) # 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 ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-36-02-5515-AM.png?width=688&height=62&name=image-png-Jan-03-2025-10-36-02-5515-AM.png) **Not So Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-36-35-8445-AM.png?width=688&height=63&name=image-png-Jan-03-2025-10-36-35-8445-AM.png) --- **Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-37-15-2327-AM.png?width=688&height=68&name=image-png-Jan-03-2025-10-37-15-2327-AM.png) **Not So Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-37-45-3754-AM.png?width=688&height=65&name=image-png-Jan-03-2025-10-37-45-3754-AM.png) --- **Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-38-33-2158-AM.png?width=688&height=65&name=image-png-Jan-03-2025-10-38-33-2158-AM.png) **Not So Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-39-08-2313-AM.png?width=688&height=62&name=image-png-Jan-03-2025-10-39-08-2313-AM.png) --- **Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-41-20-9686-AM.png?width=688&height=64&name=image-png-Jan-03-2025-10-41-20-9686-AM.png) **Not So Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-40-54-0009-AM.png?width=688&height=67&name=image-png-Jan-03-2025-10-40-54-0009-AM.png) --- **Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-41-53-1857-AM.png?width=688&height=64&name=image-png-Jan-03-2025-10-41-53-1857-AM.png) **Not So Good:** html ![](https://kb.convirza.com/hs-fs/hubfs/image-png-Jan-03-2025-10-42-37-6187-AM.png?width=688&height=90&name=image-png-Jan-03-2025-10-42-37-6187-AM.png) --- ### **Best Practices** 1. Always apply the correct class elements directly to the tag containing the phone number. 2. Avoid nesting or
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. - [Getting Started](https://kb.convirza.com/getting-started?hsLang=en#main-content) - [Configuring Your Account](https://kb.convirza.com/getting-started?hsLang=en#configuring-your-account) - [Application How To](https://kb.convirza.com/application-how-to?hsLang=en#main-content) - [Tips and Tricks](https://kb.convirza.com/application-how-to?hsLang=en#tips-and-tricks) - [Integrations](https://kb.convirza.com/integrations?hsLang=en) - [Convirza API](https://kb.convirza.com/convirza-api?hsLang=en) - [Features & Settings](https://kb.convirza.com/features-settings?hsLang=en#main-content) - [Spam Calls & STIR/SHAKEN](https://kb.convirza.com/features-settings?hsLang=en#spam-calls-stir-shaken) - [DNI](https://kb.convirza.com/features-settings?hsLang=en#dni) - [White Label](https://kb.convirza.com/features-settings?hsLang=en#white-label) - [QR Codes](https://kb.convirza.com/features-settings?hsLang=en#qr-codes) - [Data Append](https://kb.convirza.com/features-settings?hsLang=en#data-append) - [Multi Language Support](https://kb.convirza.com/features-settings?hsLang=en#multi-language-support) - [Telecom](https://kb.convirza.com/telecom?hsLang=en#main-content) - [SMS](https://kb.convirza.com/telecom?hsLang=en#sms) - [Number Porting](https://kb.convirza.com/telecom?hsLang=en#number-porting) [![Convirza](https://kb.convirza.com/hs-fs/hubfs/Asset%201@4x.png?width=149&height=39&name=Asset%201@4x.png "Convirza")](http://convirza.com) [mailto:email@email.com](mailto:email@email.com) Copyright © 2026, Convirza