DEV3 Technologies home

DEV3 Sailora – Yacht Charter & Boat Rental WordPress Theme for Elementor & WooCommerce

A light nautical WordPress theme for yacht charter and boat rental: a floating charter search card, a fleet compare tray and page, per-boat availability calendars, a charter quote builder with a skipper toggle, destinations and crew. Built for Elementor and WooCommerce. No 3D.
by DEV3 TechnologiesVerified Author(0) 0 sales 0 viewsUpdated 10 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

DEV3 Sailora is a WordPress theme for yacht charter companies, boat rental bases and sailing schools. It looks like a clean chart table rather than a booking engine: Pathway Extreme headlines in a condensed width, a pale harbour-fog background, deep navy ink, spinnaker-red buttons and sea-teal details, with 6 px corners and rope-line rules and borders. A full-bleed sea photo opens the home page with the copy on the lower third and a rope-bordered charter search card floating on the right. Motion is light (split headings, reveals, counters, a slow Ken Burns drift on heroes) and respects reduced motion. There is no 3D or WebGL in the theme at all.

Buy a licence to download it. There is no public live demo: watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

A fleet that compares itself

  • Every boat card carries a Compare checkbox. Tick up to three and a rope-edged tray counts them and opens a compare page: length, guests, cabins, berths, heads, engine, draft, year, base, minimum charter, crew options and weekly rate side by side, with a Price this boat button on each column.
  • The boxes sit inside a plain GET form, so the compare page works without JavaScript. With JavaScript the tray limits you to three and holds its button until two are ticked.

A charter search card that works without JavaScript

  • Where, embark and return dates, guests and a three-way skipper toggle (either, with a skipper, bareboat) on the home hero, a bar on the home page and a full filter column on the fleet page.
  • The fleet archive filters on the server in pre_get_posts: base area, guests, cabins, weekly price band, boat type, crew option, and it leaves out any boat that is already chartered on the chosen days.

Per-boat availability calendars

  • Each boat page has a three-month calendar rendered on the server with free and chartered days and screen-reader text, a seasonal rate table (low, shoulder and high season per week), equipment grouped by navigation, safety, galley, cockpit, rig and water toys, on-board rules, a reviews summary, the usual skipper and a sticky charter request card with a live sample estimate.

A charter quote builder

  • Pick a boat, a charter length (a day, a long weekend, one to three weeks) and a skipper toggle and get a sample price: the charter at the weekly or day rate, the skipper per day, and the end-of-charter fee. A plain GET form answers on the server; a small script recalculates live.
  • Step two sends the choice as a charter request, prefilled from the builder. Requests are stored privately and emailed to the site admin. Forms are rendered at request time by theme slots, so no nonce or prefilled value is ever cached by Elementor.

Destinations, crew, day trips and courses

  • Destinations with passage from base, suggested trip, best season, sailing level, port fees and a skipper tip, plus the boats based there; skipper profiles with sea miles, qualification and favourite anchorages; day trips and sailing courses pages.
  • A small WooCommerce shop for gift vouchers, a skipper day, a sailing taster and a sunset sail, with the themed grid and slide-out mini cart.

Built for editing

Every demo page is built in Elementor (the free version works) with the DEV3 Theme Toolkit widgets, and 32 block patterns cover the same sections for the block editor. Colours and fonts come from one token file and sync to the Customizer, theme.json and the Elementor kit. Fonts are self-hosted. The demo photos are free-licence stock photos listed in PHOTO-CREDITS.md; the company, boats, skippers, guests, prices and calendars are fictional.

#yacht-charter#boat-rental#sailing#charter-booking#fleet-compare#availability#quote-builder#photo-hero#elementor#woocommerce#wordpress-theme

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Sailora passed before release.

Our own WordPress theme for charter companies: a floating search card, a fleet compare tray and page, per-boat availability calendars and a charter quote builder, built on the no-3D theme core.

The problem it solves

A charter customer is choosing between boats, weeks and whether to pay for a skipper, and most of the decision is comparison: how long is it, how many cabins, what is the weekly rate, is it free on my dates and what does the whole week cost with a skipper. Most charter themes bolt on a booking widget that needs scripts and looks like every platform. Sailora had to put a clear search, a real compare table and an honest sample price on the first screens, feel crisp and independent, stay editable in Elementor and ship with no 3D or WebGL code.

Architecture and approach

Sailora is a classic PHP theme with theme.json, built on DEV3's shared theme core in flat mode: a build gate fails the theme if any three.js or WebGL code reaches its assets. The always-loaded JavaScript is about 13 KB gzipped.

