How to add a phone number link to a Shape.

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

How to add a phone number link to a Shape.

Post by gregbarnes »

I want to add a shape with text that shows a phone number and when tapped, I would like it to dial the number. Is this possible? I've searched here for everything I can think of without success. I see the "Phone Number" selection in the Link properties of the shape and enter a phone number but it does not work. The "help" - under Links/Phone Number in WWB only shows Call the specified number. Example: tel:+1200229933.
Cheers for now,
Greg
User avatar
Pablo
 
Posts: 23563
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to add a phone number link to a Shape.

Post by Pablo »

The text of a shape is part of the image and the characters are not individually linkable.
You can only link the entire shape.
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

Thanks Pablo, that's exactly what I want to do. The visitor will just click/tap the shape to dial the number. The shape text will say "Click here to dial" and also just show the phone number. I need the process to get the shape (when clicked/tapped) that enables the phone number to be automatically dialed. Also the number format. The format in "Help" is very vague, but I guess I can do a trial and error to get that right. Thanks for your assistance.
Cheers for now,
Greg
User avatar
Pablo
 
Posts: 23563
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to add a phone number link to a Shape.

Post by Pablo »

The link format is standard HTML so not specific to WWB.

It is documented here:
https://www.elegantthemes.com/blog/word ... one-number
User avatar
BaconFries
 
 
Posts: 5974
Joined: Thu Aug 16, 2007 7:32 pm

Re: How to add a phone number link to a Shape.

Post by BaconFries »

Have you read the following Linking your pages on linking images or shapes?. The principle is the same as linking a image to a url but instead it is replaced by the telephone number.
Select the image, shape you want to link and select Insert -> Link from the menu bar, Select -->Link-->Link to: Select Tele: Then in URL: insert the telephone number to be used. This should then allow the end user to click the image/shape to make the call.

Note this is really only suitable for the likes of cell/ mobile phones for it to work in the likes of Desktops and Tablets then it would require the likes of voip to be installed on the Desktop and on Tablets it would require them to use the likes of a sim card as it does in cell/mobile phones.
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

Pablo wrote: Sat Jun 07, 2025 6:09 am The link format is standard HTML so not specific to WWB.

It is documented here:
https://www.elegantthemes.com/blog/word ... one-number
Thanks Pablo - I'm working on it! I think I have grasped the idea.
Cheers for now,
Greg
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

BaconFries wrote: Sat Jun 07, 2025 7:21 am Have you read the following Linking your pages on linking images or shapes?. The principle is the same as linking a image to a url but instead it is replaced by the telephone number.
Select the image, shape you want to link and select Insert -> Link from the menu bar, Select -->Link-->Link to: Select Tele: Then in URL: insert the telephone number to be used. This should then allow the end user to click the image/shape to make the call.

Note this is really only suitable for the likes of cell/ mobile phones for it to work in the likes of Desktops and Tablets then it would require the likes of voip to be installed on the Desktop and on Tablets it would require them to use the likes of a sim card as it does in cell/mobile phones.
Great, thanks BaconFries! I only want it for mobile phones and I have it working! However, is there a way to disable the phone number "Link" for the larger breakpoints like 768 and 970?
Cheers for now,
Greg
User avatar
Pablo
 
Posts: 23563
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to add a phone number link to a Shape.

Post by Pablo »

No, the link will apply to all breakpoints. Unless you use a different object.
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

Can you explain what you mean by a different object?
Cheers for now,
Greg
User avatar
Pablo
 
Posts: 23563
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How to add a phone number link to a Shape.

Post by Pablo »

When you use breakpoints then you can hide/show different objects (with different properties).
So, you can use a different shape for mobile and desktop view.
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

Thanks Pablo, I understand, I'll give it a go.
Cheers for now,
Greg
User avatar
gregbarnes
 
 
Posts: 53
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: How to add a phone number link to a Shape.

Post by gregbarnes »

Pablo wrote: Mon Jun 09, 2025 6:42 am When you use breakpoints then you can hide/show different objects (with different properties).
So, you can use a different shape for mobile and desktop view.
Thanks Pablo, it all works fine,
Cheers,
Greg
Cheers for now,
Greg
Post Reply