Tell your readers when to head back to the ship.

A free widget for cruise blogs. Your reader sets their all-aboard time and gets a leave-by time for every part of the port, from 172 checked port guides. One paste. No iframe, no cookies.

Optional. Readers can change it. Leave empty to use the guide's usual time.

Look

Paste this where the widget should go

<div class="porttrip-leaveby" data-port="kotor"><a href="https://porttrip.com/ports/kotor">Kotor cruise port guide</a> by PortTrip</div>
<script async src="https://porttrip.com/embed/leave-by.js"></script>

Keep the link in the snippet. It shows inside the widget and it is how this stays free.

What your readers see

Shown here on a white page with a serif font, like a typical blog. The widget takes your site's font.

Questions bloggers ask

Does it slow my page down?
It is one 28 KB script, loaded with async, so your page renders first. No iframe, no fonts, no cookies.
Where does the data come from?
The same checked port guides as porttrip.com. Each leave-by time counts back from your reader's all-aboard, using the travel times and buffers in the guide. Every guide lists its official sources and the month it was last checked.
Will it look wrong on my site?
It draws inside its own sealed box, so your theme cannot break it, and it picks up your site’s font. Choose light, dark, or match the reader’s setting.
What does it cost?
Nothing. The only condition is that the link to the port guide stays in the snippet.
Which platforms does it work on?
Anything that accepts HTML: WordPress (Custom HTML block), Squarespace (Code block), Wix (Embed code), Ghost (HTML card), Blogger, and hand-built sites.

All 172 ports

Writing about port difficulty? The Cruise Port Index is free to cite.

We use essential cookies. Analytics and marketing only if you allow them. Privacy policy