The DEV3 Theme Toolkit supplies the post types, which Sailora re-labels as Boats (the fleet), Destinations, Skippers and Guest reviews. The compare checkboxes sit inside a GET form that posts to the compare page, and the tray is shown by a CSS :has() rule as soon as a box is ticked; a small script adds the three-boat limit. The compare page reads the chosen slugs from the query string and renders the table on the server. The quote builder is a GET form that the server answers with a price card (charter, skipper and fees); a script recalculates it live with the same arithmetic. The fleet filter runs in pre_get_posts on area, guests, cabins, price, boat type and crew option, and leaves out boats that are already chartered on the chosen days.

Charter requests post to the toolkit's request handler, which stores a private request and emails the admin. Forms are rendered by theme slots at request time, so no nonce or prefilled value is cached by Elementor. Boats add a Product with an Offer to the structured data, without sample ratings.

Quality gates and results

Sailora ships with a one-click demo: 8 boats with calendars, seasonal rates and equipment, 5 destinations, 4 skippers, 6 guest reviews, 4 shop products, 10 Elementor pages and 32 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the WooCommerce checkout flow and an Elementor editor test, and its always-loaded script stays far under the 40 KB budget.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Delivery phpcs (WPCS 3), Theme Check, No-3D build gate, One-click demo importer

Inside the build

Sea hero with a floating charter search card: a full-bleed sailing photo, a split headline, two buttons, trust chips and a rope-bordered card to search by where, dates, guests and skipper. Sea hero with a floating charter search card — a full-bleed sailing photo, a split headline, two buttons, trust chips and a rope-bordered card to search by where, dates, guests and skipper.

Destinations: five invented cruising areas as photo cards with the suggested trip length and the best season. Destinations — five invented cruising areas as photo cards with the suggested trip length and the best season.

Guides & articles

Practical guides and engineering write-ups for DEV3 Sailora.

A yacht charter WordPress theme with a compare tray and quote builder: Sailora

Last updated
A yacht charter WordPress theme with a compare tray and quote builder: Sailora: DEV3 Sailora

A charter customer is rarely deciding on one boat. They are comparing three, checking whether a week is free and wondering what the whole thing costs with a skipper. A good charter site makes that comparison easy and honest. DEV3 Sailora is a WordPress theme built for exactly that, with real sea photography instead of effects and every page editable in Elementor.

The Sailora home page: a full-bleed sailing photo with the headline

Video tour of the Sailora demo: the sea hero and search card, the fleet compare, a boat page with its calendar and the quote builder

Who Sailora is for

  • Yacht charter companies with a small fleet of sailing yachts, catamarans and motor boats.
  • Boat rental bases and sailing schools that offer day trips and courses next to weekly charters.
  • Skipper-led operators who want one calm, independent look instead of a marketplace one.

A fleet that compares itself

Every boat card has a Compare checkbox. Tick up to three and a rope-edged tray counts them and opens the compare page, with length, guests, cabins, berths, engine, draft, weekly rate and a Price this boat button for each column.

The Sailora fleet page with a compare tray showing two boats selected

The Sailora compare page with three boats side by side

The boxes sit inside a plain form, so the compare page works without JavaScript.

A search that works without JavaScript

The home hero card, the home bar and the fleet filter column are plain GET forms: where, embark and return dates, guests and a three-way skipper toggle. The fleet is filtered on the server, and any boat that is already chartered on the chosen days is left out.

The Sailora fleet filtered for six guests with a skipper, cheapest first

A calendar and a price on every boat page

Each boat shows a photo mosaic, equipment grouped by navigation, safety, galley and rig, on-board rules, a seasonal rate table, a three-month availability calendar and a sticky request card with a live sample estimate.

A Sailora boat page with facts, a photo mosaic and a sticky price card

The Sailora availability calendar for one boat, with free and chartered days

A charter quote builder

Pick a boat, a charter length and whether you want a skipper, and see a sample price: the charter at the weekly or day rate, the skipper per day and the end-of-charter fee. Step two sends the choice to you as a request.

The Sailora charter quote builder with a boat, a length, a skipper toggle and a sample total

Destinations, crew, day trips and a shop

Destinations show the passage from base, season, level and port fees; skipper profiles show sea miles and favourite anchorages; a small shop sells gift vouchers and experiences.

A Sailora destination page with a good-to-know panel and the boats based there

Built for editing

Every demo page is built in Elementor with the DEV3 Theme Toolkit widgets, and 32 block patterns cover the same sections for the block editor. On a phone the layout stacks into one column and the search card sits under the hero.

Sailora on a phone: the sea hero, trust chips and the stacked charter search card

The demo is fictional: the company, boats, skippers, guests, prices and calendars are samples, and the photos are free-licence stock images listed in the credits file.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

Questions about this product (0)

Answers from the DEV3 team and the community.

Ask a question

No questions yet.

Wondering about setup, licensing or customisation? Ask, and the DEV3 team will help.

Open the product board

More from this author

View all

Related in CMS Extensions

View all