Insert Links With the Rich Text Editor
Last updated: October 07 2024
Do you need to link your content to other helpful resources or guide customers to other pages? Adding links is the way to go!
In this guide, I’ll show you how to easily insert links using Shopify’s rich text editor and share some bonus tips to make your content even more engaging.
Now, let’s get started!
Why Should You Insert Links With the Rich Text Editor?
Adding links to your Shopify content offers several benefits that can significantly enhance your store’s overall performance:
- Improved User Experience: Links enable seamless navigation within your store, allowing customers to easily explore related products, discover additional information, or contact you directly.
- Enhanced SEO: Internal links help search engines understand your website’s structure and hierarchy, potentially boosting your search rankings.
- Provide Value to Customers: Links to external resources, blog posts, or tutorials can provide additional value to your audience and establish your brand as a helpful and informative source.
Step-by-Step Guide to Inserting Links With The Rich Text Editor
Shopify’s rich text editor lets you add links to any place on your blog posts, pages, product descriptions, and even collection descriptions. You can link to pages within your own store, external websites, or even create links that trigger emails or phone calls.
Here’s how to do it
1. Select the text or image that you want to convert into a clickable link.
2. Click the Insert Link button in the rich text editor toolbar.
3. In the Link to field, input the destination URL:
- For an external website (outside Shopify), enter the full URL, including
https://
. For example, enterhttps://www.example.com
. - For a link to a page within your Shopify store, input the short URL, such as /collections/summer-collection.
- To create an email link, type mailto: followed by the email address, like mailto:[email protected].
- To add a link that leads to a phone call, input tel: followed by the phone number, e.g., tel:+1234567890.
4. Enter a brief description of the link in the Link title box. It may show up when users hover over the link.
5. In the Open this link in dropdown menu, decide how the link should open:
- Same window: Opens in the current browser tab.
- New window: Opens in a new browser tab, keeping the original page open in the existing tab.
6. Click Insert Link. Your selected text or image will now act as a clickable link.
4 Additional Tips and Tricks
When using the rich text editor in Shopify, there are a few additional tips and tricks to enhance your linking process, making your store more interactive and user-friendly:
1. Use Descriptive Titles for SEO: Always include a descriptive “Link Title” to help search engines understand the context of your links, boosting visibility on search result pages.
2. Use Internal Links Wisely: Create internal links that guide customers to other important pages within your store, like product pages, collections, or blogs, to keep visitors engaged and increase time spent on your site
3. Open Links in New Tabs: For external links, set them to open in new windows or tabs so that customers can explore external resources or information without leaving your site.
4. Add Call-to-Action Links: Create compelling, action-driven links such as “Contact Us” that lead directly to email addresses or phone numbers using mailto:
and tel:
Bottom Line
By now, you should be equipped with the know-how to effortlessly insert links with the Shopify rich text editor. With these skills, you’ll be able to guide your visitors seamlessly through your content, keeping them engaged where it counts.