Open external links in a new tab
You can add some code to your theme that causes external links on your online store to open in a new browser tab. This can be beneficial because it helps to prevent customers from navigating away from your online store. External links are URLs that direct customers to different websites, such as the links included in social media icons.
On this page
Add some code to your theme's JavaScript file
To have external links open in a new browser tab, you need to edit your theme's JavaScript file.
Steps:
Desktop
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- In the Assets directory, click one of the following:
-
theme.js
-
theme.js.liquid
-
custom.js
-
- Paste the following code at the bottom of the file:
- Click Save.
iPhone
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- In the Assets directory, click one of the following:
-
theme.js
-
theme.js.liquid
-
custom.js
-
- Paste the following code at the bottom of the file:
- Click Save.
Android
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- In the Assets directory, click one of the following:
-
theme.js
-
theme.js.liquid
-
custom.js
-
- Paste the following code at the bottom of the file:
- Click Save.