Skip to content

UI Block (Shortcode)

UI Blocks, also known as Shortcodes, are small pieces of code that allow you to add predefined elements to your website. They are used to enhance the functionality of your website without the need to write custom code.

Usage

To use a shortcode, simply add the shortcode to the content of a page or post.

For example, to add a Hero Banner to a page, use the following shortcode:

html
[hero-banners title="Looking for a vehicle? You're in the perfect spot." subtitle="Find Your Perfect Car" background_image="backgrounds/hero-banner.png"][/hero-banners]

You can set attributes: title, subtitle, background_image, and more attributes depending on the shortcode.

Shortcode Admin

The above shortcode will add a Hero Banner section to the page.

Go to the frontend of your website to see the result:

Shortcode Frontend

There are many more shortcodes available. The setup is similar for all shortcodes.

Available Shortcodes

Auxero provides 38 shortcodes organized by category. Each shortcode supports multiple style variants and configurable attributes through the admin panel.

Car Manager Shortcodes

ShortcodeDescriptionStyle Variants
carsDisplay car listings with different styles3 (latest, featured, popular)
car-listCar listing page with advanced filtering and pagination6 layout options
car-advance-searchAdvanced search form with tabs (all, new, used cars)1
check-car-availabilityCar availability checking form1
car-servicesDisplay car services1
car-loan-formCar loan calculator form3
cars-by-locationsCars grouped by geographical locations1
brandsCar brands/makes display4
car-dealersCar dealer listings2
car-typesCar types display3

Cars

Display a list of cars with filtering options.

Attributes:

  • style - Display style: style-latest, style-feature, style-popular
  • title - Section title
  • subtitle - Section subtitle
  • limit - Number of cars to display
  • category_ids - Filter by category IDs
  • number_rows - Number of rows
  • filter_types - Filter types to show
  • button_label - Button text
  • button_url - Button link

Car List

Full car listing page with advanced filtering and pagination.

Attributes:

  • title - Page title
  • subtitle - Page subtitle
  • enable_filter - Enable/disable filter sidebar
  • default_layout - Default layout view
  • layout_col - Number of columns
  • cars_per_page - Items per page
  • layout_style - Layout style: default, sidebar-left, sidebar-right, top-map, half-map, top-filter
  • card_style - Card display style: style-1, style-2, style-3

Advanced search form with tab support.

Attributes:

  • title - Search form title
  • url - Search results URL
  • tabs - Available tabs: all, new_car, used_car
  • default_tab - Default active tab
  • background_color - Background color
  • top, bottom, left, right - Position offset (px)

Content Shortcodes

ShortcodeDescriptionStyle Variants
hero-bannersHero banner section with slider1
bannerSimple banner1
simple-bannersTwo-column banner layout1
promotion-blockPromotion block display1
call-to-actionCall-to-action section1
intro-videoVideo introduction section2
featured-blockFeatured content block2
why-usWhy Us / Benefits section1
trusted-expertiseTrusted expertise section1
about-us-informationAbout Us with statistics1
site-statisticsSite statistics counters2
content-columnsTwo-column content layout1
content-imagesImage gallery layout1
pricingPricing tables with monthly/yearly toggle1
install-appsMobile app download CTA3
rental-invitationsRental invitation action cards1
sell-your-carSell your car section with steps1
financingFinancing section with features1
branch-locationsBranch/office locations with tabs1

Blog Shortcodes

ShortcodeDescriptionStyle Variants
blog-postsBlog posts display3

Plugin-Dependent Shortcodes

These shortcodes require their respective plugins to be activated:

ShortcodeDescriptionRequired PluginStyle Variants
teamTeam members displayTeam2
testimonialsCustomer testimonialsTestimonial4
faqsFAQ accordionFAQ1
faq-categoriesFAQ categories listingFAQ1
contact-formContact form with mapContact1
simple-sliderImage sliderSimple Slider8