Lessons About Your BigCommerce Shopping Cart You Need To Learn To Succeed
Earning revenue is probably your number one priority as a US-based business owner using a BigCommerce shopping cart. But if understanding why a consumer bails out on a shopping cart item is the most important thing to know, you’re mistaken. Don’t worry, most business owners make this mistake. The first thing you should learn is why your consumer is using a shopping cart in the first place. Studies show that browsing or searching online is not the same as making a purchase – and the reasons behind them may be different. Get yourself educated first so your BigCommerce shopping cart can be effective. As you hire a BigCommerce expert to create your US-based online business or attempt to tackle some things yourself, always make sure your shopping cart is available and fully functioning 24/7.
Some shoppers clearly want to purchase in the store setting and reject multiple forms of non-store shopping. Others like to browse various non-store media and have extended their browsing to the Internet, yet maintain their loyalty to in-store purchases. Retailers who attempt to “convert’’ such shoppers to Internet-only purchasing may alienate the shoppers who rely on the Internet solely for information. -Rutgers Study
Common BigCommerce Shopping Cart & Ecommerce Errors – Answered
Now that you understand the psychology of online shopping, you can see more than ever how important it is to have your BigCommerce site expertly developed and designed. But what about those errors or questions that pop up that you need answered right away? We’ve found some of the most popular BigCommerce questions asked by business owners like you in the United States – and answered them with the help of BigCommerce’s online support!
1- SSL Error
There’s nothing worse than scaring a customer off with a browser security warning message as they try to shop online at your store. If you’ve ever seen one or experienced it in your own ecommerce site then you know the experience is less than favorable. The first thing you can do is check to see if any of your SSL certificates (the things that ensure your pages are secured and encrypted properly) are expired. Head to SSLCheckher.com and type in your domain to see. If an expiration date has passed, get yourself a new one via a US-based BigCommerce expert. If in fact something in your page is not secure, then the job becomes more complicated to fix, so unless you’re an expert developer yourself, here’s where you should hire a BigCommerce Digital Agency for help.
2- Shopping Cart Errors & Quick Fixes
Depending on which BigCommerce theme your online store is using, you may have experienced important shopping cart issues with your payment gateway resulting in a loss of sales. Or, you may want to be able to tackle some proactive changes like switching up colors, adding a “sale sash”, or hiding inventory that is out of stock in your store. Like so many business owners, you probably don’t even know where to begin to fix or change those variables. We’ll lay out some basics to help you learn.
Firstly, you should know that to fix or change an element of your online store, you’ll need to get your hands into the coding of your store which is written in one of the many online languages such as “Javascript”, “CSS”, or “HTML”. (If you feel the need to stop reading right about now and would rather a BigCommerce expert help you answer your questions, we don’t blame you! Shoot us a message and our team can help). Depending on the theme of your site or the language of preference of your BigCommerce developer, you must first distinguish what you’re working with, then you can implement some of the following strategies.
To get a sale sash for one of your products to show up properly:
*1. Go under Design->Edit HTML/CSS->product.html->at the bottom of that file, before the tag: </body>, add the following code:
<script>
if ($(“.VariationProductPrice strike”).length > 0) {
$(“.ProductThumbImage”).prepend(“<span class=’sale-label’>Sale</span>”);
}
</script>
then save the changes.
2. Go under Design->Edit HTML/CSS->custom.css->at the bottom of that file add:
.ProductThumbImage .sale-label {
position: absolute;
top: 0;
left: 0;
padding: 5px 10px;
background: #E63882;
color: #fff;
}
then save the changes.
If you aren’t even sure how to get into categories or they’re not built yet, take a step back and check out BigCommerce’s step by step guide to set up your store’s product categories right here.
What if you’re just looking to tweak the color or style of the buttons in the cart area?
*In order to change the add to cart button text on the product page try going under Design->Edit HTML/CSS->product.html template->at the bottom of the file, before the </body> tag add:
- <script>
- $(document).ready(function(){
- if ($(“input[type=’submit’].AddCartButton”).val() == “Add To Cart”) {
- $(“input[type=’submit’].AddCartButton”).val(“Buy Now”);
- }
- });
- </script>
then save the changes and check the store.
For the Add to cart button style, you can go under Design->Edit HTML/CSS->custom.css->at the bottom of that file add:
- .PrimaryProductDetails .btn.add–to–cart {
- background–color: #d1d1d1;
- color: #528991;
- font–weight: bold;
- font–size: 16px;
- }
where you can use any other color for the background color, any color for the text color, and style the font according to your needs.
In order to style the add to wishlist button differently, inside the same custom.css->at the bottom of the file add a code like:
- .PrimaryProductDetails .btn.wishTrigger {
- line–height: normal;
- /*add any other style in here*/
- }
the line height changes the button text to the middle of the button.
Here is a screenshot as example of how your product page buttons can look if you would apply the code provided.
If in need to style the button on mous-over, use the following:
- .PrimaryProductDetails .btn.add–to–cart:hover {
- /*add style here*/
- }
- .PrimaryProductDetails .btn.wishTrigger:hover {
- /*add style here*/
- }
If your BigCommerce shopping cart is looking sharp but you’re dealing with a payment gateway issue, there are some simple but common errors you can look for. Your credentials for your payment gateway whether it’s PayPal or something else may be incorrect. You may have ‘timed-out’ on the server you’re working on if you took too long. Or, a customer may be experiencing insufficient funds or could be using an expired card; all very common.
Dive deeper into the many paypal and authorize.net issues to see if you can resolve them yourself. Despite having some fantastic BigCommerce help guides, it can become seriously frustrating if you’re not familiar with online development yourself. What if you knew that anytime you had a problem pop up on your BigCommerce site or shopping cart you had an expert you could call upon to fix it quickly? What if all of those design, color, and style choices could be executed for you all based on the overall look and vision you have for your site? The good news is you can have it all! Here at 1Digital Agency we’re proud partners of BigCommerce, https://www.1digitalagency.com/bigcommerce, and develop, design, and consult professional websites for business owners just like you. Check out our BigCommerce portfolio then give us a call and tell us what you need, 888.982.8269.
