Call Now Button for Mobile Version

  • Unknown's avatar
    ezhvac · Member ·

    Hello!

    I want to add a “Call Now” Button for our mobile site, where visitors can click and it will dial our number. Is there a code to add this in our mobile site?

    Thank you!!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    I see that you spoke with my colleague, Charlie, over live chat and that he suggested the following HTML to add a “call now” link:

    <a href="tel:1-555-555-555">Call Now.</a>

    The above could be added, via a Text widget, to your site’s footer or sidebar areas. The number – 1-555-555-555 – would then need to be replaced with your own number.

    To style the link so that it looks like a button, you’d fist need to add a CSS class to it named button:

    <a href="tel:1-555-555-555" class="button">Call Now.</a>

    Next, you’d need to add custom CSS looks for and styles HTML with the button class. There are a few online CSS button generators, for example this one, that will make the task of getting the needed custom CSS a little easier for you:

    https://css-tricks.com/examples/ButtonMaker/#

    To only display the button on mobile devices, we could make use of some CSS Media Queries.

    Let me know once you’ve added the button to one of your widget areas and we can then look further into Media Queries. :)

  • The topic ‘Call Now Button for Mobile Version’ is closed to new replies.