Feedback for your online store from the community
Hello everyone,
I'd appreciate feedback on my store. Despite running ads on Facebook and Instagram, I haven't made any sales. Initially, my homepage was the landing page, but customers were visiting without making purchases or completing their carts. I switched the landing page to feature the dress collection I've been promoting on social media. However, it seems customers are still leaving immediately upon opening the collection. I suspect this might be due to issues with the landing page or the default Shopify collection page. Any advice would be appreciated.
Thank you in advance.
Hi @EagleHunted Here’s a detailed solution to help improve your store’s performance and address the issues you’re facing:
Landing Page Optimization:
Page Load Speed:
Product Descriptions and Reviews:
User Experience (UX):
The Coupon Discount on Cart app can improve the shopping experience on your store and drive conversions. The app automatically applies available discounts at the cart page, eliminating the need for customers to manually search for and enter coupon codes. This convenience can reduce cart abandonment and encourage customers to complete their purchases. By prominently displaying discounts at the cart page, you can create a sense of urgency and value for customers. This visibility of savings can motivate customers to proceed with the purchase. Customers appreciate the seamless experience of having discounts applied automatically. This convenience can lead to higher satisfaction rates, positive reviews, and repeat business.
By optimizing your landing page, page load speed, product descriptions, and using the Discount app, you can create a more seamless shopping experience that encourages customers to complete their purchases.
If you have any further questions or need additional assistance, feel free to ask.
Best Regards,
Ina
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Hi @EagleHunted ,
I am from Mageplaza - Shopify solution expert.
I would be happy to review your website and provide feedback on the performance.
Here are my recommendations to improve your conversion rate:
Your website isn’t effectively converting visitors into buyers despite your advertising efforts. Without seeing your ads, I can’t offer detailed recommendations on your landing page. However, here are some suggestions from Databox that you might find useful. You can read more in their article.
“When the click-through rate (CTR) is high but the conversion rate is low, it usually indicates an issue with the landing page. This is often due to a lack of effective calls-to-action (CTAs). To address this, create a clear CTA, such as a "Buy Now" or "Read More" button. This CTA can be a clickable image with a small amount of text or a simple button.”
1. Monitor Your Cart Abandonment Rate
Additionally, a high cart abandonment rate can be particularly frustrating for your business, especially after investing significantly in attracting visitors to your site. This issue indicates that many potential customers are deciding not to complete their purchases, contributing to low conversion rates.
To address this, you can remind customers about the items left in their carts and encourage them to complete their purchases by:
2. Improving the speed and performance on mobile and desktop
Besides, here are some suggestions regarding the UX/UI:
3. Homepage
3.1. Banner
The current banners are too general, you should use a high-quality, eye-catching hero banner with a clear value proposition and a strong call-to-action (CTA). Highlight any ongoing sales, new arrivals, or bestsellers. Below is a reference:
3.2. Adjusting text and spacing
Please check these and fix them. Make sure your text is the same style, same spacing and display well on both desktop and mobile. It will provide a professional impression to customers, encouraging them to buy your products.
4. Search bar
5. Category page
Add more filter options like color, material, on sale, new arrivals, etc., to enhance customer experience, save time customer searching for products and therefore improve conversion rates. Here is a reference:
6. Related products
I hope some of my suggestions are helpful, feel free to give me any feedback.
Good luck!
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Thank you for your feedback. I'm facing several issues with my website that I'd appreciate your help with:
Page Insights: The scores for mobile (47) and desktop (82) fluctuate inconsistently despite my efforts to optimize. How can I stabilize these scores? I checked my website score approximately 12 hours ago and noticed that the score for mobile devices was 47, while the score for desktops was 82. I am unsure why there is such a discrepancy in the scores. It seems that every time I make improvements for mobile devices, the desktop score decreases and vice versa.
CTA Button: I'm using the default Shopify collection page. Where i can add a CTA button?
Image Size in Search Bar: How can I increase the image size within the search bar?
Abandoned Checkout: Despite using automation with a 10% discount, customers aren't returning. I've also added discounts in the header and product pages.
Currency Issues: Customers see the prices in their local currency until checkout they pay with (US dollars) Shopify said because I'm not using Shopify payment so I added the code at the header of my home page and product page to encourage the customers to make a purchase.
Banner Image: I can't change the template's default space as the Ecomposer team said. What type of picture would best replace the current banner images?
Your assistance would be greatly appreciated!
Hi @EagleHunted I understand the challenges you are facing and am here to provide expert advice to help resolve these issues. Also, I will explain how our Shopify app- Coupon Discount on Cart app can aid in improving your website's performance and customer engagement.
1. Page Insights
2. CTA Button
3. Image Size in Search Bar
Increasing the image size within the search bar typically requires custom CSS:
search-bar img {
width: 50px; /* Adjust size as needed */
height: auto;
}
Add this CSS code to your theme's stylesheet under Online Store > Themes > Edit code and find the theme.scss.liquid or theme.css file.
4. Abandoned Checkout
5. Currency Issues
6. Banner Image
How Shopify Coupon Discount on Cart App Help?
For more details on the app, visit MS - Coupon Discount on Cart. I hope this helps address your concerns. If you need further assistance or have any other questions, feel free to reach out or DM us.
Best regards,
Ina
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Hi INA & @mageplaza-cs
Thank you for reaching out and providing feedback. Regarding the CTA button on my default Shopify collection page, could you please confirm if this example aligns with what you had in mind? I've attached screenshots for your reference.
Regarding checkout and cart abandonment, as well as the currency issue, I've made some updates. Previously, I implemented a code on the product page to encourage purchases. Now, I've automated this process and added a note on both the product page and website header, ensuring customers know the discount is applied automatically. This note will be translated into French and German when customers select these languages.
Additionally, I've conducted a retargeting campaign aimed at customers who visited the website, added items to their cart, or abandoned their checkout. My goal is to minimize reliance on third-party apps and codes, following insights that recommend reducing their impact on my theme's performance.
Currently, I'm using Dawn theme version 14 and plan to update it to version 15.0. I also utilized the Ecomposer page builder app, which advised optimizing the banner image size to 1920x500 pixels and removing section gaps to enhance website loading speed. Despite these efforts, I've encountered challenges with achieving significant improvement in speed. I also had an old code that is not working with theme version 15 for my footer. The code was for adding a "Soon" badge next to our brand. It worked in version 14, but after updating to version 15, it stopped working. Do you know how I can fix this issue? Thank you in advance for your assistance
Hi @EagleHunted I've reviewed the attached screenshots and your comprehensive update on the changes you've implemented. Here are some specific suggestions to further improve your store layout, address the current challenges, and highlight how our Shopify app can be beneficial.
Additional Recommendations:
I hope these suggestions help you enhance your store to achieve better sales performance. If you need further assistance or have any questions, please feel free to reach out.
Best regards,
Ina
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Hi @INA_MSWEB
Thank you for your detailed and comprehensive feedback. Regarding Lazyload, I've researched various resources suggesting it's not able to improve loading speed. I've experimented with this multiple times, observing varying outcomes—sometimes it enhances speed significantly, while other times, results are inconsistent. Do you recommend enabling it specifically for content below the fold within the scrolling area ? Thank you
Hi @EagleHunted ,
Regarding the CTA, yes, that what I recommend you.
Regarding the code for adding a "Soon" which does not work, could you please share with me? Our team will check and see if there is anything we can help.
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Thank you for your feedback and here's the completed code :
If you want to add a label or badge, please follow the steps below:
Step 1: Navigate to Online Store -> Navigation -> Find your footer menu that is displayed on the homepage. Then, go inside and find "Our Brand". Insert this code: <span class="label-soon">Soon</span>.
Step 2: Navigate to Online Store -> Themes -> Edit Code. Find the base.css file and paste the following code at the end of the file:
.label-soon{
padding: 2px 10px;
background-color: #009fd3;
color: #fff;
border-radius: 5px;
margin-left: 10px;
}
Here is the code for changing the footer background color
footer.footer.color-scheme-1.gradient {
background-color: red;
}
If you want another color, simply change the name from "red" to "yellow".
If you want to remove a line on hover in the footer, here is the code.
.footer-block__details-content .list-menu__item--link:hover{
text-decoration: none;
}
And here is the code for changing the Desktop background color
sticky-header.header-wrapper.color-accent-2.gradient {
background-color: red;
For your footer issue, here is the updated code:
.footer-block__details-content .list-menu__item--link:hover{
text-decoration: none !important;
}
After updating to version 15.0 of the theme, none of the previously mentioned codes have proven effective. If I update to version 15.0, will this code, along with other CSS additions I've made, be automatically removed? Could leaving this code impact my website's loading speed, or would removing it potentially reduce the impact of third-party codes on my site? I'm just trying to improve the speed to reduce the Cart abandonment rate especially while running Ads.
Hi @EagleHunted
This appears to be a CSS issue. Could you please let us know if you have a development site where we can check and fix it? You can send us a DM if you want.
Adding or removing this code should not significantly impact your page load speed. The code is not redundant and doesn't affect other elements of the site much.
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
What is the acceptable hero banner size for mobile? I am currently using 1920*500 for desktop and have adjusted it for mobile, but Google PageSpeed Insights are indicating that it is too large for mobile. I do not have a development site, as it is the same website. I have reached out to all app developers to address the impact of their third-party codes on my theme, but the issue persists on mobile despite modifications.
Hi @EagleHunted,
Regarding your mobile banner size, Google PageSpeed Insights evaluates performance based on a Moto G Power screen, so the recommended size is 412*186. Please refer to this image for more details: https://i.imgur.com/wVsx2bS.png.
For the third-party JavaScript issue, consider deferring the loading of these scripts until after the main content has loaded, or only load them based on user interaction (e.g., scroll, click, mouse movement). You can contact the app developers for further assistance.
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Hi @mageplaza-cs
Thank you for your ongoing assistance, I have noticed that the 412x186 size of my mobile banner may be too small. Will it be blurred if I use it on mobile? I couldn't attach the picture after I resized it to the recommended dimension. Also, could you please advise me on how to defer the loading of Javascript? I will be reaching out to the app developers to see if they can address this issue, as they have not been able to reduce the impact of their 3rd party codes on my theme. I have already removed the apps whose developers did not reduce their scripts from my theme. Thank you.
Hi @EagleHunted,
Regarding the image size, 412x186 is not too small for mobile use, as mobile screens typically measure around 412x823. This size should be sufficient to cover the mobile screen effectively.
For optimizing JavaScript loading, you can handle it as follows:
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Hello,
Thank you for your assistance. It appears to be related to technical details. I'll see what I can do. I have reached out to the Avada team developers to inquire if they can minimize the impact of their third-party codes on my theme. I am currently awaiting their feedback.
Hi @EagleHunted,
Thank you for your reply. If you have any other concerns, please let us know directly in this topic, or feel free to send us a DM or email. Have a nice day! 🙂
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Hi @mageplaza-cs & @INA_MSWEB & @Peter_Datma
I have addressed the speed issues in the store and added metafields for all products. I saw an initial increase in organic traffic for a few days, but it has since dropped. I also added a "frequently bought together" feature for items that receive high traffic and are frequently added to cart but later abandoned. Are there any additional steps that could help decrease bounce rate and improve conversion rate? Thank you for your assistance
Hi @mageplaza-cs I have removed the space gap on mobile, but there have been no noticeable changes. The speed score is fluctuating for both mobile and PC.
Hi @EagleHunted , thank you for your reply. Please revise my information below:
1. Since desktop and mobile share the same source code, issues affecting both platforms are common. You need to implement optimization solutions for both devices, or at least ensure that changes do not negatively impact the other device. The discrepancy arises because mobile screens are smaller than desktop screens, so HTML elements that are fine on desktop might be problematic on mobile. For instance, image size: a 900x1200 image might be acceptable for desktop but too large for mobile. In such cases, we need two differently sized images for the same HTML position to suit both devices.
2. You can follow these instructions to add an "Add to Cart" button:
```From Shopify Admin select Online Store and click on Themes Choose your main theme Click the . . . on the top left-right (see below) and hit Edit code Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page. <form method="post" action="/cart/add"> <input type="hidden" name="id" value="{{ product.variants.first.id }}" /> <input min="1" type="number" id="quantity" name="quantity" value="1"/> <input type="submit" value="Add to cart" class="btn" /> </form>```
Please note that this solution applies to the default theme, so if you are using a different theme, you may need to modify a different file. We need to know which theme you are using to check this (in case you are using a free theme).
3. Please follow these instructions:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text { grid-template-columns: 8rem 1fr; }
img.predictive-search__image { width: 100%; height: 100%; }
https://i.imgur.com/dYMxKwn.png
6. We are not sure which Ecomposer answer you are referring to. However, if it is about the home page banner, you should use a webp format image file with a size appropriate for each device.
I hope this will be work for you. Thank you!
Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants
If our suggestion works for you, please give it a Like or mark it as a Solution!
Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com
Hello!
Beside the advice you already got from fellow forum members I would add one more perspective. Usually I see few people talking about product level conversions, how many times a certain product was seen and how many clicks it received, have the users added it to the cart, have they abandoned that product in great percentage in the checkout process... Shopify commoditised the "online store" - everybody can have pretty much a good enough store (with some variations in design & templates) and customers are used to how these stores & checkouts operates. The devil is in the details , what you are selling, at what price, how you differentiate/service and to whom you are talking, for this you need good quality data and as granular/product/variant level as possible.
Best,
Peter @ Datma
Product analytics and reporting
Demo: https://demo.datma.io
Hi @Peter_Datma
Hello!
Thank you for your valuable insights. I’ve taken several steps to address the issues:
I appreciate your feedback and will continue to focus on refining these aspects.
Best regards,
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025