# Shortcodes

{% embed url="<https://youtu.be/gIZS5HMQOVU?list=PL3Pyh_1kFGGD0Z7F5Ad7LT6xv5LLYFpWU&t=3555>" %}

Shortcodes created by a plugin are essential tools for visualizing tasks. They are the only means to insert widgets and design pages with specific behaviors.&#x20;

## Overview of the Shortcodes Tab

To access the Shortcodes tab, navigate through **Motors Plugin** **Settings > Shortcodes:**

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FZqqpLJOtdBY6sNfAyKK3%2Fimage.png?alt=media&#x26;token=49d19cf2-322f-471c-8b04-4e8a0a4dfff3" alt=""><figcaption></figcaption></figure>

To add Shortcodes to your pages, you can use any page builder, Default WordPress Page Builder (Gutenberg), Elementor, WP Bakery, etc.&#x20;

### Inventory

Adds an inventory element, used to create a listings (inventory, search results) page:

```
[motors_listing_inventory]
```

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FlbJSPwMdqtQwxFak5XYS%2Fimage.png?alt=media&#x26;token=604a9478-af44-40f4-a0ef-9079a550e57b" alt=""><figcaption><p>Sample of the Listings Page</p></figcaption></figure>

Refer to this page to set up more preferences over this element:

{% content-ref url="../search-filter/search-results-page" %}
[search-results-page](https://docs.stylemixthemes.com/motors-car-dealer-classifieds-and-listing/search-filter/search-results-page)
{% endcontent-ref %}

### **Add Listing**&#x20;

Adds a listing form, used to create a listing creation page:

```
[motors_add_listing_form]
```

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FwyN0pRcP4Tfh9lBUwCfK%2Flisting%20creation%20form.jpg?alt=media&#x26;token=851e37b8-e198-4dfc-8b25-92112b5e2f6d" alt=""><figcaption><p>The Result of 'Add Listing shortcode</p></figcaption></figure>

Refer to these pages to set up more preferences over this element:

{% content-ref url="../single-listing/add-listing-form/listing-creation-form" %}
[listing-creation-form](https://docs.stylemixthemes.com/motors-car-dealer-classifieds-and-listing/single-listing/add-listing-form/listing-creation-form)
{% endcontent-ref %}

{% content-ref url="../single-listing/add-listing-form/layout-builder" %}
[layout-builder](https://docs.stylemixthemes.com/motors-car-dealer-classifieds-and-listing/single-listing/add-listing-form/layout-builder)
{% endcontent-ref %}

### **Login/Registration**&#x20;

Adds login and registration form, used to create Login/Registration page:

```
[motors_login_page]
```

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2F8a6t3fOtjphy8NR9FzCC%2FLogin%20registration.jpg?alt=media&#x26;token=a8f3b35f-b3f0-4868-8c3b-5928e7512aec" alt=""><figcaption><p>The result of 'Login/Registration' shortcode</p></figcaption></figure>

### **Compare**&#x20;

Adds compare element, used to create a comparing page:

```
[motors_compare_page]
```

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FVJccnNOeqyP3ytDIHff2%2Fimage.png?alt=media&#x26;token=05fbbcae-f392-472c-85ed-0be1d7e81293" alt=""><figcaption><p>Sample of the Compare Page</p></figcaption></figure>

### **Listing Search**&#x20;

Adds listing search bar. It can be used in your Landing or separate Search pages.

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FNQzhpgnUROBwoCyBO4zo%2FListing%20Search.jpg?alt=media&#x26;token=d36b65d0-f593-430d-8575-d98dd7f534f5" alt=""><figcaption><p>The result Listing Search shortcode</p></figcaption></figure>

```
[motors_listing_search show_amount='yes' filter_fields='make,serie,ca-year']
```

"**show\_amount**" - used for showing amount listings in each category

"**filter\_fields**" - write category slug by comma separator to show filter fields

### **Icon Filter**&#x20;

Adds a special widget that enables icons to be filtered. It can be used in Landing or Special Search pages according to your needs.&#x20;

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2F4mcFp1fyudScslBmX52n%2Ficon%20filter.jpg?alt=media&#x26;token=2d9a2353-b452-4a19-bb26-8ab9f2de8473" alt=""><figcaption><p>The result of Icon Filter</p></figcaption></figure>

```
[motors_listing_icon_filter title='Browse by Make' as_carousel='yes' filter_selected='make' columns='4' visible_items='5']
```

* **title** - indicate the widget title
* **as\_carousel** - showing the widget as a carousel. Remove the parameter from the shortcode to get the default view
* **filter\_selected** - indicate the slug of the category to show its elements in icon filtering. For instance, 'make' has been entered in the example shortcode. It means in this filter logos of the car manufacturers will be displayed.
* **columns** - indicate the number of columns
* **visible\_items** - indicate the number of visible items in the filter.

### **Listing Tabs**&#x20;

Adds a widget that the cars (**listings**) list will be displayed in different tabs. It can be useful to build a landing page:&#x20;

<figure><img src="https://3691894799-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhdEQqDAl80vVzOxJm8Us%2Fuploads%2FOJlCDn651ecR9NIQXCbM%2FListing%20tabs.jpg?alt=media&#x26;token=982b76d0-af67-4b04-8aad-c684a20f6934" alt=""><figcaption><p>The result of a 'Listing Tabs' shortcode</p></figcaption></figure>

```
[motors_listings_tabs title='New/Used Cars' columns='4' popular_tab='yes' recent_tab='yes' featured_tab='yes']
```

* **title** - enter the widget Title
* **columns** - indicate the number of columns that need to be displayed
* **popular\_tab** - use 'yes'  to enable the Popular Items tab in the widget or remove the parameter to hide it
* **recent\_tab** - use 'yes'  to enable the Recent Items tab in the widget or remove the parameter to hide it
* **featured\_tab** - use 'yes'  to enable the Featured Items tab in the widget or remove the parameter to hide it
