# Plugin Installation

Installing the [**CCFBW**](#user-content-fn-1)[^1] plugin is as straightforward as installing any other WordPress plugin. This guide outlines the installation of both the [**Free** ](#free-version-installation)and **Pro** versions of the plugin.

## Free Version Installation

There are two methods to install the free version of the plugin.

1. [**via WP Repository**](#method-1-installing-via-wordpress-repository)
2. [**by uploading the plugin (.zip) file**](#method-2-installing-via-plugin-upload)

### Method 1: Installing via WordPress Repository

{% stepper %}
{% step %}
Follow **WP Dashboard > Plugins > Add New:**

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FRZV9RP7TQkk4VxoU7rKC%2Fimage.png?alt=media&#x26;token=ab06e3f5-0090-4d60-8365-ba16f2afb6e0" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Search for "Checkout Custom Fields Builder for WooCommerce", then `Install` and `Activate` the plugin:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FA4ffzVjGuWWKE3pLivnM%2Fimage.png?alt=media&#x26;token=6c0b96e0-528a-4e15-b0b6-6b28fd3df3ca" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Method 2: Installing via Plugin Upload

{% stepper %}
{% step %}
First, visit the plugin page on WordPress and <kbd>Download</kbd> the `.zip` version of the plugin:

{% embed url="<https://wordpress.org/plugins/checkout-custom-fields-builder-for-woocommerce>" %}

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FJtML9bns3Dj3zVBNyYhl%2Fimage.png?alt=media&#x26;token=433ac5c3-b0f1-4944-9317-a005ba8c5935" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Go back to the backend of the website and follow **WP Dashboard > Plugins > Add New:**

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2F2oVF8KMioKUblxRHNcGj%2Fimage.png?alt=media&#x26;token=64ec0e9b-9cad-4c36-8d30-50542ed7f4de" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Upload the downloaded `.zip` version of the plugin and install it:&#x20;

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2F9slgZHtpLY4i9hYqIs0Z%2Fimage.png?alt=media&#x26;token=8448ba5c-b14a-49a5-9e65-0728d64c18e1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Once the installation is complete, <kbd>Activate Plugin</kbd> and that's it:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2Fgz75rTbwcEqBl1CEijC3%2Fimage.png?alt=media&#x26;token=82c305b2-3543-491e-8c15-aaf5d9cae4ea" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Following these steps will ensure that the Motors plugin is correctly installed and activated on your WordPress site. If you encounter any issues, please visit our [support forum](https://wordpress.org/support/plugin/checkout-custom-fields-builder-for-woocommerce/) for assistance.
{% endhint %}

## Pro Version Installation

The Pro Version of the plugin can be purchased from our [**official website.**](https://stylemixthemes.com/woocommerce-checkout-builder-plugin/?utm_source=stylemix\&utm_medium=docs\&utm_campaign=pro-version-install-doc#pricing-plans)

{% embed url="<https://stylemixthemes.com/woocommerce-checkout-builder-plugin/?utm_source=stylemix&utm_medium=docs&utm_campaign=pro-version-install-doc#pricing-plans>" %}

{% hint style="info" %}
Please note that the Pro Version of the plugin works only if the [**Free plugin**](#free-version-installation) is activated on the website.
{% endhint %}

{% stepper %}
{% step %}
Once all your data is verified as accurate regarding your purchase, you will receive a welcome message from **Freemius** via email. In that message, you will be aware of linking to the Pro Plugin's download page with the license key to activate the plugin. You will also be informed of some personal data and instructions for activation.

Using the credentials on the email, log in to your StylemixThemes account, and from there download the `.zip` version of the Pro Plugin:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FIbrDmsJmqRDirrrYyxTw%2Fimage.png?alt=media&#x26;token=32fbc7b7-7c8b-4059-8409-f3a0b0ddb7d3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Go to the **Plugins** section from your dashboard, then click **Add** **New**:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2Flp41YU7xJBsZXrlr1Ksi%2Fimage.png?alt=media&#x26;token=adcb8414-bb9f-47fb-b8c6-b7909e8cc0b4" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click on Upload Plugin from there and select the downloaded `.zip` file of the Pro plugin, then <kbd>Install</kbd> it:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FlfaU1DoXnQiFAVXVlbkY%2Fimage.png?alt=media&#x26;token=00f0a921-36ec-43f6-9557-0c7430da3c44" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
After the installation, click on the <kbd>Activate Plugin</kbd> button:&#x20;

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FkS1PZkENjdMYN3wGmPIP%2Fimage.png?alt=media&#x26;token=1423c431-e860-402c-bafe-296db389e1bc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Paste the licence key you got to activate the plugin:

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FgXDeSDLCkzYaD6aQUsAV%2Fimage.png?alt=media&#x26;token=2d992f5e-6108-4453-a2cf-f221cc738e57" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="success" %}
That's all, you have successfully activated the PRO version of the plugin :tada:
{% endhint %}

[^1]: Checkout Custom Fields Builder for WooCommerce