Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Making phone numbers clickable?

    General Discussion
    4
    7
    150
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      scottmacc last edited by

      Was just wondering how to make phone numbers clickable? So if someone was to see '+44 (0) 1234 567891' and they clicked on it:
      – On mobile, it would make the call
      – On desktop, it would attempt to call the number via facetime

      The first example site on the Laytheme homepage has this functionality: https://www.studiogameiro.com/about/

      Thank you!

      1 Reply Last reply Reply Quote 0
      • edgrbnz
        edgrbnz last edited by edgrbnz

        On Studio Gameiro they used the following code:
        <a href="tel:+447848998472">+44 784 899 847 2</a>

        So it’s basically the same as you would do it with e-mails.
        You can read up on that over here or use Google.

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 1
        • mariusjopen
          mariusjopen Global Moderator last edited by

          Dear @edgrbnz
          correct! Sometimes mobile browsers will display those numbers in a weird way… Just to keep in mind.

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 1
          • S
            scottmacc last edited by

            Great, thanks!

            1 Reply Last reply Reply Quote 1
            • N
              neunzehnachtneun last edited by

              Hei together,
              I just have a more practical follow up question:
              When I am editing text field on a page or a project with the text editor and I try to link a phone number with 'tel:01234567', the editor changes the target link to 'html://tel:01234567', which doesn't work apparently.
              Am I doing something wrong? Do you have any suggestion?

              Best,
              Sebastian

              1 Reply Last reply Reply Quote 0
              • N
                neunzehnachtneun last edited by

                Ahh, I just solved this. So one shouldn't insert the phone number as a link, as links are completed with 'http://', but inserting the html code directly into the editor works as expected.

                Best,
                Sebastian

                1 Reply Last reply Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  Dear @neunzehnachtneun
                  sweet! Thank you for sharing!!!

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post
                  Post a link to where the problem is
                  I don't answer or check forum DMs, please just post on the forum.
                  Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                  Before you post:

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  R
                  K
                  S

                  Recent Topics

                  • K

                    Sticky Footer now has Background

                  • S

                    Changing space above/below gets delete

                  • A

                    Corruption of website

                  • A

                    installation/website bearbeiten

                  laytheme.com