How to add custom links to the footer of your nopCommerce based website

For any website to be functional or effective, every element from the header to footer plays a big role in making the overall website informative and usable. Footer is a great place that gives store owners an opportunity to direct their customers (or users) to different parts of the sites or add contact information so that they can be easily reached.

Today, we will discuss, how to add custom links to the footer of your nopCommerce based website.

Go to: Nop.Web / Views / Common / Footer.cshtml

When you open the file “Footer.cshtml” and you will see a div block like this:

<div class="footer-menu-wrapper">


Within this div, you will see 4 sub div blocks like this:

<div class="column information">
<div class="column customer-service">
<div class="column my-account">
<div class="column follow-us">


So, basically, each of these sub-div block can be place for your custom links. You can simply add your custom link like this:

<div class="column information">
                @if (Model.SitemapEnabled)
                    <li><a href="@Url.RouteUrl("Sitemap")">@T("Sitemap")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new {SeName = Html.GetTopicSeName("shippinginfo") })">@T("ShippingReturns")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new {SeName = Html.GetTopicSeName("privacyinfo") })">@T("PrivacyNotice")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new {SeName = Html.GetTopicSeName("conditionsofuse") })">@T("ConditionsOfUse")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new {SeName = Html.GetTopicSeName("aboutus") })">@T("AboutUs")</a></li>
                <li><a href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>
                <li><a href="#">Custom Link 1</a></li>


You can follow the same process for each sub-div block to add your custom links or remove any existing link in order to personalize your store site footer block.

Here is the result:


Looking for quality nopCommerce Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , | Posted under nopCommerce | RSS 2.0

Author Spotlight

Lavish Kumar

Founder, developer and owner of - By profession, he is a software programmer / web developer, web designer & DBA. He is passionate about technology and electronic gadgets. He enjoys writing tech articles and developing web applications. He is a nopCommerce MVP and author of official nopCommerce Designer's Guide.

Leave a Reply

Your email address will not be published. Required fields are marked *