EMBED DOCS

Add TripSpark to your site.

Drop in a mini finder with exact budget filtering, human-readable dates, and transparent match reasons. The widget now reacts to month, origin, interests, and budget instead of falling back silently.

Quick start

  1. Create a container div where the widget should render.
  2. Paste the hosted script snippet below.
  3. Set data-origin, data-month, data-budget, and data-interests for your audience.
  4. Publish the page and verify the iframe loads from /embed with the expected card count and labels.

Hosted JS snippet

Open preview sandbox
<div id="tripspark-embed"></div>
<script
  src="https://snippetci.com/tripspark-embed.js"
  data-target="#tripspark-embed"
  data-origin="new-york-nyc"
  data-month="2026-08"
  data-budget="1200"
  data-interests="concert,festival"
  data-title="Suggest a trip"
  data-limit="3"
  data-source="partner-site"
  data-medium="widget"
  data-height="640px"
></script>

League mode example

For sports league sites, default the widget to a team-friendly setup: origin airport, August timing, budget-conscious pricing, and weekend-ready group interests.

<div id="tripspark-league-widget"></div>
<script
  src="https://snippetci.com/tripspark-embed.js"
  data-target="#tripspark-league-widget"
  data-origin="austin-aus"
  data-month="2026-08"
  data-budget="900"
  data-interests="sports,group"
  data-title="Plan team travel"
  data-limit="3"
  data-source="sports-league-site"
  data-medium="widget"
  data-height="680px"
></script>
Recommended defaults: origin airport + month + budget + sports,group interests. For weekend campaigns, pair the embed with a link to /?frame=leagues.

Iframe fallback

<iframe
  src="https://snippetci.com/embed?origin=new-york-nyc&month=2026-08&budget=1200&interests=concert,festival&utm_source=partner-site&utm_medium=embed"
  width="100%"
  height="640"
  style="border:0;border-radius:24px;"
  loading="lazy"
  title="TripSpark mini finder"
></iframe>

Supported options