• mikemalan

    (@mikemalan)


    I would like to make the phone number images on my website clickable, so that a mobile visitor can click to call.

    See our phone number on our homepage at:

    http://www.rjspest.com/

    Any advice?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andi Saleh

    (@bindanaku)

    Wrap it inside a link using <a href="tel:+12128961299">212.896.1299</a>. This will trigger whatever application is used to dial a phone number.

    Thread Starter mikemalan

    (@mikemalan)

    Do you know where I could find the code of the image to wrap it into it? I am not a developer, and we just had our site redesigned and our owner doesn’t want to pay the developer to made this change.

    I think it is posted here….

    http://www.rjspest.com/wp-content/themes/petsmanagement/images/callnumber-new.png

    Andi Saleh

    (@bindanaku)

    You will most likely find the line in the filed named header.php but it really does depend on how your developer built it.

    Search for the line:

    <img src="http://www.rjspest.com/wp-content/themes/petsmanagement/images/callnumber-new.png">

    then wrap it like the snippet above. The end result would be something like

    <a href="tel:+12128961299"><img src="http://www.rjspest.com/wp-content/themes/petsmanagement/images/callnumber-new.png"></a>

    Hope that helped. 🙂

    Thread Starter mikemalan

    (@mikemalan)

    Awesome I will look thanks!

    Thread Starter mikemalan

    (@mikemalan)

    That worked! Thanks!!!!!! Awesome! Can I do the same thing for the the phone number on “schedule a free consultation” on the homepage:

    #wpcf7-f1379-t1-o1 > form > div.consult_wrap > div.bottom_bar > span
    <span>212.896.1299</span>

    and the interior call to action buttons:

    #wpcf7-f1415-p17-o1 > form > div.consult_wrap.sidebar_consult > div.bottom_bar > p:nth-child(4) > span

    I really appreciate this. I have never made edits before and the last suggestion you had worked perfect!

    Andi Saleh

    (@bindanaku)

    Yes, they work like regular links but uses tel: instead of href:. If you want a link to trigger an email app, use mailto:your@email.com.

    Thread Starter mikemalan

    (@mikemalan)

    Should I wrap this whole thing? I found the code in contact form 7 plugin

    <div class=”bottom_bar”>
    [submit “Get Started >”] or call <span>212.896.1299</span> today
    </div>

    </div>

    Andi Saleh

    (@bindanaku)

    Just the numbers because this is what the visitors will click.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Clickable Phone Number for Mobile Devices’ is closed to new replies.