How can I redirect a page to an external site?

Technical Q&A
1

Hello,

I would like to have the “track your order” page to automatically open in a new tab a link to another website. I’ve tried the URL redirect from Shopify > Navigations but it does not work. When I click on “track your order” it does not redirect the page, it just shows as blank.

Refer below.

Thank you

track your order.PNG
track your order.PNG282×388 7.08 KB

redirect 2.PNG
redirect 2.PNG1510×643 43.3 KB

blank.PNG
blank.PNG1283×498 14.5 KB

2

Hi @mmmaggieli ,

If you want to open the link in a new tab you can use target=“_blank”, refer https://www.w3schools.com/tags/att_a_target.asp

3

Hi @namphan

Thanks for your response. Can you clarify where I should be pasting this? Where do I place the link to the redirect?

mmmaggieli_0-1623252716100.png
mmmaggieli_0-1623252716100.png1055×383 14.9 KB

4

Hi @mmmaggieli ,

You can add it in header.liquid file, it’s not in Navigation admin. Do you have experience with Liquid code?

5

Thanks for the response @namphan

Not really. Where in the header.liquid would I paste it?

The issue is that when someone clicks “Track your Order” it doesn’t re-direct them at all. It takes them to a blank page with the title “track your order” but I want it to take them to another link.

6

Hi @mmmaggieli ,

If you want, please send me the staff account, I will check it for you.

7

the navigation > redirect options wont work with external links - you should use javascript, for example

window.location.replace("https://external-site.com");

You may need a developer to help with this if you are scratching your head :slightly_smiling_face: