Build first, then design
Creating a proposal in Odia has two phases:- Journey Builder — Add services, content cards, pricing, and dates to build the trip day by day
- Journey Designer — Choose the layout, card styles, and visibility settings that shape how your client experiences the proposal
The Journey Designer works the same way for both proposals and itineraries. You can set the layout, card styles, and display settings independently on each — so your itinerary can have a different look to your proposal if you prefer.
Opening the Journey Designer
The Journey Designer is accessed via the two orange buttons on any proposal or itinerary:- The orange eye button — opens the v2 preview where you can edit the layout and design settings
- The orange link button — gives you the v2 web link to copy and share with your client
- Page Layout — The overall structure of the page
- Display Settings — What information is shown or hidden
The previous version of your web proposal and itinerary is still available. The original preview and share link remain accessible under the usual buttons — nothing has been removed. The orange buttons give you access to the new v2 experience alongside the existing one.
Page Layouts
All page layouts are only available on the online web proposal or itinerary. PDF downloads always use a Flow-style layout, regardless of which layout is selected in the designer.
Flow — the standard layout
Flow — the standard layout
Best for: Most proposals and itineraries. A safe, versatile choice for any type of trip.Flow is a clean, vertical scroll through each day of the trip. Days appear as sections one after the other, with services displayed as cards within each day. It’s the most familiar format — easy to read and works for any destination or trip type.What it shows:
- Full service images, descriptions, prices, and all details
- Services grouped by day with clear day headings
- Optional filmstrip sidebar on larger screens showing image thumbnails of all services
- None — this is the most flexible layout
Timeline — chronological time rail
Timeline — chronological time rail
Best for: Itineraries and proposals where the flow of time matters — day tours, multi-day trips with timed activities, or any trip where your client wants to see exactly when things happen.Timeline presents each day as a vertical sequence with a left-aligned time rail. When services have start times set, the time appears prominently on the left with a connecting line running between services, giving the trip a clear sense of chronological order. On mobile, the time rail is hidden and services stack vertically.What it shows:
- Left time rail with large start times and a vertical connector line between services
- Full service images, descriptions, and details to the right of the rail
- Services grouped by day with day headings
- Content cards (introductions, per-day tips) inline with the services
- The time rail is only visible on desktop and tablet (hidden on mobile)
- No card style overrides
- Services without start times still appear but without a time marker on the rail
Magazine — immersive full-screen
Magazine — immersive full-screen
Best for: Luxury and high-end proposals where creating an emotional impression matters. Works best when your services have strong photography.Magazine turns the proposal into a full-screen, page-by-page experience. Each day occupies its own screen — a large hero image on the left, scrollable service details on the right. Clicking a service image updates the hero on the left. The overview and pricing each get their own dedicated screen too.What it shows:
- Large, dominant hero image per day
- Full service details, descriptions, and prices on the right panel
- Overview summary and map on the opening screen
- Pricing summary on the final screen
- One day per screen — clients navigate forward and backward between days rather than scrolling
- If a day has no images, it displays as a single full-width column instead of the two-panel layout
- On mobile, the layout switches to a vertical single-column experience
Split — list with detail panel
Split — list with detail panel
Best for: Agents or operationally-minded clients who want to scan the full trip quickly and click into specific services for detail.Split shows a compact list of all services on the left (organised by day), and a detail panel on the right that updates when you click any service. If services have location data set up, a map appears at the top of the right panel above the service detail.What it shows:
- Left list: day groupings, service time, category icon, title, and price per row
- Right panel: full service detail including description, images, and all metadata
- Map in the right panel (only if location data is available for the services)
- The right detail panel is hidden on mobile; tapping a service opens a bottom sheet instead
- No card style overrides
- Less visual impact — focused on information over aesthetics
Condensed — maximum density
Condensed — maximum density
Best for: Internal review, operational use, or travel agents who need to assess a large itinerary at a glance. Not recommended as the primary layout for travellers.Condensed displays every service as a compact row in a structured list, grouped by day. Each row shows the time, category icon, service name, and price. Clicking a row expands it inline to show the full service detail. A summary footer at the bottom shows the total number of days, services, and overall price.What it shows:
- One row per service: time, category, title, price
- Expandable inline detail per service (description, images, metadata)
- Day totals per group
- Overall summary footer
- No images shown in the collapsed row view — images only appear when a row is expanded
- Not designed for an emotional or immersive experience
- No card style overrides
PDF downloads always use Flow
When a client downloads the proposal or itinerary as a PDF, it will always be formatted in a Flow-style layout — regardless of which layout you have selected in the Journey Designer. The PDF includes all days and services with a cover page, but without the interactive elements of the web view.Sending different layouts to different people
You can publish multiple versions of the same proposal with different layouts and share each version link separately. For example, send the Magazine layout to the traveller and the Condensed layout to the travel agent. To do this, change the layout → publish → grab the version-specific link from the Versions tab. Each version URL is permanent.Cover Image Viewport
The cover image viewport lets you control exactly how your hero image is framed and displayed on the web proposal or itinerary. Access it in the preview by clicking the crop button in the preview navbar.Display modes
| Mode | How it works |
|---|---|
| Fill | The image fills the full hero space. You can drag to reposition which part of the image is shown. Best when you want edge-to-edge visual impact. |
| Fit | The full image is shown without cropping, with a soft blurred version of the same image as the background behind it. Best for portrait-oriented images or when you don’t want to lose any part of the photo. A zoom slider lets you scale the image within the frame. |
Repositioning in Fill mode
In Fill mode, click and drag the image directly to choose which part is in focus — useful for keeping faces or key subjects centred rather than cropped out.Saving your settings
Crop settings are saved per proposal automatically. If you want the same positioning to carry through to future proposals using that image, check “Save as default for this image” before closing the viewport — this stores the crop preference on the image itself so it applies wherever the image is used.Card Styles
For Flow and Magazine layouts, you can customise how individual service cards look directly in the preview. Hover over any service card to reveal the four-square icon in the top right corner of the card. Available styles:| Style | What it looks like |
|---|---|
| Standard | Full-width image with details below |
| Side by Side | Image left, text right |
| Reversed | Image right, text left |
| Compact | No large image — clean minimal row |
Service card image cropping
Each service card image has its own crop control too. Hover over a service card in the preview to reveal the crop button on the image. This opens the same drag-to-position viewport as the cover image, letting you fine-tune how each service photo is framed without changing the original file.Card styles are not available in the Split and Condensed layouts — those have a fixed design.
Display Settings
Open Display Settings from the gear icon in the toolbar to control what your client sees.Pricing
| Setting | What it does |
|---|---|
| Hide all prices | Removes all pricing from the proposal |
| Show total only | Hides per-service prices, shows only the grand total |
| Show per-person price | Splits the price by number of travellers. Requires travellers to be assigned to each service in the Journey Builder — Odia uses the assignment to calculate each person’s share. |
| Show category breakdown | Breaks the total down by category (e.g. Accommodation, Activities) |
Overview
| Setting | What it does |
|---|---|
| Show trip summary | Shows or hides the AI-generated proposal overview. Only appears if a summary has been generated. Turning this on or off also toggles the map — the two are always shown or hidden together. |
| Show map | Shows or hides the interactive destination map in the overview section. Turning this on or off also toggles the trip summary — the two are always shown or hidden together. Does not affect maps embedded within individual services. |
| Show day summaries | Shows or hides AI-generated summaries for each day |
| Show category tags | Shows or hides category labels on service cards |
Layout & Branding
| Setting | What it does |
|---|---|
| Hide Odia branding | Removes “Powered by Odia” — keeps everything under your brand |
| Show filmstrip | Adds a collapsible image sidebar with thumbnails of all services |
| Show content cards | Shows or hides content cards (travel tips, packing lists, cultural notes, etc.) |
Settings changes are staged. Click Save to apply them or Cancel to revert.
Saving Changes
Proposals: Design changes are saved to your proposal but the live link only updates when you Publish. Once you publish, your client just needs to refresh — no new link needed. Itineraries: Design changes save and take effect immediately — there is no separate publish step. Your client will see the updated design the next time they open their link.Common Questions
Where do I change the fonts?
Where do I change the fonts?
Fonts are set organisation-wide in Settings > Branding and apply to all proposals and itineraries automatically. You cannot change fonts per proposal in the Journey Designer. Only Admins and Owners can update fonts in Settings — if you’d like a different font, ask your Admin.
How does per-person pricing work?
How does per-person pricing work?
Enable Show per-person price in Display Settings. For it to calculate correctly, go to the Journey Builder and open each service → go to the Travelers tab → assign the travellers participating in that service. Odia divides the service price by the number of assigned travellers to get the per-person figure.
Can I send a different layout to my travel agent and traveller?
Can I send a different layout to my travel agent and traveller?
Yes. Change the layout, publish, then go to the Versions tab. Click the three dots on a version and select Open version in browser. Copy that URL — it’s permanent and always shows that version, no matter how many times you publish after.
What does 'Show map' control?
What does 'Show map' control?
It controls the overview map — the interactive map in the top section of the proposal showing all destinations. The map and the trip summary are always linked: toggling one on or off also toggles the other. It does not affect any maps embedded within individual itinerary services.
Why can't I see the card style button on some cards?
Why can't I see the card style button on some cards?