Save to Mobile Itinerary

Configure the button

Pick a style, color and wording. See it on a sample confirmation page and emails, then copy the code.

Preview

Where travelers see the button

Sample partner page, in the partner's own brand

Your trip is booked!

Trip Confirmation

#A3F9K2

Tue 1 Dec

Depart

Arrive

Delta 264

JFK – New York8:00 AMSeat 14B

CDG – Paris9:30 PMSeat 14B

Mon 7 Dec

Depart

Arrive

Delta 265

CDG – Paris11:00 AMSeat 14B

JFK – New York1:30 PMSeat 14B

Total Cost

$1,039.22

Save to Mobile Itinerary via Voyani app

PrintSave as PDF

Get code

Paste this where the button should appear. Replace {PARTNER_ID} and {BOOKING_REF} with your values.

Button
Black
“Save to Mobile Itinerary”

<a href="https://go.voyani.com/save?partner={PARTNER_ID}&amp;booking={BOOKING_REF}&amp;placement=confirmation" class="voyani-save" style="display:inline-flex;align-items:center;gap:12px;padding:10px 22px 10px 16px;border-radius:999px;background:var(--voyani-save-bg,#2b2c2c);color:var(--voyani-save-fg,#ffffff);font-family:inherit;line-height:1.2;text-decoration:none;text-align:left">
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="flex-shrink:0"><path d="M14 7V4.5A2.5 2.5 0 0 0 11.5 2h-5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h5a2.5 2.5 0 0 0 2.5-2.5V17"/><path d="M9 19h0.01"/><path d="M9.5 12H21"/><path d="M17.5 8.5L21 12l-3.5 3.5"/></svg>
  <span>
    <span style="display:block;font-size:15px;font-weight:600">Save to Mobile Itinerary</span>
    <span style="display:block;font-size:12px;color:#c9cbcb">via Voyani app</span>
  </span>
</a>

Set placement to confirmation, email or reminder so you can see which spot works best.