You can easily incorporate a clickable phone number into your chart layout using an HTML layout block. This is essential because other elements, aside from tables, cannot interpret HTML code on the pages.
Here's how to add a clickable phone number to the chart layout:
-
Below your size chart or any other element of your choice, add an HTML layout block.
-
Within the editor, enter the desired text, beginning with an opening
<p>tag and closing it with a</p>tag. This indicates to the browser that a paragraph is awaiting interpretation.
The following syntax is important:
<a href="tel:+123456789">+123456899</a>
<a>is the opening tag, and</a>is the closing tag.href=refers to a link, and in this case, it’s a phone number represented by “tel:”. Use the international format with a + sign, as shown in this example.
The text between the opening and closing tags can be anything, such as “Call us,” “Contact us by phone,” or the actual phone number you wish to display. When a customer clicks this text, their device will start dialing the phone number because of the href element linking the text to that number.
Final Example:
<p align="justify">
WhatsApp us at <a href="tel:+123456789">+123456789</a> if you are unsure of your size.
The measurements listed are Body Measurements and not Garment Measurements.
<br>
Garment measurements will vary according to style.
Please refer to the Garment Measurements chart displayed in the imagery.
</p>
Additionally, you can use the <br> tag to create space (breaks) between the text, as browsers cannot “see” that space without appropriate marking.
The look on the front:
You will notice how the browser now recognizes this as a phone number!