# WooCommerce Adjustments

The rental products are based on the [WooCommerce plugin](https://woocommerce.com/).

{% embed url="<https://wordpress.org/plugins/woocommerce/>" %}

Here is a guide to configuring the basic settings of WooCommerce to ensure proper functionality of the Rental Demos. We recommend adjusting all settings according to the WooCommerce documentation.

{% embed url="<https://woocommerce.com/document/configuring-woocommerce-settings/>" %}

## General Settings of Products <a href="#product-settings" id="product-settings"></a>

The General section includes settings for Shop Pages, Measurements, and Reviews. This allows you to manage checkout settings, choose units of measurement, and control the availability of product reviews and ratings.

### **Shop pages**

This is an archive page for Products, where all vehicles will be showcased.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FBwGqhevRbbO7IG6Tw9yY%2FMotors%205.17%20-%20%20WooCommerce%20shop%20page%20settings.png?alt=media&#x26;token=94037b5b-8e5b-427b-a25f-e2ce27909edd" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Auto Rental One" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FQ0nsv5BhCY61rzj1HEVU%2FMotors%205.17%20-%20%20WooCommerce%20shop%20page%20rental%20one.png?alt=media&#x26;token=0b3d3dda-c57d-4e02-a94c-769c8c11d9c8" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Auto Rental Two" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F6BbWlnxGoNaKndX7tbCF%2FMotors%205.17%20-%20%20WooCommerce%20shop%20page%20rental%20two.png?alt=media&#x26;token=fdab5de5-e8b2-4129-afe2-9237ab7f81ab" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="success" %}
To customize the Auto Rental One layout, modify the product archive page and add a featured image. This image will serve as the background for the reservation form.
{% endhint %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FzYYXMMCQZowzWOn8kqif%2FMotors%205.17%20-%20%20WooCommerce%20shop%20background%20rental%20one.png?alt=media&#x26;token=983a305e-079d-4b31-aa4b-f8c46a0906cd" alt=""><figcaption></figcaption></figure>

## WooCommerce Pages

The WooCommerce plugin requires specific Pages to be set up to direct users to perform certain actions.

{% hint style="info" %}
Remember to specify the Cart page, Checkout page, and My Account pages under the **WooCoomerce > Settings > Advanced > Pages Setup** section.&#x20;
{% endhint %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FEZ1erJhPIIwiaHsodRwP%2FMotors%205.17%20-%20%20WooCommerce%20page%20settings.png?alt=media&#x26;token=84707cd5-0f3c-4777-88d5-fd30ae0f1aa3" alt=""><figcaption></figcaption></figure>

### Cart Page

The content of the Cart page should include the shortcode *\[woocommerce\_cart]*. In the Auto Rental One demo, this page displays the vehicle that was selected on the Reservation page.&#x20;

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F5xxs3XEJpklg3B4sx3hh%2FMotors%205.17%20-%20%20WooCommerce%20Cart%20page%20Rental%20One.png?alt=media&#x26;token=1c05d2ea-f503-497c-9a43-36e101c6ec07" alt=""><figcaption></figcaption></figure>

### Checkout page

This page is where the customer will enter their payment information and submit orders. By default, WooCommerce renders its content via shortcode: *\[woocommerce\_checkout]*.&#x20;

{% tabs %}
{% tab title="Auto Rental One" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FaZWcbuhH7OJWxt6lZg0o%2FMotors%205.17%20-%20%20WooCommerce%20Checkout%20page%20Rental%20One.png?alt=media&#x26;token=f8826e30-2395-4a13-b542-903c62e28123" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Auto Rental Two" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fzrn0uml3HvAhcFkDW4Sa%2FMotors%205.17%20-%20%20WooCommerce%20Checkout%20page%20Rental%20Two.png?alt=media&#x26;token=639f1746-b003-4e22-b38e-0b20bd551032" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### My Account Page

This page is where registered customers can view their orders or update their account details.&#x20;

{% tabs %}
{% tab title="Auto Rental One " %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FcZmMGIHTURh3HMPxtJWJ%2FMotors%205.17%20-%20%20WooCommerce%20account%20page%20Rental%20One.png?alt=media&#x26;token=2362a37f-d1cd-40bb-a1ab-edf2a6cb45e5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Auto Rental Two" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fe8m190vF8XEX2QLD5zFF%2FMotors%205.17%20-%20%20WooCommerce%20account%20page%20Rental%20Two.png?alt=media&#x26;token=fdd358c0-c731-428d-a40f-5728f5e87eaa" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

For guest users, a Login/Register form will be displayed on the My Account page.

{% tabs %}
{% tab title="Auto Rental One " %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FZ7ixkqWgQrdcpQ2ptsl7%2FMotors%205.17%20-%20%20WooCommerce%20login%20page%20Rental%20One.png?alt=media&#x26;token=cf275d68-cf36-4493-8864-cacb8ae66f54" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Auto Rental Two" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FS32JWWDYF2j7fSampN85%2FMotors%205.17%20-%20%20WooCommerce%20login%20page%20Rental%20Two.png?alt=media&#x26;token=e67ba4b7-8f39-4f0a-8e91-9e5d4287318f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Terms and conditions

This page shows terms and conditions. To use a **Terms and Conditions** page, create a new page for it at **Pages > Add New.**&#x20;

{% hint style="info" %}
The Terms and Conditions appear inline during checkout, and the customer can scroll through the content and tick the checkbox to accept.
{% endhint %}

{% tabs %}
{% tab title="Auto Rental One " %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fu7hB7MaF273RvWK74Ri1%2FMotors%205.17%20-%20%20WooCommerce%20Checkout%20page%20checkobx%20Rental%20One.png?alt=media&#x26;token=9103c897-2023-4a00-a3e3-ecd346096fc8" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Auto Rental Two" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FTL6YsWRh66RLxDd3YA1q%2FMotors%205.17%20-%20%20WooCommerce%20Checkout%20page%20checkobx%20Rental%20Two.png?alt=media&#x26;token=3905dea2-933b-4262-bbe1-046a115c0552" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Payments Settings <a href="#payments-settings" id="payments-settings"></a>

To enable users to create orders, payment methods must be enabled in WooCommerce's Payment Settings. Go to: **WooCommerce > Settings > Payments** to control which payment gateways are enabled.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FOHLNXO2T2yFvz0OrJm6b%2FMotors%205.17%20-%20%20WooCommerce%20Payment%20methods.png?alt=media&#x26;token=a7f8999c-4f13-4246-87c1-6256799332fc" alt=""><figcaption></figcaption></figure>

The installed gateways are listed and can be rearranged by dragging and dropping to determine the order in which they are displayed to customers during checkout.

{% embed url="<https://woocommerce.com/document/premium-payment-gateway-extensions/>" %}