• Resolved SaraLuisa

    (@saraluisa)


    Hi,

    I have created a gutenberg button with image and text which is perfect. I have tried to add in the href telephone number to make it clickable but it won’t work. I had success doing this for email but not for telephone number ie ‘call us’.

    This is what I have

    <p><a class="fasc-button fasc-size-xlarge fasc-type-flat fasc-rounded-medium fasc-ico-before dashicons-phone" style="background-color: #ffffff; width: 260px; text-align: center; color: #E4002B;" href="1890808080">&nbsp; Call Us</a></p>

    This is what worked for the email

    <p><a class="fasc-button fasc-size-xlarge fasc-type-flat fasc-rounded-medium fasc-ico-before dashicons-email-alt" style="background-color: #ffffff; width: 260px; text-align: center; color: #E4002B;" href="mailto:[email protected]">&nbsp;Email Us</a></p>

    I would appreciate any help.

    Thanks

    • This topic was modified 4 years, 11 months ago by SaraLuisa.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • I had success doing this for email but not for telephone number ie ‘call us’.

    You’ll need to begin the telephone number with tel:

    Also, if you want this to work internationally, you’ll want to begin the phone number with the international trunk code (+)

    So you’d put the following into the URL box: tel:+1890xxxxxx (instead of entering just the phone number).

    EDIT: I can see you’ve edited your post and added some code. The “URL box” was referring to what you see in the paragraph block in the Gutenberg editor when you’re inserting a link.

    • This reply was modified 4 years, 11 months ago by George Appiah.

    @saraluisa

    You need to add the protocol in your href.
    Like this :
    tel:6135551212

    Here you go :

    <p><a class="fasc-button fasc-size-xlarge fasc-type-flat fasc-rounded-medium fasc-ico-before dashicons-phone" style="background-color: #ffffff; width: 260px; text-align: center; color: #E4002B;" href="tel:1890808080">&nbsp; Call Us</a></p>

    • This reply was modified 4 years, 11 months ago by corrinarusso.
    Thread Starter SaraLuisa

    (@saraluisa)

    Thank you so much George and Corrinarusso. Works perfectly now. I don’t know how I missed the tel:

    Thanks again, much appreciated

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gutenberg Button with Telephone’ is closed to new replies.