Free for all travel blogs

Free Cruise Countdown Widget for Your Blog

Add a live cruise countdown to your blog in under 60 seconds. No account, no API key and no JavaScript: copy and paste one iframe.

Set up a countdown for your cruise

Three sizes

Choose your widget size

Three sizes to fit any layout. Copy the code below each preview.

Standard (600 × 400)

Best for embedded blog posts and sidebars.

<iframe
  src="https://www.cruiseshiptracking.com/embed/cruise-countdown"
  width="600"
  height="400"
  frameborder="0"
  style="overflow:hidden;"
  title="Cruise Countdown Widget"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin allow-popups"
></iframe>
<p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

Select the code above and copy it.

Compact (320 × 220)

Perfect for narrow sidebars and mobile-first themes.

<iframe
  src="https://www.cruiseshiptracking.com/embed/cruise-countdown"
  width="320"
  height="220"
  frameborder="0"
  style="overflow:hidden;"
  title="Cruise Countdown Widget"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin allow-popups"
></iframe>
<p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

Select the code above and copy it.

Banner (728 × 90)

Leaderboard format, ideal for header and footer zones.

<iframe
  src="https://www.cruiseshiptracking.com/embed/cruise-countdown"
  width="728"
  height="90"
  frameborder="0"
  style="overflow:hidden;"
  title="Cruise Countdown Widget"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin allow-popups"
></iframe>
<p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

Select the code above and copy it.

Install

How to install in 4 steps

Works on any website that allows HTML embeds.

Pick a widget size
Choose from the standard (600×400), compact (320×220), or banner (728×90) widget size that fits your layout.
Copy the embed code
Select and copy the iframe snippet below your chosen size preview.
Paste into your blog post or sidebar
Open your blog editor, add a Custom HTML or Code Block, and paste the snippet. Works on WordPress, Squarespace, Wix, Ghost, or plain HTML.
Optionally customize ship and date via URL params
Add ?ship=YourShipName&date=YYYY-MM-DD to the embed src URL for a pre-filled countdown, e.g. https://www.cruiseshiptracking.com/embed/cruise-countdown?ship=Wonder+of+the+Seas&date=2026-12-01

Platform-specific instructions

WordPress

In the block editor, click the + icon and search for "Custom HTML".
Paste the embed code into the Custom HTML block.
Switch to Preview to confirm the widget renders.
Publish or update your post.

Squarespace

Open your page in the editor and click where you want the widget.
Add a Code Block from the Insert menu.
Paste the embed code and click Apply.
Save and preview the page.

Wix

In the Wix Editor, click Add (+), then Embed, then HTML iframe.
Click Enter Code and paste the embed code.
Resize the element to match the widget dimensions.
Publish your site.

Ghost

In the Ghost editor, type / and select "HTML" from the menu.
Paste the embed code into the HTML card.
Click outside the card to preview.
Publish your post.

Plain HTML

Open your HTML file in any editor.
Paste the embed code where you want the countdown to appear.
Save and upload the file to your server.
Done. No JavaScript or external dependencies are required.

Brand assets

Logos, colors and attribution

Use these in your blog post graphics, thumbnails or social cards.

Logo SVGScalable, transparent background

Logo PNG (512px)High resolution, social-ready

Brand colors

#123D50Navy
#B94023Coral
#FFDF8ASun

About CruiseShipTracking.com

CruiseShipTracking.com is a free cruise ship tracker covering 380+ ships worldwide. The site provides real-time AIS position data, ship profiles, port pages, cruise line fleets and free embeddable tools for cruise bloggers and travel writers. No account is required to use any feature.

Paste the paragraph above verbatim as your blog post attribution.

Add your site to the showcase

Using the countdown widget on your cruise blog? We would love to feature you here.

hello@cruiseshiptracking.com

<iframe src="https://www.cruiseshiptracking.com/embed/cruise-countdown" width="600" height="400" frameborder="0" style="overflow:hidden;" title="Cruise Countdown Widget" loading="lazy" sandbox="allow-scripts allow-same-origin allow-popups" ></iframe> <p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

<iframe src="https://www.cruiseshiptracking.com/embed/cruise-countdown" width="320" height="220" frameborder="0" style="overflow:hidden;" title="Cruise Countdown Widget" loading="lazy" sandbox="allow-scripts allow-same-origin allow-popups" ></iframe> <p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

<iframe src="https://www.cruiseshiptracking.com/embed/cruise-countdown" width="728" height="90" frameborder="0" style="overflow:hidden;" title="Cruise Countdown Widget" loading="lazy" sandbox="allow-scripts allow-same-origin allow-popups" ></iframe> <p style="font-size:12px;color:#52626a;margin-top:4px;">Cruise countdown by <a href="https://www.cruiseshiptracking.com/tools/cruise-countdown" rel="nofollow" style="color:#123d50;">CruiseShipTracking</a></p>

Choose your widget size

Standard (600 × 400)

Compact (320 × 220)

Banner (728 × 90)

How to install in 4 steps

Pick a widget size

Copy the embed code

Paste into your blog post or sidebar

Optionally customize ship and date via URL params

Platform-specific instructions

Logos, colors and attribution

Brand colors

About CruiseShipTracking.com

Add your site to the showcase

Choose your widget size

Standard (600 × 400)

Compact (320 × 220)

Banner (728 × 90)

How to install in 4 steps

Pick a widget size

Copy the embed code

Paste into your blog post or sidebar

Optionally customize ship and date via URL params

Platform-specific instructions

Logos, colors and attribution

Brand colors

About CruiseShipTracking.com

Add your site to the showcase