If you want to create custom URL redirects in Shopify, this guide is perfect for you. URL redirects help you send your store visitors from one page to another automatically. This is particularly useful if you change product URLs, remove old pages, or want to redirect visitors after a certain action. In this tutorial, I will show you step by step how to create custom URL redirects in Shopify using simple code snippets.
Why Use Custom URL Redirects in Shopify?
Custom redirects can improve your store’s user experience and SEO. When a product is removed or a page is updated, a redirect ensures visitors don’t land on a 404 error page. Instead, they are automatically sent to a relevant page, keeping them engaged and increasing the chance of conversions.
Step 1: Add Redirect Script in theme.liquid
Go to your Shopify admin panel and open Online Store > Themes > Actions > Edit Code. Then, open the theme.liquid file. Inside the <head> tag, paste the following code to redirect visitors to a specific page automatically:
{% unless template == 'index' %}
<script>
window.location.replace('your_url');
</script>
{% endunless %}
Step 2: Redirect After a Delay
If you want to redirect visitors after a few seconds, you can use the following JavaScript snippet:
<script>
setTimeout(function(){
window.location.href = 'https://www.tutorialspoint.com/javascript/';
}, 5000);
</script>
This code waits for 5 seconds before sending the user to the new page. You can adjust the delay by changing 5000 to the number of milliseconds you want.
Pro Tips for Shopify Redirects
- Always test your redirect on both desktop and mobile before publishing.
- Use redirects for outdated pages, promotions, or seasonal campaigns.
- Keep your URLs SEO-friendly to maintain ranking after redirecting.
By following this tutorial, you can easily create custom URL redirects in Shopify for your store, improve navigation, and enhance your visitors’ experience. No apps are required, and these simple scripts work with any Shopify theme.
