Here is my site Read-Only: LINK
(home page)
Hi, I tried to make the telephone numbers and email address clickable in the Text Block but it is not possible. And I tried to add a link under this block and it is not allowed. It says “link elements can not be nested inside each other”. I am not sure to understand what it means in this case.
Thank you in advance for your attention.
Sincerely,
Wei-Yang
Hi Wei-Yang,
The error “link elements cannot be nested inside each other” occurs because Webflow prevents placing one clickable link inside another clickable element. To properly structure your contact information, here are two approaches:
Create separate elements outside your Text Block for each clickable item:
Or break up your Text Block:
Both methods will help you achieve clickable contact information while avoiding the nesting error.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hi Wei-yang,
If you look at the HTML of your page you can see the design problem.
Your Contactez nous button [1] is created as an <a> link, and your phone and email [2] are physically within that link. Since HTML does not allow links within links, you’re unable to form the phone and email links properly in that arrangement.
The best approach is to rethink this. [1] does not need to be a link, I’d convert that to a DIV and use interactions for the click handling on the show/hide of the content pane. Then convert the phone and email DIVs [2] to <a> links, and configure them.
Use the “tel:” and “mailto:” link types instead of wrapping text in another link block. Just highlight the phone/email in a Text Link or separate Text Block, then add tel:+1234567890 or mailto:example@email.com. Had to restructure this for a client footer recently,avoids the nesting error.
