> For the complete documentation index, see [llms.txt](https://docs.stylemixthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylemixthemes.com/motors-theme-documentation/~/changes/70wBWN8w43jv4AA52cti/classified-layout-features/add-listing.md).

# Add Listing

It is recommended to create a special page where private sellers and dealers can publish their listings.&#x20;

1. [Enabling the "Add a Car" Button on the header.](#enabling-the-add-a-car-button-on-the-header)
2. [How to build a "Listing Submission" page with Elementor.](#how-to-build-a-listing-submission-page-with-elementor)
   * [Add Listing general setting.](#add-listing-general-setting)
   * [Add Listing Layout Manager.](#add-listing-layout-manager)
3. [How to build a "Listing Submission" page with WPBakery.](#how-to-build-a-listing-submission-page-with-wpbakery)

## Enabling the "Add a Car" Button on the header

In Classified layouts, the **"Add a Car"** button can be displayed in the header navigation. To do this go to the **Dashboard > Theme Options > Header > Buttons/Actions** and enable "Show Add a Car Button":

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FWH6GHtbXrNS3QaKzArQu%2FMotors%205.17%20-%20Theme%20Options%20enable%20add%20car%20button.png?alt=media&amp;token=aa80d994-7d38-45f7-8ed8-39d4326f8e0e" alt=""><figcaption></figcaption></figure>

Customize the label, change colors, and set a link for the page with the Add a car form.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FAumo4GNl2IKW3f6TwWQ0%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20button%20added.png?alt=media&amp;token=d9b0d17b-70b2-4134-938c-34dc8eaf0a5f" alt=""><figcaption></figcaption></figure>

To make the button work, the page should contain **"Add Listing"** or **"STM Add a car"** widgets based on the page builder.

## How to build a "Listing Submission" page with Elementor

The page where users submit listings comes with demo import and it has the following view by default:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FGfMkvCN9tIuKuDqHtCHL%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20elementor.png?alt=media&amp;token=d7ceb270-3e4e-4445-ad69-c703b9b0046b" alt=""><figcaption></figcaption></figure>

By editing the page it is possible to apply the default Advanced settings of Elementor:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fk95Bl7g0BeIiEdNTK4Dd%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20elementor%20edit.png?alt=media&amp;token=288b91e8-43bc-4d46-a185-f310d60d0f78" alt=""><figcaption></figcaption></figure>

The Content of the page is managed from theme options directly.

### **Add Listing general setting**

In Elementor demos, by opening **Dashboard > Theme options > Add Listing > General** section, the layout of the Add Listing page can be managed by dividing it into sections.

#### Description & Slots

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FWrRtOk7tFsbvIo1fiJNn%2FMotors%205.17%20-%20Theme%20Options%20Description%20%26%20Slots%20settings.png?alt=media&amp;token=3e50127c-8a2f-4923-b234-10ced254ec8d" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
The number of available slots can be disabled when it is not necessary to show.
{% endhint %}
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FxNJDmCWvM4DNlAw2zU5f%2FMotors%205.17%20-%20Theme%20Options%20Description%20%26%20Slots%20page.png?alt=media&amp;token=3bb2115b-7142-4f7e-9296-de01662e19b6" alt=""><figcaption></figcaption></figure>

When the number of available slots are disabled:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fr2MDDiHIXol7i7Gt3u5d%2FMotors%205.17%20-%20Theme%20Options%20Description%20%26%20Slots%20page%20slots%20hidden.png?alt=media&amp;token=e0810560-7a62-4f0f-b6c9-e387f52019a1" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Title

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FIyerKV1J4rwcWv718lro%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20title.png?alt=media&amp;token=f1035b0f-6073-4e32-a3a9-8c84b8cb5dc6" alt=""><figcaption></figcaption></figure>

When the option is enabled, Users/Dealers can set a custom title for the listing.&#x20;
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F3w0PG7pbocTDh2HzZYC0%2FMotors%205.17%20-%20Add%20car%20Title%20show.png?alt=media&amp;token=5e0630e7-7a3f-4d85-99a4-6e79d30013cf" alt=""><figcaption></figcaption></figure>

When the "Title" disabled:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FCpUsGsmg1UtH22Uoo98j%2FMotors%205.17%20-%20Add%20car%20Title%20hide.png?alt=media&amp;token=dbf40991-52f9-4fdb-9e44-43c18fb16302" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
By default, the listing title will be generated using listing categories by the system:

{condition} {ca-year} {make} {serie}
{% endhint %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F9hBO1e6ixVlKGYVmnmvx%2FMotors%205.17%20-%20Theme%20Options%20generated%20listing%20title.png?alt=media&amp;token=25b75984-412f-4915-bcbd-0a11ccdfc81b" alt=""><figcaption></figcaption></figure>

To display the custom title of the users to the cars, go to **Theme options > Inventory settings > Grid/List Card** then edit “Display Generated Car Title as” need to leave the input empty.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FtTre0EfewSYHCo7qiNSs%2FMotors%205.17%20-%20Theme%20Options%20generated%20listing%20title%20empty.png?alt=media&amp;token=d96520fc-ccea-4a91-afb5-acee9bae20dd" alt=""><figcaption></figcaption></figure>

#### Details

In this section users/dealers provide details about the vehicle by selecting to which category it belongs.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FhM9N5ybDPRa31DmlgmVo%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20details.png?alt=media&amp;token=6a0470a1-7a38-41df-aaad-2c714a1fcd04" alt=""><figcaption></figcaption></figure>

**Required Categories** - Select which categories are compulsory to select before submitting the listing.

**Transform numeric categories to input fields** - When the option is enabled users can type numbers on themselves. Otherwise, the system displays a drop-down with numbers to select.

**Registered Date** - When enabled, the field with Datepicker will be added to the Add Car page.

**VIN** - The input field to type the vehicle's VIN number will be added. Using this number buyers can check car history.

**History** - Allows users to provide external reports for the vehicle through the link.

**Allowed Histories** - Car history providers that dealers can use.

**Location** - Option to set coordinates to show where the car can be located.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F8Q7ywHFUziijB16yLA8u%2FMotors%205.17%20-%20add%20car%20details.png?alt=media&amp;token=5ed5e8c4-7b5c-4683-84d4-c8f91cd3dd72" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
In the Screenshot above the required fields are marked with "**\***" and optional fields that can be disabled are outlined with a red border.
{% endhint %}
{% endtab %}
{% endtabs %}

#### Features

In this section, users and dealers can select additional features for the car they are publishing.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F6Z2cEg1cJ9vcZ9wb6O8D%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20features.png?alt=media&amp;token=60205160-e2a9-4d01-803a-c838e884243d" alt=""><figcaption></figcaption></figure>

Site administrators can group the listing features by assigning a title to the group in the settings. Please type the car features separated by commas without any additional spaces.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FQsvuiL0lNZajc2GrfVjf%2FMotors%205.17%20-%20add%20car%20features.png?alt=media&amp;token=7bcaf563-3c05-4183-9474-155ad16ea3a3" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Gallery

The listing images will be uploaded in the Gallery section.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FHhM5SWQjdb732IanUx58%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20gallery.png?alt=media&amp;token=475d7104-bb5a-4cf5-b8eb-f13e7e9e6a10" alt=""><figcaption></figcaption></figure>

Site administrators can provide guidelines on how to upload images, including recommended resolution and size.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FdpEN44nt9TivqcA8Mw9Y%2FMotors%205.17%20-%20add%20car%20gallery.png?alt=media&amp;token=d9975a44-e7d1-4d4d-aec8-fcc2c5700a9a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Videos

This section allows for the inclusion of a video listing through external links.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FEgOZOh68sJXBnOSDxEJL%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20videos.png?alt=media&amp;token=ef13cec4-58c8-4667-9c18-7caf14f1fe15" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FU2loGdHh2uHD507D4S2S%2FMotors%205.17%20-%20add%20car%20video.png?alt=media&amp;token=502ebad4-0ce5-4a1c-9f32-97e2f8cb8136" alt=""><figcaption></figcaption></figure>

Users can upload multiple videos from hosting services like **YouTube** and **Vimeo**.
{% endtab %}
{% endtabs %}

#### Seller Note

In this section, users and dealers can provide a short description of their listing.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fb58HvXiY59YlrzLuZaKe%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20seller%20note.png?alt=media&amp;token=a969a948-05e7-4890-a271-341a2ba36a4b" alt=""><figcaption></figcaption></figure>

In the settings, it is possible to define template phrases by separating them with commas.
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FsjMyxIC3C9Mq1u7vCvxa%2FMotors%205.17%20-%20add%20car%20notetemplates.png?alt=media&amp;token=93091590-bf47-47db-a8c4-413340ef88d4" alt=""><figcaption></figcaption></figure>

When the "**Add Template Phrases**" button is clicked, it is possible to select several pre-written sentences to use as a car description.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FwnlI1jbxOfg4Zp3qfZq9%2FMotors%205.17%20-%20add%20car%20notes.png?alt=media&amp;token=3de69f25-d51e-4af9-88e1-f922e202df0c" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Subscription Plans & Price

You can set the price for uploading a listing in this section.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F1qdlc1pS40qjgbJAUCKZ%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20price.png?alt=media&amp;token=c48e0be2-9899-4d3d-8af6-949d882ddf5a" alt=""><figcaption></figcaption></figure>

**Price label** - The label from settings appears behind the price.

**Show Sale Price label** - When Enabled, users/dealers can set the sale price while uploading the listing.&#x20;

**Sale Price label** - Custom label for the sale price.

**Show Custom label** - When enabled, the price is hidden and a custom label appears. Customers must request the car price through a form.
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fs69BKxOTy0UMnysc97vB%2FMotors%205.17%20-%20add%20car%20price.png?alt=media&amp;token=e4b9c65c-4bb7-4144-87d1-aa0acde53a53" alt=""><figcaption></figcaption></figure>

With pricing pan:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FruDxrLK0NihOYk8A2btq%2FMotors%205.17%20-%20add%20car%20price%20with%20pricing%20plan.png?alt=media&amp;token=76605152-e7e1-4aa3-ab52-513ef989b80f" alt=""><figcaption></figcaption></figure>

When the **Sale price** and **Custom labels** are enabled:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fm2RLyFRtaDBc9gOj5f32%2FMotors%205.17%20-%20add%20car%20price%20with%20discout.png?alt=media&amp;token=9657ef6a-175c-4fb1-94f3-6d563b998232" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Register/Login

When a guest user tries to upload a listing, they will be offered the option to create a new account or log into an existing one.

{% tabs %}
{% tab title="Settings in Theme options" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FHeJM7aU7vv9TvhLJaPyV%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20login.png?alt=media&amp;token=c1b6079e-f8af-4725-bf02-a1b4f45f82e1" alt=""><figcaption></figcaption></figure>

Administrators of the site have the ability to notify users who are in the process of creating their accounts.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FeOgHUwDQpqFzZWE3reQQ%2FMotors%205.17%20-%20add%20car%20login.png?alt=media&amp;token=9fb3c916-5ac8-472a-9a3a-1586b0cc713a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### **Add Listing Layout manager**

Elementor demo layouts have the option to rearrange or disable certain sections from the "Add Listing" page. To do this, **Dashboard > Theme options > Add Listing > Layout Manager** and move fields to the "Disable Layouts" column:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FQy0T5ejnd9ajVC7Wd355%2FMotors%205.17%20-%20Theme%20Options%20disable%20add%20listing%20sections.png?alt=media&amp;token=a35363d0-65f9-475b-aa8d-4f43e29e206e" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
The sections for **Details** and **Price** are mandatory and cannot be disabled.
{% endhint %}

## How to build a "Listing Submission" page with WPBakery

The page where users submit listings comes with demo import and it has the following view by default:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FGfMkvCN9tIuKuDqHtCHL%2FMotors%205.17%20-%20Theme%20Options%20add%20car%20elementor.png?alt=media&amp;token=d7ceb270-3e4e-4445-ad69-c703b9b0046b" alt=""><figcaption></figcaption></figure>

It is possible to adjust settings and add custom content by editing the page.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FqizXWDqTuOaWuck3LFzA%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery.png?alt=media&amp;token=b04327c9-2fd7-476a-9d24-cfa9fcbdaa3c" alt=""><figcaption></figcaption></figure>

The **STM Posts Available** widget - shows the number of slots available for the user to upload their listings.

The **STM Add a Car** widget generates a form for adding listing details with the following customizable settings:

### Step 1. General:

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FtEXPpyctRFEUEFRxnuyc%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20general.png?alt=media&amp;token=eab1138f-ec96-4ffd-a6fc-ab71f8851018" alt=""><figcaption></figcaption></figure>

* **Include car title** - When the option is enabled, Users/Dealers can set a custom title for the listing.&#x20;
* **Main taxonomies to fill** - select which categories are compulsory to select before submitting the listing.
* **Show number fields as input instead of dropdown** - when the option is enabled users can type numbers on themselves. Otherwise, the system displays a drop-down with numbers to select.
* **Allowed histories** - Car history providers that dealers can use.
  {% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FFD2LqjXIo1Fy2jl2heA8%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20general%20rendered.png?alt=media&amp;token=da6896be-035e-4403-9291-b913f82c0c4c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
In the Screenshot above the required fields are marked with "**\***".
{% endhint %}
{% endtab %}
{% endtabs %}

### Step 2. Features:

In this section, users and dealers can select additional features for the car they are publishing.

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F1SaKMZFAfxfkBOAJvi3I%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20features.png?alt=media&amp;token=e0ecd9a3-4c81-4be3-881f-480db0e7e621" alt=""><figcaption></figcaption></figure>

Site administrators can group the listing features by assigning a title to the group in the settings. Please type the car features separated by commas without any additional spaces.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fu3o1Dpy7lC2t7nwSGnBK%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20features%20rendered.png?alt=media&amp;token=58f0b031-7b9a-4f6c-acb5-ca5bef16cd63" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Step 3. Gallery

The listing images will be uploaded in the Gallery section.

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fkxjachhs5TM3tslECrQ5%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20gallery.png?alt=media&amp;token=a95762c8-12aa-47f8-949a-20a33c353991" alt=""><figcaption></figcaption></figure>

Site administrators can provide guidelines on how to upload images, including recommended resolution and size.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FaN34QubCZI0uSWEoje2D%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20gallery%20rendered.png?alt=media&amp;token=8b2ac536-ce43-48af-af4a-4b90f1c2ee0d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Step 4. Videos

Users can upload multiple videos from hosting services like **YouTube** and **Vimeo**.

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Frh19946Bz8r1GUDM9Vg4%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20video%20rendered.png?alt=media&amp;token=e2ede29d-f1e3-4e61-9bf7-3ad25bbc042e" alt=""><figcaption></figcaption></figure>

### Step 5. Phrases

In this section, users and dealers can provide a short description of their listing.

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FhwQ81HlN4Ble37xFxXZZ%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20phrases.png?alt=media&amp;token=f89f363c-d39c-465e-a54a-95e389afe834" alt=""><figcaption></figcaption></figure>

In the settings, it is possible to define template phrases by separating them with commas.
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fe84cIGTXORSFGTj9cMJD%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20seller%20notes.png?alt=media&amp;token=85ac8b89-4f3d-46eb-b132-6f1dd18220e7" alt=""><figcaption></figcaption></figure>

When the "**Add Template Phrases**" button is clicked, it is possible to select several pre-written sentences to use as a car description:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2F1GOJHfQbn0jkrBhkf3ud%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20seller%20notes%20select.png?alt=media&amp;token=bbbdf24f-676e-4d9b-96f7-53ac21821867" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Step 6.  Price

You can set the price for uploading a listing in this section.

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FCcXUGsXYN99khjdgQKGq%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20price.png?alt=media&amp;token=3b7f7116-2f04-4e29-ae67-eaf768e3ac15" alt=""><figcaption></figcaption></figure>

**Price label** - The label from settings appears behind the price.

**Show Sale Price label** - When Enabled, users/dealers can set the sale price while uploading the listing.&#x20;

**Sale Price label** - Custom label for the sale price.

**Show Custom label** - When enabled, the price is hidden and a custom label appears. Customers must request the car price through a form.
{% endtab %}

{% tab title="How the page appears" %}
Default view:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FW4I0XpyIoxDer6S649cV%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20price%20rendered.png?alt=media&amp;token=f4d9ef67-90d2-401a-99c6-29c798abe2fa" alt=""><figcaption></figcaption></figure>

When the **Sale price** and **Custom labels** are enabled:

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FHKyGg2P4uSsksG2SFYJ1%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20price%20with%20custom%20label.png?alt=media&amp;token=1bc75b86-49a3-4ebe-a276-ff7be42c958a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Register/Login user

When a guest user tries to upload a listing, they will be offered the option to create a new account or log into an existing one.

{% tabs %}
{% tab title="Widget Settings" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2Fpta4XF5udxvV6IViAnub%2FMotors%205.17%20-%20Add%20listing%20with%20WPBakery%20register%20form.png?alt=media&amp;token=4cf14d66-f993-42dd-b5a8-908c6a67d5d4" alt=""><figcaption></figcaption></figure>

Administrators of the site have the ability to notify users who are in the process of creating their accounts.
{% endtab %}

{% tab title="How the page appears" %}

<figure><img src="https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDP3ivYPbpYO9Rs_wuB%2Fuploads%2FeOgHUwDQpqFzZWE3reQQ%2FMotors%205.17%20-%20add%20car%20login.png?alt=media&amp;token=9fb3c916-5ac8-472a-9a3a-1586b0cc713a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.stylemixthemes.com/motors-theme-documentation/~/changes/70wBWN8w43jv4AA52cti/classified-layout-features/add-listing.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
