Vinh Jacker | 03-17-2025
Adding top link in Magento 2 means showing some helpful links on the top of your pages. We will discover how to do through in this tutorial. Here is the CMS block, including some personal information of the customers as My Account, My Wishlist, Login or anything you need. Click on the top link and redirect the users to a CMS page where contains more particular information. Creating the top link may also push their wishes to encourage the clients to buy more and more.
For example, on the top menu, “My Wishlist” link will save and lead them directly to the list of the product they are interested in before without checkout.
If you are searching how to add the top link on your Magento 2 store, this topic will help you complete all with many top links depending on your demands.
default.xml fileLink.php filedefault.xml fileFind the path app/code/Mageplaza/HelloWorld/view/frontend/layout, then add/ modify default.xml file by:
<?xml version="1.0"?>
<!--
/**
* Copyright © 2015 Magento. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="header.links">
<block class="Mageplaza\HelloWorld\Block\Link" name="add-new-header-link">
<arguments>
<argument name="label" xsi:type="string" translate="true">New Link</argument>
<argument name="path" xsi:type="string" translate="true">new-link</argument>
</arguments>
</block>
</referenceBlock>
</body>
Link.php fileContinue with the path app/code/Mageplaza/HelloWorld/Block and you will add the link.php file:
<?php
namespace Mageplaza\HelloWorld\Block;
class Link extends \Magento\Framework\View\Element\Html\Link
{
/**
* Render block HTML.
*
* @return string
*/
protected function _toHtml()
{
if (false != $this->getTemplate()) {
return parent::_toHtml();
}
return '<li><a ' . $this->getLinkAttributes() . ' >' . $this->escapeHtml($this->getLabel()) . '</a></li>';
}
}
Clear cache as the above and feel comfortable when you need to add the top link as the top menu for the customer’s experience on your Magento 2 store. Follow and enjoy it!
Related Post
You can put important links at the top of the website to make customers stay longer and learn more about your website. It is a great way to increase engagement and conversion for your store. I hope that this tutorial successfully tell you how to add top links in a Magento 2 store. If you have any questions, please comment below. I will get back to you as soon as possible.
Jacker is the Chief Technology Officer (CTO) at Mageplaza, bringing over 10 years of experience in Magento, Shopify, and other eCommerce platforms. With deep technical expertise, he has led numerous successful projects, optimizing and scaling online stores for global brands. Beyond his work in eCommerce development, he is passionate about running and swimming.
Related Post
Hyvä Theme is Now Open Source: What This Means for Magento Community - Mageplaza
Hyvä is now Open Source and free. Discover what changed, what remains commercial, how it impacts the Magento ecosystem, and how to maximize its full potential.
Holiday Marketing Hacks 2025 - How to Boost Sales for Magento 2 Stores? - Mageplaza
Discover the best 2025 holiday marketing strategies for Magento 2. Learn key trends, creative campaign ideas, and expert tips to increase seasonal sales.
Hyvä Theme is Now Open Source: What This Means for Magento Community - Mageplaza
Hyvä is now Open Source and free. Discover what changed, what remains commercial, how it impacts the Magento ecosystem, and how to maximize its full potential.
Holiday Marketing Hacks 2025 - How to Boost Sales for Magento 2 Stores? - Mageplaza
Discover the best 2025 holiday marketing strategies for Magento 2. Learn key trends, creative campaign ideas, and expert tips to increase seasonal sales.