topic Re: creating different links for mobile and desktop view in Blog, Website & Page Publishing

creating different links for mobile and desktop view

ASarvis — Wed, 09 Aug 2023 19:57:04 GMT

Hello,

I am creating a landing page and want the phone number to link to the actual phone number and give the user easy access to call the number from the landing page.

I have made the link external and put tel:1234567890 and on mobile it is working great.

However on desktop when I click the link it takes to a 404 page not found.

Is there a solution here to have desktop link so somewhere different or not at all while mobile links to the phone number?

Re: creating different links for mobile and desktop view

ChrisoKlepke — Thu, 10 Aug 2023 11:44:21 GMT

Hey @ASarvis ,

thank you for reaching out to the community.

I totally get the issue you're facing. But assuming you have a HubSpot Starter License this might not be possible.

Usually, you would create two links and show either one or the other depending on which device the user is using the media query within CSS. But without the ability to use custom code in your template, you can't make that change.

It would look something like this within your HTML.

<div class="desktoptel">0800 000 000</div>
<div class="mobiletel"><a href="tel:0800-000-000">0800-000-000</div>

Another option could be Smart Content. However, this is a Marketing Pro feature.

So I'm afraid if you don't have access to both these options this is not possible.

Cheers,

Chriso

Re: creating different links for mobile and desktop view

ASarvis — Thu, 10 Aug 2023 12:42:51 GMT

Thank you @ChrisoKlepke. This is good to know if we ever choose to upgrade our settings.