Live on your site in fifteen minutes

Everything you need to launch Itinerary Builder on your Framer site: drop it on a page, connect your experiences, set your prices and start receiving trip plans that arrive ready to quote.

Drop it onto any page

Open the Component URL from your purchase email, copy it and paste it straight onto a Framer page. Itinerary Builder arrives fully styled with four sample experiences, so you can click through every feature right away.

Set its width to Fill and its height to Fit. The layout adapts from wide travel desk to phone automatically.

Add your experiences

Choose Manual to type experiences straight into the component panel, or CMS cards to run everything from a Framer CMS collection. Both give you the same polished catalogue, filters and day planning.

For CMS cards, create a collection with the fields below, add a Collection List to the page and drop Itinerary Builder inside it. Set its Role to Activity card (CMS), connect the fields and set Display to Data only. Then set your main planner’s Experiences to CMS cards and give both the same Planner ID.

Field

How to set it up

Title

Text. Also identifies the experience in saved and shared plans.

Set prices, dates and travellers

Pick your currency with any three-letter code, such as EUR, USD or GBP, and a Format such as en-GB to match your market. Every total is calculated in exact cents, never rounded along the way.

Trip length: set the starting number of days plus the minimum and maximum guests can choose.

Travellers: rename Adults, Children and Infants to suit your trips, such as Guests or Climbers, and set limits for each.

Buffer: add transfer time between experiences on the same day so plans stay realistic.

Trip extras: add fixed costs such as airport pickup that join every estimate.

Prices: hide them completely when you prefer to quote every trip personally.

Receive trip plans ready to quote

Add a native Framer form to your page and place Itinerary Builder inside it with Role set to Enquiry field and the same Planner ID. The guest’s complete day-by-day plan is submitted with the form as the Trip plan field, alongside their name and message.

Prefer a button? Add an Enquiry page link and an Enquiry email in the planner. Guests can jump to your form or open a ready-written email containing their full plan.

Let guests save, share and print

Plans save automatically in the guest’s browser, so they can come back tomorrow and pick up where they left off. Share links rebuild the exact plan on any device, while Copy, Download and Print give a clean, branded itinerary in one tap.

Make it yours

Match your brand in seconds from the component panel.

Colors for background, cards, text, lines and accent.

Editorial serif, sans or any font from your project for headings and body.

Travel desk or Stacked layout, numerals or badges for each day.

Every label, from Add to and Details to your empty-day message.

Corner radius, spacing, text size and motion.

Run several planners on one site

Give each planner its own Planner ID, such as lisbon or dolomites. Activity cards and enquiry fields with the same ID connect to that planner only, so every trip keeps its own catalogue, saved plans and share links.

On the canvas, a setup checklist confirms how many experiences connected and flags anything that needs attention. Visitors never see it.