How Remove the Newsletter on BigCommerce
Managing your BigCommerce store’s appearance can be tricky, especially when basic elements, like the newsletter opt-in box, don’t have an obvious “remove” button. If you’re struggling to get rid of this feature, this video tutorial is exactly what you need.
In this video, Kal, a seasoned BigCommerce developer, walks you through the process step-by-step to help you quickly remove the newsletter box from the footer. Kal not only explains the process but demonstrates how to safely comment out the code without breaking anything in your store’s design.
Why Watch This Video?
- Actionable Steps: This video offers clear, actionable instructions to remove the newsletter box, perfect for BigCommerce users looking to customize their store.
- Code Safe: You’ll learn how to comment out code safely, keeping the payment icons intact without fully deleting sections.
- Quick Fix: If you’re tired of slow-loading changes, Kal also shares tips for dealing with Stencil’s editor lag.
Watch the video now and follow along with these simple steps to remove the newsletter opt-in box.
Full Transcript
(00:01)
“So, how do you remove the newsletter opt-in box from the footer on BigCommerce? In this video, I’m going to show you how.
Before we get started, my name is Kal, I’m a developer just like you, and I run the Ecommerce Growth Community. There will be a link after the video if you’re interested in joining—it’s free. Now, let me share my screen.
(00:30)
Alright, this is the demo store I’m looking at right now. The issue is this section: Subscribe to our Newsletter. You would think there would be a setting in the customizer to remove it, but there isn’t.
Instead, you’ll need to:
Go to Advanced
Select Edit Theme Files.
This will open up the theme editor. Now, it’s not found in home.html, but rather under templates/components/common/footer. This file powers the entire footer. If you’re not using the Cornerstone theme, it might be in a different spot, but it’s likely in a similar location.
(01:03)
When we open the footer file, we have the banner section followed by the actual footer. Here’s where the container is for all the columns:
One for social links
One for the navigation menu
One for categories
Each section represents something like categories, pages, brands, address, phone number, etc.
(01:39)
Finally, we reach the last section in the Cornerstone footer: newsletter subscription.
The code checks if the setting to show the newsletter box is enabled. If so, it shows the newsletter box; otherwise, it shows payment icons. While they don’t expose this in the customizer, you can still modify it here.
I recommend not deleting the section outright, but instead commenting it out. Here’s how to comment it out with Stencil:
Begin the comment with: {{!--
End the comment with: --}}
Everything in between these will be hidden and won’t show up on the page anymore.
(02:19)
Once you’ve done this, hit Apply. Note: when using the Stencil theme editor, it takes a minute or two for the changes to take effect. It’ll take about 20 seconds to save the change, and then 2–3 minutes for the update to appear on the frontend. It’s painfully slow, which is why many developers prefer using Stencil Local for faster results.
(02:57)
Now that the change is saved, let’s refresh the page. It might take a couple of refreshes.
… And there we go! The newsletter box has disappeared. Notice I only commented out the newsletter box, not the entire article, so the payment icons are still showing.
(03:32)
Hopefully, you found this helpful! If you did, give me a like. And if you’re new to ecommerce, check out my course—links are up top and in the description. Also, make sure to join our community at join ecommercegrowth.com.
See you in the next one, and thank you so much!”