> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://kb.rezio.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 設計預訂按鈕 ### 指南 這篇指南將說明 [rezio Admin 管理後台](https://admin.rezio.io) 中，如何設計行程的專屬預訂按鈕，然後嵌入到外部網站或部落格中。 --- ### 快速跳到 * [設定連結與樣式](#1-6kit5a6a6ycj57wq6iih5qij5byp) * [自訂 UTM 參數](#1-utm) --- ### 銷售工具 > 預訂按鈕 [點擊登入 rezio Admin 管理後台](https://admin.rezio.io) 來設計您的預訂按鈕 ![](https://storage.crisp.chat/users/helpdesk/website/-/1/f/a/1/1fa1b7905d593e00/096d3f6a-3838-43b1-93eb-371f24_7d3fm3.png) --- # 設定連結與樣式 您可以為個別行程，或者是行程底下的各個套餐建立預訂按鈕 1. 點 **選擇行程** 開啟行程的選單 ![](https://storage.crisp.chat/users/helpdesk/website/-/c/2/1/b/c21b5aa7a7acd80/3a2d8f8c-7d47-4a98-8be0-804e55_1b8i52b.png =900x531) 2. 可使用關鍵字來搜尋行程， 3. 點選要設定的行程，然後點 **套用** ![](https://storage.crisp.chat/users/helpdesk/website/-/6/4/d/e/64decb82e5cbe800/ba0270dd-4baa-4e16-b322-19ec84_1gskvkn.png =900x610) 4. 選擇行程之後，右邊便會自動產出此行程的連結與程式碼，您也可以進一步挑選此行程指定的套餐，便能連結到該套餐。 ![](https://storage.crisp.chat/users/helpdesk/website/-/b/7/0/d/b70d7a975f6f3800/73ffc96e-20f8-4441-89cf-1647b0_imre8x.png =900x531) | 說明：若不選套餐，連結會直接開啟預訂行程的畫面，讓顧客自行挑選套餐，如下圖 ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/c/3/e4c3f37d61754800/4f43d3c8-4441-418e-a856-79a967_9cm9e0.png =800x381) 若有選套餐，連結會開啟套餐預訂畫面，讓顧客自行挑選場次，如下圖 ![](https://storage.crisp.chat/users/helpdesk/website/-/e/2/3/f/e23fb5f59707f000/283f2ecb-6d0b-44bb-9cb1-02f95c_19rjp4y.png =600x712) 5. 若有多國語系的需求，可以從 語系選項 設定預訂頁面的語系，顧客進入後便會顯示您指定的語系。若設定為「自動判斷語系」，則為依照顧客使用的瀏覽器語系來顯示。 | 說明：顧客也可以自行從頁面上切換您所提供的其他語系。 6. 設定完要連結的行程、套餐以及顯示語系後，便可將預訂按鈕嵌入您的官網或部落格中，也可以直接點擊複製網址，再將網址貼在網頁的超連結。 7. 若要使用 預訂按鈕，則可以自訂按鈕上面顯示的文字、形式、顏色，您所做的樣式修改，都會顯示在右邊的「樣式預覽」中 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/8/6/3/3863d9be7a6cd800/0237ea59-52a2-41b7-bdb6-48cb9a_1slqhpw.png =900x531) 8. 按鈕樣式設計完畢，就可以點 **複製程式碼**，再將整段程式碼貼到您的官網或部落格中，顧客點擊後就能直接進入 rezio 預訂流程 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67031156329/original/LdF8PaI7zBdwyL_VBk9yqEDIH-E4-92xkg.png?1641786105 =900x313) # 自訂 UTM 參數 若您有使用 Google Analytics 追蹤網站流量，也可以在預訂按鈕中加上 UTM 參數 1. 點擊 **自訂UTM參數** 的開關，藍色為啟用 2. 輸入 **Campaign Source** 參數(必填)，以及其他需要的欄位 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67008210890/original/JSGhjNneMp42-7QMby2zTQwlYUwo-5Sn4g.png?1615948054 =900x320)