Free Embed
Add the Cat Travel Planner to Your Website
Give your visitors a personalised cat travel plan — timeline, checklist, costs and airline recommendations.
One line of code
No API keys, no accounts, no setup required.
Auto-resizing
Grows with content. No scrollbars.
Always current
Maintained by CatAbroad — always up to date.
WordPress plugin
Install in one click. No code needed.
Getting Started
Three ways to embed
Option 1 — HTML snippet
Any website — paste two lines
Works with Squarespace, Wix, Webflow, plain HTML — anything. Just paste into the body of your page.
<!-- CatAbroad Cat Travel Planner -->
<div id="catabroad-planner"></div>
<script src="https://catabroad.com/tools/cat-travel-planner/catabroad-planner.js" async></script>
Place this in the <body> of your page, not the <head>. Works inside blog posts, pages, or sidebars.
Option 2 — Custom options
Customise the appearance
Add data- attributes to control how the widget looks.
<div
id="catabroad-planner"
data-border-radius="12"
data-shadow="false"
></div>
<script src="https://catabroad.com/tools/cat-travel-planner/catabroad-planner.js" async></script>
| Attribute | Default | Description |
|---|---|---|
data-border-radius | 16 | Corner radius in pixels |
data-shadow | true | Show or hide the drop shadow |
data-height | auto | Fixed height in px, or auto to resize |
Option 3 — WordPress
WordPress — install in one click
Download the plugin, install from your dashboard, then use the shortcode anywhere in your content.
# Basic usage:
[catabroad_planner]
# With options:
[catabroad_planner border_radius="12" shadow="false"]
The plugin also registers a Gutenberg block — drag it into any post or page from the block editor.
Download the WordPress Plugin
Install via Plugins → Add New → Upload Plugin, or download below.
Download Plugin (.zip)Free to embed. We just ask that you keep the "Powered by CatAbroad.com" credit link visible.