Trip Reviews
[trip_rating_summary] Shortcode
The Trip Review List shortcode creates a comprehensive review hub with advanced features including rating summaries, filtering tools, voting capabilities, and a “load more” button for browsing large collections of reviews.
This is the most feature-rich review display option, ideal for creating dedicated review pages.
Basic Usage
To add a full review list with all features to a page or post, insert the shortcode:
[trip_review_list trip_id="1234"]
Replace 1234 with the ID number of the trip whose reviews you want to display.
Important: The trip_id option is required unless you place the shortcode directly on a trip’s page, where it will automatically detect the current trip.
Available Options
The Trip Review List shortcode offers extensive customization to control which features appear and how reviews are organized.
Trip Selection
trip_id – Specify which trip’s reviews to display.
- 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: Always include this option when placing the review list on pages other than the trip’s own page
- Why it’s important: This tells the shortcode which trip’s reviews to load
Example:
[trip_review_list trip_id="2487"]
Display Components
show_header – Toggle the heading banner.
- Options:
trueorfalse - Default:
true - What it does: When set to
true, displays a header banner at the top of the review list. Set tofalseto hide the banner and create a more streamlined display.
Example:
[trip_review_list trip_id="2487" show_header="false"]
show_summary – Toggle the rating snapshot widget.
- Options:
trueorfalse - Default:
true - What it does: When set to
true, displays a summary widget showing the overall rating statistics (average rating, total number of reviews, rating breakdown). Set tofalseto hide this overview and go straight to individual reviews. - When to use: Hide the summary if you want to save space or if you’re displaying summary information elsewhere on the page.
Example:
[trip_review_list trip_id="2487" show_summary="false"]
show_filters – Enable interactive filtering tools.
- Options:
trueorfalse - Default:
true - What it does: When set to
true, displays filtering and search tools including:- Keyword search box for finding specific reviews
- Star rating filters to show only reviews with certain ratings
- Image filter to show only reviews with photos
- Sort options to reorder reviews
- Set to
falseto create a simpler, scroll-through experience without filtering controls.
Example:
[trip_review_list trip_id="2487" show_filters="false"]
show_pagination – Toggle the “load more” button.
- Options:
trueorfalse - Default:
true - What it does: When set to
true, displays a “load more” button at the bottom of the review list, allowing visitors to load additional reviews in batches. Set tofalseto hide this button (note: this may affect how many reviews are initially visible).
Example:
[trip_review_list trip_id="2487" show_pagination="false"]
Review Loading Settings
reviews_per_page – Control the initial batch size.
- Format:
reviews_per_page="6"(any positive number) - Default:
10(or the value set in your plugin settings) - What it does: Determines how many reviews load initially and how many additional reviews appear each time someone clicks “load more”
- When to use: Adjust this based on your page layout—use smaller numbers (5-8) for cleaner designs or larger numbers (15-20) if you want to show more content upfront
Example:
[trip_review_list trip_id="2487" reviews_per_page="6"]
Sorting Options
order_by – Choose what to sort reviews by.
- Options:
date,title,rand,rating, ormodified - Default:
date - What it does:
date– Sort by when the review was publishedtitle– Sort alphabetically by review titlerand– Show reviews in random order (changes on each page load)rating– Sort by star ratingmodified– Sort by when the review was last updated
Example:
[trip_review_list trip_id="2487" order_by="rating"]
order – Set the sort direction.
- Options:
DESC(descending: newest/highest first) orASC(ascending: oldest/lowest first) - Default:
DESC - What it does: Controls whether reviews appear in descending or ascending order based on your
order_bysetting
Example:
[trip_review_list trip_id="2487" order_by="rating" order="DESC"]
This shows the highest-rated reviews first.
Layout Options
template – Choose the display template.
- Options:
default(additional templates can be added through theme overrides) - Default:
default - What it does: Determines the visual layout and structure of the review list
- When to use: Stick with
defaultfor the standard bundled layout, or specify a custom template name if your theme provides alternative designs
Example:
[trip_review_list trip_id="2487" template="default"]
Styling Options
class – Add a custom CSS class to the review list wrapper.
- Format:
class="your-class-name" - Default:
tre-reviews-shortcode - When to use: When you want to apply custom styling to a specific review list instance
- What it does: Appends your chosen class name to the review list container, allowing you to target it with CSS
Example:
[trip_review_list trip_id="2487" class="sticky-review-board"]
Complete Example
Here’s a fully customized shortcode that creates a streamlined review list:
[trip_review_list trip_id="2487" show_filters="false" reviews_per_page="6" class="sticky-review-board"]
This shortcode:
- Displays reviews for trip #2487
- Hides the filtering tools for a cleaner, simpler interface
- Shows 6 reviews at a time (smaller batches for easier reading)
- Applies the “sticky-review-board” CSS class for custom styling
- Keeps the header, summary, and pagination visible by default
Custom Styling Example
You can style your review list by adding CSS to your theme. Here’s an example that creates a sophisticated design with a dark header and clean separators:
Where to add this code: Go to Appearance → Customize → Additional CSS in your WordPress dashboard, or add it to your theme’s stylesheet.
.sticky-review-board .tre-reviews-header {
background: #1c2635;
color: #fff;
padding: 24px 32px;
border-radius: 18px 18px 0 0;
}
.sticky-review-board .tre-review-item {
border-bottom: 1px solid rgba(28, 38, 53, .1);
padding: 24px 0;
}
.sticky-review-board .tre-review-item:last-child {
border-bottom: none;
}
This CSS:
- Creates a dark navy header (
#1c2635) with white text - Adds comfortable padding (24px vertical, 32px horizontal)
- Rounds the top corners of the header (18px radius) for a polished look
- Separates each review with a subtle border
- Adds spacing (24px) above and below each review for readability
- Removes the border from the last review for a clean finish
Usage Tips
For dedicated review pages: Use all features enabled to create a comprehensive review hub:
[trip_review_list trip_id="2487"]
For minimal homepage displays: Disable filters and use smaller batches:
[trip_review_list trip_id="2487" show_filters="false" show_header="false" reviews_per_page="5"]
For highest-rated showcase: Sort by rating to feature your best reviews:
[trip_review_list trip_id="2487" order_by="rating" order="DESC" reviews_per_page="8"]
For simple scrolling experience: Hide pagination to show all reviews at once:
[trip_review_list trip_id="2487" show_pagination="false"]
Summary
The Trip Review List shortcode ([trip_review_list]) is your complete solution for creating a powerful, interactive review hub. It combines rating summaries, advanced filtering tools, voting capabilities, and smart pagination to help visitors explore traveler feedback efficiently.
Whether you’re building a dedicated reviews page with full functionality or embedding a streamlined review section elsewhere on your site, this shortcode gives you the flexibility to show as much or as little as you need.
The comprehensive filtering and sorting options help potential travelers find the most relevant reviews, while the “load more” functionality keeps pages loading quickly even with hundreds of reviews.
