Articles on: Online Store

Embed Fleetwire Listings on Your WordPress Site

🌐 Embed Fleetwire Listings on Your WordPress Site!



Once you’ve installed the Fleetwire Plugin on your WordPress site, you can easily display your rental products, availability, and single vehicle details anywhere on your site using simple shortcodes. Whether you’re showcasing a list of products, a date picker for availability, or specific vehicle details, these shortcodes make integration a breeze. Let’s explore how to embed Fleetwire content on your WordPress site!


🎯 Why Embed Fleetwire Listings?



Embedding Fleetwire listings on your WordPress site helps you:

Showcase Products: Display your rental listings directly on your site to attract customers.
Enable Bookings: Let customers check availability and book rentals without leaving your site.
Provide Details: Highlight specific vehicle details like door count, seat count, or descriptions.
Boost SEO: Increase engagement on your WordPress site ( fleetwire.io), driving more traffic to your rental business.

Note: Ensure the Fleetwire Plugin is installed and activated on your WordPress site before using these shortcodes. You can download it from WordPress.org.


🛠 How to Embed Fleetwire Listings



Follow these steps to embed lists of products, fleet availability, and single vehicle details on your WordPress site using Fleetwire shortcodes.

Step 1: Embed a List of Products



Display all your Fleetwire listings on your WordPress site with a simple shortcode.

In your WordPress dashboard, edit the page or post where you want to display your listings.
Paste the following shortcode in the content editor:

[fleetwire_list]

Save or publish the page to see your listings displayed.

Here’s what the embedded list of products looks like on your WordPress site.



Pro Tip: Add this shortcode to a dedicated “Our Fleet” page on your WordPress site ( fleetwire.io) to showcase your rental inventory to potential customers.


Step 2: Embed Fleet Availability



Show a date picker for fleet availability, allowing customers to check when your vehicles are available for rent.

Edit the desired WordPress page or post.
Paste the following shortcode to embed the availability picker:

[fleetwire_availability]

To hide the location picker (if you don’t want customers to select a location), use this variation:

[fleetwire_availability data-show-location-picker="false"]

Save or publish the page to display the availability picker.

Here’s what the embedded fleet availability picker looks like on your WordPress site.



Quick Tip: Use the data-show-location-picker="false" option if you have a single location or want to simplify the booking process for customers.


Step 3: Embed Single Product Details



Showcase specific vehicle details using shortcodes for product cards, door count, seat count, or descriptions.

Product Card with Details Pop-Up


Display a product card that opens a pop-up with the vehicle’s details when clicked.

Replace LISTING_ID with the ID of your listing (e.g., l_7HX5RJ2T).
Paste this shortcode:

[fleetwire_listing_card id=LISTING_ID]

Example:

[fleetwire_listing_card id=l_7HX5RJ2T]


Door Count


Show the number of doors for a specific vehicle.

Use the listing ID (e.g., l_7HX5RJ2T).
Paste this shortcode:

[fleetwire_listing_doors id="l_7HX5RJ2T"]


Seat Count


Show the number of seats for a specific vehicle.

Use the listing ID (e.g., l_7HX5RJ2T).
Paste this shortcode:

[fleetwire_listing_seats id="l_7HX5RJ2T"]


Listing Description


Display the vehicle’s description with an optional “Learn More” link.

Use the listing ID (e.g., l_PP4QD3PM) and set a character limit (e.g., length=100).
Paste this shortcode:

[[fleetwire_listing_description id=l_PP4QD3PM length=100]
   <span>Learn more</span>
   [/fleetwire_listing_description]]


Pro Tip: Use the product card shortcode on a blog post to highlight a featured vehicle, encouraging customers to explore its details in a pop-up.


Step 4: Test Your Embedded Content



Ensure your shortcodes are working correctly by previewing your WordPress site.

Visit the page or post where you added the shortcodes on your WordPress site ( fleetwire.io).
Verify that:
- The list of products displays all your listings.
- The availability picker shows the correct dates (with or without the location picker).
- Single product details (card, doors, seats, description) render accurately.
Test the booking flow by selecting a date and vehicle to ensure it directs customers to your Fleetwire checkout (e.g., tenant.fleetwire.io).

Warning: If the shortcodes don’t render, ensure the Fleetwire Plugin is activated and your listing IDs are correct. Check your Fleetwire dashboard ( Listings) to confirm the IDs.


🌟 Your Listings Are Live on WordPress!



You’ve successfully embedded Fleetwire listings on your WordPress site! Your customers can now browse products, check availability, and view vehicle details directly on your site, driving more bookings for your rental business. Preview your site today to see the results and make adjustments as needed.


🚀 Next Steps



Enhance your WordPress integration with these tips:

Customize Your Catalog: Adjust your Fleetwire catalog with Customizing Your Fleetwire Catalog Page.
Track Orders: Monitor bookings with Registering Pickups and Returns in Fleetwire.
Manage Listings: Organize your inventory with Adding a Listing to an Order.
Need Help? Contact us at hi@fleetwire.io or via the in-app chat.

Happy embedding! 🌟

Updated on: 15/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!