View Categories

[trip_reviews] Shortcode

The Trip Reviews shortcode allows you to display traveler reviews anywhere on your WordPress site. You can show reviews in three different formats: a grid of cards, a vertical list, or a swipeable slider carousel.

Basic Usage #

To add reviews to a page or post, insert the shortcode:

[trip_reviews]

By default, this displays up to 10 reviews in a grid layout with star ratings, author information, and dates visible.

Shortcode Syntax #

[trip_reviews trip_id="1234"]

Replace 1234 with the ID number of the specific trip whose reviews you want to display.

Available Options #

You can customize how reviews appear by adding options to the shortcode. Each option follows the format option_name="value".

Layout Options #

layout – Choose how reviews are arranged on the page.

  • Options: grid, list, or slider
  • Default: grid
  • What it does:
    • grid – Displays reviews in a multi-column card layout
    • list – Stacks reviews vertically as individual stories
    • slider – Creates a swipeable carousel for browsing reviews

Example:

[trip_reviews layout="slider"]

Trip Selection #

trip_id – Display reviews for a specific trip.

  • Format: trip_id="1234" (use the trip’s ID number)
  • Default: Auto-detects the current trip when used on a trip page
  • When to use: Add this option when placing reviews on pages other than trip pages, or when you want to show reviews from a different trip

Example:

[trip_reviews trip_id="2487"]

Display Controls #

count – Limit the number of reviews shown.

  • Format: count="6" (any positive number)
  • Default: 10
  • What it does: Controls the maximum number of reviews that appear at once

Example:

[trip_reviews count="5"]

show_rating – Toggle star ratings on or off.

  • Options: true or false
  • Default: true
  • What it does: When set to true, displays the star rating for each review. Set to false to hide ratings.

Example:

[trip_reviews show_rating="false"]

show_author – Toggle reviewer name and avatar.

  • Options: true or false
  • Default: true
  • What it does: When set to true, shows the reviewer’s name and profile picture. Set to false to display anonymous reviews.

Example:

[trip_reviews show_author="false"]

show_date – Toggle the review timestamp.

  • Options: true or false
  • Default: true
  • What it does: When set to true, shows when the review was posted (e.g., “visited 3 months ago”). Set to false to hide dates.

Example:

[trip_reviews show_date="false"]

Sorting Options #

order – Set the sort direction.

  • Options: DESC (newest/highest first) or ASC (oldest/lowest first)
  • Default: DESC
  • What it does: Controls whether reviews appear in descending or ascending order

orderby – Choose what to sort by.

  • Options: date, title, rand, rating, or modified
  • Default: date
  • What it does:
    • date – Sort by when the review was published
    • title – Sort alphabetically by review title
    • rand – Show reviews in random order
    • rating – Sort by star rating
    • modified – Sort by when the review was last updated

Example:

[trip_reviews orderby="rating" order="DESC"]

This shows the highest-rated reviews first.

Styling Options #

class – Add a custom CSS class to the reviews wrapper.

  • Format: class="your-class-name"
  • When to use: When you want to apply custom styling to a specific instance of the reviews block
  • What it does: Appends your chosen class name to the reviews container, allowing you to target it with CSS

Example:

[trip_reviews class="sunrise-slider"]

custom_css – Inject inline CSS directly from the shortcode.

  • Format: custom_css="your CSS code here"
  • When to use: For quick styling adjustments without editing your theme files
  • What it does: Applies the CSS rules you provide directly to this reviews block

Example:

[trip_reviews custom_css="background: #f5f5f5; padding: 20px;"]

Complete Example #

Here’s a fully customized shortcode combining multiple options:

[trip_reviews trip_id="2487" layout="slider" count="5" show_author="false" class="sunrise-slider"]

This shortcode:

  • Shows reviews for trip #2487
  • Displays them as a slider carousel
  • Limits the display to 5 reviews
  • Hides author names and avatars
  • Applies the “sunrise-slider” CSS class for custom styling

Custom Styling Example #

You can style your reviews by adding CSS to your theme. Here’s an example that creates a warm, sunrise-themed slider design:

Where to add this code: Go to Appearance → Customize → Additional CSS in your WordPress dashboard, or add it to your theme’s stylesheet.

.trepro-trip-reviews.sunrise-slider .trepro-review-card {
  background: #fff7ec;
  border-radius: 18px;
  border: 1px solid #ffd7a8;
  padding: 28px;
}

.trepro-trip-reviews.sunrise-slider .trepro-review-card .trepro-reviewer-name {
  font-weight: 700;
  color: #d25f00;
}

This CSS:

  • Gives review cards a soft cream background (#fff7ec)
  • Adds rounded corners (18px radius)
  • Creates a warm orange border (#ffd7a8)
  • Adds comfortable padding (28px)
  • Makes reviewer names bold and orange

Summary #

The Trip Reviews shortcode ([trip_reviews]) provides a flexible way to showcase traveler feedback anywhere on your WordPress site. Whether you need a simple grid on a tour page, a full-width slider on your homepage, or a curated list in a blog post, this shortcode adapts to your needs.

By combining layout options, display controls, and custom styling, you can create review displays that match your brand and help potential travelers make informed decisions. The shortcode automatically detects trip context on trip pages, but also gives you full control to feature specific trip reviews wherever they’re most valuable.

What are your Feelings