Skip to main content
All CollectionsPage SetupLogo's, Header and Footer
How to create a "Click to Call" link on your website
How to create a "Click to Call" link on your website
Samuel Gichuhi avatar
Written by Samuel Gichuhi
Updated over 4 months ago

Video

Walkthrough

A click to call link can be useful on your site especially if any of your customers are browsing your site on mobile phone. This will allow them to click the link, get your number and call immediately.

Please Note: This will require adding some custom code in your site

How to add a click to call link using the Standard Editor

  1. Log in to your Art Storefronts Site manager and choose any page that you would like to Edit text on. For the purpose of this article, we’ll be using the Shop Art page.

    mceclip0.png

  2. Navigate to the WYSIWYG Editor and begin typing your number. For the purpose of this article, we’ll use 123-456-1890.

    mceclip1.png

  3. Highlight the text that you want to transform into a Click to Call.

  4. Click on the icon that looks like a chain link. This is the Link button.

    mceclip2.png

  5. A new page will pop up with an empty field where you will need to enter your Number. Please put fill in the entries with the right values; In the Link Type please choose URL, Protocol should be <other>, in the URL please put in tel: then followed by your number for example, “tel:123-456-1890” as shown below:

    mceclip3.png

  6. Press Ok.

    mceclip4.png

  7. You should see that the Highlighted text is now blue.

    mceclip5.png

  8. Press Save.

    mceclip6.png

  9. After you have saved your changes, click on Preview Site.

    mceclip7.png

  10. Go to the Live Page where you made changes and click on the text you made into a click to call link.

    mceclip8.png

How to add a click to call link using the On-Site Content Builder

  1. Log in to your Art Storefronts Site Manager and Click on View Live Site.

    mceclip9.png

  2. For the purpose of this article, we’ll use a Footer that uses the On-Site Builder. Scroll down to the footer and type in the number you’d like to add the Click to Call Link. In this case, we’ll use 123-456-7890

    mceclip10.png

  3. Click on ‘Show HTML’ on your right-hand side

    mceclip11.png

  4. This will pop-up the HTML Version of your content. Find the number you’ve just put in.

    mceclip12.png

  5. Replace your number with this code.

    <a href="tel:123-456-7890">123-456-7890</a>
    mceclip13.png

  6. After editing the numbers to your own, click on OK then Save Content. This will save your changes and your link is now active!

    mceclip14.png
Did this answer your question?