# Checkout Page

{% hint style="success" %}

### Access the Checkout Page Settings

* Log in to your WordPress admin panel.
* Navigate to **WooCommerce** > **Settings**.
* Click the **Advanced** tab.
* Under **Page Setup**, find the **Checkout Page** option.
* Ensure the checkout page is set correctly (default: **/checkout/**).
  {% endhint %}

#### **Customizing the Checkout Page** <a href="#customizing-the-checkout-page" id="customizing-the-checkout-page"></a>

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/D9rxbCTtvlr32TZjigiO/woo-image-10.jpg" alt=""><figcaption></figcaption></figure>

### **A. Configuring Checkout Fields** <a href="#a.-configuring-checkout-fields" id="a.-configuring-checkout-fields"></a>

To modify checkout fields:

* Go to **WooCommerce** > **Settings** > **Accounts & Privacy**.
* Adjust guest checkout and account creation settings.
* To customize fields (e.g., remove "Company Name"), use a plugin like:
  * **Checkout Field Editor for WooCommerce**
  * **WooCommerce Custom Fields**

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/rqJhvjy8P7uNI75Kgvke/woo-image-11.jpg" alt=""><figcaption></figcaption></figure>

### **B. Enabling Payment Methods** <a href="#b.-enabling-payment-methods" id="b.-enabling-payment-methods"></a>

* Navigate to **WooCommerce** > **Settings** > **Payments**.
* Enable and configure payment gateways like:
  * **PayPal**
  * **Stripe**
  * **Cash on Delivery**
  * **Direct Bank Transfer**

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/oM9cmxOMyLOXKMgMcHCB/woo-image-12.jpg" alt=""><figcaption></figcaption></figure>

#### **C. Enabling Coupon Codes** <a href="#c.-enabling-coupon-codes" id="c.-enabling-coupon-codes"></a>

* Go to **WooCommerce** > **Settings** > **General**.
* Check the **Enable coupons** box to allow discounts at checkout.

#### **Adding Checkout Page to Navigation** <a href="#adding-checkout-page-to-navigation" id="adding-checkout-page-to-navigation"></a>

{% hint style="success" %}

* Go to **Appearance** > **Menus**.
* Select your main menu and click **Add Items**.
* Find **Checkout** and add it to your navigation.
* Click **Save Menu**.
  {% endhint %}

#### **Customizing Checkout Page Design** <a href="#customizing-checkout-page-design" id="customizing-checkout-page-design"></a>

{% hint style="success" %}

* Use the **Customizer**:
  * Go to **Appearance** > **Customize** > **WooCommerce** > **Checkout**.
* Edit the **checkout template** with a page builder like **Elementor**.
* Add custom CSS to modify the checkout layout.
  {% endhint %}

#### **Testing the Checkout Page** <a href="#testing-the-checkout-page" id="testing-the-checkout-page"></a>

{% hint style="success" %}

* Visit **yourwebsite.com/checkout/**.
* Add a product to the cart and proceed to checkout.
* Test different payment methods and shipping options.

For further customization, consider plugins like:

* **WooCommerce Checkout Manager** (to add/remove fields).
* **WooCommerce One Page Checkout** (for a faster checkout process).
  {% endhint %}