What gives you an adrenaline rush? Is it bungee jumping, skydiving, surfing or canyoning? For us, it’s bringing you world-class WordPress products and updates. 🙂
One such update is our latest Astra 3.9 release.
We are thrilled to share this latest update with you and can’t wait to tell you how this changes the entire shopping experience for our WordPress and WooCommerce users.
Our dedicated team has been working round the clock for the past 6 months and has delivered a release that we are all very proud of.
What are these updates? Let’s dive in and find out!
What we’ve done
The latest update impacts every aspect of your WooCommerce store.
From the shop and product page to the cart and checkout page, we’ve made major enhancements to just about every element of your store.
Let’s review every page individually.
You’ve probably used the two default skin layouts that the Astra shop page comes with, Grid and List. While the two work perfectly well, we now have a brand new skin called Modern.
Here’s how it looks.
The new Modern skin looks great and enhances the entire shopping experience.
The ‘add to cart’ and ‘quick view’ options become available when you mouse over the product image. This allows customers to make purchases quickly without having to navigate to individual product pages.
And the best bit is that it offers endless customization possibilities through plenty of options in the customizer.
You can easily select the shop layout and even play around with the content width from the customizer.
Want to select a particular style for your sidebar? No problem!
Simply drag and drop the various card elements to personalize your shop page.
It’s as easy as 1-2-3!
Do you like sticky menus? You know, the top menu links that include a logo and stick to the top of the page as you scroll down?
Our latest update now comes with a Sticky Sidebar.
The new sidebar ‘sticks’ to the side of a page as you scroll through the list of products.
Your customers can now apply the necessary filters and easily locate the products they’re looking for.
We didn’t stop there. We included a collapsible filter functionality that you can enable or disable based on your requirements.
Search for products, filter by stock status and do more using the collapsible filter.
Product pages need to speak for themselves if you want to sell more. A big part of this is to present high-resolution product images in the best way possible.
That’s why we designed three new image gallery options to help your product images stand out.
It’s one thing showcasing different views of the product using images. It’s another thing to ensure you make it easy for customers to buy your product.
To make the entire buying process as simple as possible, we introduced a new ‘Sticky Add-to-Cart’ feature.
This feature ensures you have an ‘add to cart’ button sticking to the bottom as you scroll through the product description page. You can easily enable or disable this feature from your customizer.
We’re leaving no stone unturned when it comes to improving your conversions.
We’re even adding some psychological triggers, such as payment icons and shipping text on the product page.
Do you prefer reading the product’s top highlights in an ordered list? We’ve got you covered.
You can now show the top highlights in a beautiful icon list.
We’ve also spruced up the way your product descriptions look.
We’ve worked on improving a number of elements in this Astra 3.9 release. Another area that has seen development is the product quantity selector.
The default product quantity selector isn’t particularly well designed. Neither does it look great on mobile devices.
We’ve worked on both aspects and the result is a sleek-looking quantity selector that looks amazing on every screen size.
Do you offer products with variations? Like products with different sizes or color options?
Astra 3.9 has made major improvements to product variations too.
Instead of drop-down menus, product variations can now be displayed as buttons.
Not only is this great for UX, but it is mobile-friendly as well.
Next up is the cart page. We’ve made several new enhancements here too.
From a modern new layout and real-time quantity adjustments to a sticky cart totals sidebar and an option to change the cart button text, we’ve made many new improvements to the user experience.
Real-time quantity adjustments
Sticky cart totals sidebar
Change the cart button text
Off canvas cart
Wouldn’t it be great to have a cart that slides out and keeps you informed of what you’ve purchased? Well, that’s exactly what the new Slideout Cart feature does.
Unlike having a window popup when you click on the cart, we’ve incorporated a new slideout feature that showcases all the products you’ve added to your cart.
You can update your cart, view the cart, and proceed to payment, all from the slideout cart.
This is another one of those features that’ll enhance the shopping experience.
The checkout page is probably the most important page in the entire shopping cart. It’s the make or break of a customer’s buying experience.
Did you know that the average cart abandonment rate is nearly 70% across all industries? This translates to nearly 7 out of every 10 customers not completing their purchase.
Competing platforms such as Shopify use simple, elegant checkout forms, Yet WooCommerce is often criticized for its lengthy and somewhat unintuitive checkout forms.
So we decided to tackle this in Astra 3.9. The results are stunning!
Welcome Modern Checkout
Modern Checkout is a whole new checkout experience. It surpasses the default WooCommerce checkout in every respect.
- Fresh new modern look and feel
- Faster, frictionless checkout
- Optimized for higher conversion
Modern Checkout helps you significantly enhance the customer shopping experience!
With a simple toggle, you can switch out the old checkout page for a beautiful and intuitive new page.
An experience that encourages customers to progress more fluidly through checkout.
Modern Checkout lets you design every element of your checkout page.
You can make the purchasing process faster and easier and help boost revenue by reducing distractions.
We’ve gone the extra mile to ensure every aspect of your WooCommerce store looks awesome. One such aspect is the default loader.
Out of the box, WooCommerce uses a spinning wheel as a loader that looks outdated. In keeping with the times, we’ve redesigned this into a skeleton loader instead.
While these may be small enhancements, they all add up in the larger picture of making your checkout page look a whole lot better!
You can easily select the layout structure of your checkout page.
From selecting a default or modern checkout layout to going with a single column or a two-column one, designing your checkout page has never been easier.
We’ve made it super easy to customize your payment button as well.
Easily edit the text on the button and enable the button padlock and price by using the toggle button.
We’ve also incorporated a sticky order review on your checkout page.
As the customer fills in their billing details and scrolls down, their order details stick to the page. This helps customers review their order before making a payment.
Another amazing new inclusion is account validation. It checks if the account exists as your customer begins typing their email address.
If it does, the password field is automatically displayed. If not, customers can check a box and their checkout details can be used to create a new user account.
Pretty cool, right?
Here are a few additional features we’ve improved:
Persistent checkout form data
We are utilizing the ‘persistent storage’ technology that the latest browsers offer.
This saves the details customers type into their checkout forms if they accidentally close the browser tab or refresh the page.
Customers will find their typed data in the form and won’t have to retype it.
We’ve made improvements to the two-step checkout layout as well, making it way more customizable.
Thank you page
On successful checkout, the customer is directed to the thank you page. We’ve given this page an elegant and modern new look.
My account page
The ‘my account page’ is an important part of your online store and is where customers access all their details. From updating their billing details to tracking orders, it’s all available on the ‘my account page’.
If you sell digital products, customers can log in and download their products from their account area.
All this makes the account page an integral part of your store and one that has to be equally appealing to customers.
Astra 3.9 now introduces a totally modern-looking layout for the account page.
Here’s how it looks.
We are delivering even more!
Like we said earlier, we love delivering awesome WordPress products to help you scale your online business. We’ve built a few plugins that we feel every WooCommerce website requires to deliver an exceptional user experience.
Here are some of them.
We discussed the variation option in WooCommerce earlier. It’s especially helpful when you want to create product variations, such as t-shirt color and size, and storage options on mobile devices.
However, WooCommerce shows these variable products with a mundane dropdown menu, which is not ideal as far as UX is concerned.
We found several plugins that offer a fix for this and display product variations in the best possible way.
However, most of them were bloated, confusing, and expensive.
We saw an opportunity here and decided to come up with our own plugin that’s customizable, lightweight, and above all, 100% free.
Go ahead and give the Variation Swatches for WooCommerce plugin a shot.
Stripe payment gateway for express checkout
Want to increase the chances of increasing sales? Have a smoother checkout process!
Our team collaborated with our friends at CartFlows and built a Stripe payment gateway plugin to make the payment process faster and more intuitive.
This plugin is fully compatible with the Astra theme and provides a seamless checkout experience for your customers.
We released this plugin a few weeks ago and were pleasantly surprised with the traction it gathered. Over 50,000 WooCommerce store owners have taken advantage of this plugin, and this number grows every single day.
Learn more about the Stripe payment gateway plugin here.
WooCommerce Cart Abandonment plugin
Just in case you missed it, have you tried our WooCommerce Cart Abandonment plugin?
Nearly 70% of customers who reach the checkout page don’t complete their purchase. Our plugin helps you automatically recover lost revenue for free.
The plugin captures the email address of customers on the checkout page. If the customer hasn’t completed the purchase within 15 minutes, an automated series of follow-up emails are triggered by the system.
These emails can remind the customer to complete the purchase, ask for feedback, or even offer a discount to lure them into completing the purchase.
You have complete control over the interval for sending out these emails.
Helps recover lost sales and revenue? We definitely think so!
One more thing!
If you’ve been using our Astra theme, you’d know that we designed the customizer a few years ago. It’s been a while and we figured it’s about time to give the Astra customizer a new look.
We made a totally new style guide for our customizer and made numerous enhancements and improvements to it.
Needless to say, this enhances the experience while using the customizer and setting up your website!
We’ve improved the colors and typography panels as well.
The entire interface of the colors panel has been revamped to give a cleaner and more modern look. The color palettes in the Global Color Palettes section appear as a popup and are more user-friendly than our earlier version.
The reset functionality has also been enhanced by adding group and individual reset options.
In the typography section, we focused on providing better spacing, categorization, and delivering an overall enhanced user experience.
Compared to our earlier design, the typography dropdowns and pre-defined presets are much cleaner and better organized.
We didn’t just stop at the colors and typography sections. We improved the UI of other panels such as layouts, headers, and footers.
With a completely updated and enhanced customizer, the team focused more on improving the performance with a lightweight and impressive UI.
This is still work in progress and will be released over the next few updates.
3 new premium Starter Templates
We’ve got more good news for you. :)
We’ve added three new premium Starter Templates to our ever-growing library.
These new templates have the best of Astra and WooCommerce features built-in and can help you launch an online store almost instantly.
The new features include off canvas cart, the newly introduced Modern skin for shop page layout, easy list view, off canvas shop filters for shop pages and the quick view popup.
For the single product pages, we’ve used a vertical slider gallery layout, active payment gateways, free shipping label, product navigation, sticky add-to-cart, and sticky product summary, among other amazing features.
Additionally, our amazing new templates use the Modern skin for the rest of the pages, such as the cart, checkout, thank you, and my account.
Here’s a sneak preview of our new templates.
If you deal with electric scooters and want an online presence for your business, here’s a tailor-made website template for you. The clean and minimalistic design has everything you need to get your business up and running quickly.
With impressive background effects, and a significant hero section that incorporates an ‘add to cart’ CTA and featured product areas, this template is ideal for creating the perfect shopping experience.
Classy, elegant, and stylish. That’s the first impression you get when you see this chic website design. It’s perfect for selling all kinds of perfumes.
Promote your best products and offers on the hero section of the website, include your best sellers, and do more on the highly engaging website template.
Want to sell plants to a global audience? Use our high converting and WooCommerce-ready website template to build your online store quickly and easily.
The clean and simple design creates the perfect shopping experience for your customers. Simply import our template and easily customize it to suit your requirements.
Over to you
Our fabulous team has been working round the clock and has put a huge amount of effort into this update over the past 6 months. It’s a total game changer as far as creating the ultimate shopping experience is concerned.
If you aren’t an Astra Pro user, this is a great time to be one!
To sweeten the deal, we are offering a discount of 25% off on all our annual plans. Simply use the coupon code ASTRA39 to benefit from this limited time offer.
We’d like to hear from you now. Which particular feature of Astra 3.9 are you most excited about?
Let us know in the comments below!
Hate to test,
I have two small questions
Is it possible to put the sticky add to card on custom product pages with elementor?
Second question, the checkout and cart page loads slowly on the basic version of woocomerce
Do the new mods accelerate the loading of these pages
Can you please open a support ticket from our support centre so that we can help you better?
Impressive list of improvements by the team.
Great article filled with great improvements. The only request I like to see now is the Customizer area. I would love to have a dark mode setting. Too me, it’s easier on the eyes. Thanks for your hard work!
Glad you liked the article. 🙂
I will indeed convey your feedback to our concerned developers. Thank you for your suggestion.
Thank you so much, Lee!
Glad you liked it. 🙂
WOW!!! I am so impressed with such a wealth of features!! In the past I’ve had to do so much custom work and add extra plugins just to get what you now offer boxed and ready to go! Thank you guys for always striving to deliver bigger and better! A very happy customer! 🙂
Glad to hear that, Meredith! 🙂
Thank you, love the updates!
Thank you, James. 🙂
This is a Super Crazy Fantabulous Update!!!! Loving You guys again and again with every new update…❤️
Glad to hear that, Jackson! 🙂
Wow, great work guys! WooCommerce needs these improvements to me able to compete with other platforms.
Thank you so much, Dallin!
Glad to hear that! 🙂
Wow, that’s impressive work 🙂
Thank you, Ahir! 🙂
May I know the name of the share plugin, you use in your articles?
Thanks team for all the hard work
Thank you, Errol! 🙂
Seems like mega menu improvements was left out and that sucks. The Astra mega menu sucks it needs an overhaul, a complete one.
@sujaypawar see above
I cannot find the new templates in the pro. Arent, they live yet?
WooCommerce enhancements, were overdue 😉
But now you delivered, once again!
I am excited to upgrade my Stores and use it in new ones.
Thanks to the whole Astra Team!
Very nice! love all the updates. We are having issues with the cart button not working on mobil after the upgrade. Might want to look into that. It’s happening on multiple sites.
Me too, but we’re using the old header and the [astra_woo_mini_cart] widget. If you click/press it in mobile view it does nothing now.
Have you solve it? I have same problem
Amazing updates everyone!
Wow now I feel like the need to use Shopify is gone for my clients!
But for real this is a lot of great work
Glad to hear that, Rhys! 🙂
Now that’s what we call a serious update. So excited to test it out. Thanks guys.
Glad to hear that, Karim! 🙂
All this Woocommerce and I still can’t build a custom category page.
That’s a huge bundle of improvements to an already great platform, thank you!
Thank you, Craig! 🙂
Buying that lifetime bundle really paying off with each update. Hope to see the Spectra update soon.
Glad to hear that, Ryan! 🙂
Yes, you can see that update soon.
Love all these small design changes. I have already updated my store, and it now looks more polished and modern.
Thank you, Cynthia!
Glad to hear that! 🙂
Well done to the team!! Are there any video’s out on how to implement the change to a existing astra theme with woocommerce to Astra 3.9
Yes, our documentation team is working on it. It will be published soon.
Thank you. 🙂
Thank you, Astra Team! These are the much-required features for any modern eCommerce store. This creates lots of possibilities for me as a web designer.
We are glad you liked it. 🙂
Thanks for letting us know.
Amazing updates as always. These default options for the WooCommerce store are much required.
Now I can finally get rid of unnecessary plugins.
Glad to hear that! 🙂
WooCommerce has been the slowest to respond to the modifications and features other platforms like Shopify have to offer. I think this update is pretty drastic and the list of customization options can really help update product pages with just a few clicks.
Hoping for more updates in the future.
Thank you, Ethan! 🙂
Glad to hear that.
Yes, you will get to see more features in the future. 🙂
I just have this one question will the current store theme installed also update to the new theme add-ons?
Other than that everything sounds very promising!
I have been using Astra for building an online store for the clients, the major thing which my client most needed is a “quick view” feature. This is a relief. BTW, as always loved the update!
Glad to hear that, Olive! 🙂
I like your WordPress themes and am currently using them on a few of my sites. Keep doing the excellent work Astra team.
Glad to hear that, Percy!
Thank you. 🙂
The three new themes look good, but are currently only available for Elementor, when will they be available for Gutenbenrg/Spectra?
Would you please add a feature to add custom tabs to woocommrce profile my account page?
To insert shortcodes like wishlists, waitlist, tickets and more
Any idea as to when the docs or tutorials will be available? I have it live on my site but there are things that I can’t figure out.
Are all this features exclusive to Astra Pro or Free user get some of this?
Thanks in advance.
Hey team, hello! After updating to version 3.9.0 the woocommerce templates are no longer overwritten by the child theme. Returning to version 3.8.5 everything works correctly. I looked in the change log https://wpastra.com/changelog/astra-pro-3-9-0/ for the changes made to astra, and it seems that the problem comes from astra/ inc/compatibility/woocommerce/class-astra-woocommerce.php.
So I did some tests, I updated astra to version 3.9.0, then I took class-astra-woocommerce.php from version 3.8.5 and replaced, magically the templates started working again. How do I fix the problem without replacing the file?
Here is another discussion with the same problem: https://wordpress.org/support/topic/child-theme-no-longer-overriding-woocommerce-templates/
In the changelog a new filter named astra_stretched_layout_with_spacing was mentioned, but it is not documented anywhere, not even in the mentioned link. Can you please explain what it does?
What about mobile app style bottom nav bar in mobile version? Any plans to add that?
how do filters look in mobile? Are they user friendly
Is it possible to have different color schemes per categories and individual product pages?
I have been using the WooCommerce Blocks plugin to add a better checkout experience. Are there plans to make these improvements compatible with WooCommerce Blocks as well?
I’m going to have to compare the features of both to decide which is best for my site, but the advantage of the built in WooCommerce Blocks is that it has integration with a lot of other plugins that affect the checkout process. I’ll definitely have to run some tests!
In Appearance/Customize/WooCommerce/Product Catalog I am not seeing the Pagination or Product Styling options. This leaves me with a limited product catalog editing capability. I do have the Astra Pro 3.9.1 installed and active on my website. My website was created before the new update was released, but that shouldn’t matter, should it?
Where the -Product Short Description- tab has gone?
And why we need the Product Description if the Description is already there?
I’m having a problem with the 3.9. It makes the theme customizer unable to load. I have tried changing other interfaces, still customizing and still normal as if nothing happened? I don’t know if admin can help me?
Thanks for all helping me find all more about me my own personal information
This update ruins the off-canvas cart on all my webshop!!! I use elementor header and not the header builder. The updates should not influence the my current usage.
The quintity field type is now “input” and the design is bad as well. Before this update the quintity field was text.
Please advise the solution asap to fix your mistake
Is there a way to show sticky add to cart also on mobile? I activated but only show on big screens.
I switched to developing sites using Astra a while back and it was wonderful. However with each new update, my sites’ Pagespeed scores are getting lower and lower. Bloated CSS, too many DOM elements, CLS issues, jQuery/jQueryMigrate dependencies and more. Not to mention the changes and bloating in the plugin formerly known as “Ultimate Add-ons for Gutenberg”. All these new features are great but not when it comes at the expense of performance.
That says all well and good – it would if:
– the mobile menu would not still be broken
– if the new product image gallery wasn’t broken because of the old base view
– other long-standing basic bugs, etc.
…and maybe if Asra would finally get something like the Generatepress Elements part…
This theme is looking good.
I just have one question by adding more categories and a menu does it will affect our page speed load time?
And compare to another theme Astra pro is user-friendly to edit and customize.
But you have added some more features for Astra free theme builder.
Hey there – how do we enable the AJAX add to cart?
Hi guys. It is nice that you have a plugin for variation swatches on shop / archieve page. But it it would be much better if you could implement such feature without a plugin. Are you planning to add such feature in the theme in the next update?