No results found. Try again with different words?

Search must be at least 3 characters.

Checkout Page WooCommerce

This document enlists various options available within the Astra Pro WooCommerce module that allow you to customize the checkout page of your WooCommerce store.

With these settings, you can enhance the user experience and improve the checkout process to better suit your store’s needs.

How to Style WooCommerce Store Page Using the WooCommerce Module

Before getting into the customization options, ensure that you have both the Astra Pro Addon and WooCommerce plugin installed and activated on your WordPress site. If you haven’t already installed Astra Pro Addon, you can follow the instructions provided in Step 1.

Step 1: Install Astra Pro Addon Plugin

Firstly, make sure you have the Astra Pro Addon plugin installed on your WordPress site. You can do this by navigating to your WordPress dashboard, then Plugins > Add New, and upload the “Astra Pro Addon” zip file to install and activate it.

Step 2: Activate the WooCommerce Module

Once you have Astra Pro Addon installed and activated, navigate to the Astra under WordPress Dashboard. From the Astra Pro Modules, activate the WooCommerce module to unlock additional customization options for your WooCommerce store.

Step 3: Customize Checkout Page Settings

After activating the WooCommerce module, visit the customizer by going to Appearance > Customize > WooCommerce. Here, you’ll find various settings to adjust the appearance and functionality of your checkout page.

What are the Available Options Under Checkout Page of WooCommerce

The Astra Pro WooCommerce module offers a range of options to personalize your checkout page:

Two-Step Checkout

It separately displays the Billing details and Payments sections. Initially, the Billing details form will appear, then the user can see the order summary and can proceed to checkout.

Display Order Note

It will display order notes at the bottom of the billing information. It contains notes about your order, e.g. special notes for delivery.

Display Apply Coupon Field

The coupon field will be visible at the top of the checkout page. If you don’t want want to display any system for coupons you can disable it.

Distraction Free Checkout

When you enable this option, the menu in the header and the 1st footer of the website disappears on the checkout page. The option of Distraction Free Checkout overrides the header and footer settings.

Use Labels as Placeholders

It will display form labels as a placeholder. This will reduce the height of the billing information form.

Persistent Checkout Form Data

It will retain the Checkout form fields even if the visitor accidentally reloads the checkout page.

We hope this document has been helpful. If you have any further queries, feel free to leave a comment below.


Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form