Developer Integration

Add cruise AI to your website

Embed CruiseGPT as a chat widget on your travel blog, agency site, or cruise portal. One script tag, zero maintenance.

Quick start

Basic embed

Add this script tag before the closing body tag on any page where you want the cruise chat widget to appear.

<!-- Add before </body> -->
<script
  src="https://360cruising.com/widget.js"
  data-cruisegpt-widget
></script>

With customisation

Use data attributes to change the position, colour, and greeting message to match your site.

<!-- Customised widget -->
<script
  src="https://360cruising.com/widget.js"
  data-cruisegpt-widget
  data-position="bottom-left"
  data-color="#1a8c5e"
  data-greeting="Need help planning a cruise? Ask away!"
></script>

Configuration

Attribute	Default	Description
data-cruisegpt-widget	Required	Identifies the script as a CruiseGPT widget. No value needed.
data-position	`bottom-right`	Position of the widget button. Options: `bottom-right` or `bottom-left`.
data-color	`#0077B6`	Accent colour for the button and UI elements. Any valid CSS colour.
data-greeting	`Got a cruise question?...`	Initial greeting message shown when the widget opens.
data-api-url	`https://360cruising.com`	API base URL. Only change this for development or self-hosted instances.

Features

One script tag

Add a single line of HTML to your site. No build tools, no npm packages, no configuration files.

Lightweight

Under 10KB. No dependencies. Loads asynchronously and never blocks your page.

Customisable

Match your brand with custom colours, positioning, and greeting messages via data attributes.

Responsive

Works on desktop and mobile. Adapts to screen size automatically.

Rate limited

5 messages per day per domain. Enough for genuine queries without abuse.

Secure

Domain whitelist ensures only authorised sites can use your widget allocation.

Live demo

See the widget in action. The button in the bottom-right corner is the CruiseGPT widget running on this page.

Widget active

Look for the chat button in the bottom-right corner of the page. Click it to start a conversation.

Note: The demo uses the same rate limits as the embedded version.

Rate limits

The widget includes built-in rate limiting to prevent abuse while ensuring genuine visitors get helpful answers.

5 messages per day per domain
500 character message limit
6-message conversation history
General cruise knowledge (no real-time search)

Need higher limits or real-time data? Contact us about our Intelligence partnership.

Getting access

Widget access requires domain whitelisting. This ensures quality and prevents misuse.

Send your domain name via our inquiry form.

We whitelist your domain

Your site gets added to our approved domains list.

Add the script

Paste the script tag on your site. Done in 30 seconds.

Ready to add cruise AI to your site?

Get in touch to discuss widget access, custom rate limits, and integration support.