嵌入問卷到網站
將 LitoForm 問卷直接嵌入到您的網站或部落格，提供三種嵌入方式供選擇。
把問卷連結傳出去，受訪者要另開分頁、失去當前脈絡，填答率往往因此下降。將問卷直接嵌入您的網站，讓受訪者在原本的頁面上完成填答——體驗更流暢，轉換率也更高。
如何取得嵌入碼
進入問卷的分享頁面
在儀表板找到您要嵌入的問卷，點擊 「分享」 按鈕。
切換到「嵌入網頁」分頁
在分享視窗中，點擊頂部的 「嵌入網頁」 分頁。
選擇嵌入方式並複製程式碼
選擇適合的嵌入模式後，點擊 「複製」 按鈕取得程式碼，再貼入您網站的 HTML 原始碼中。
三種嵌入方式
固定 iframe
問卷以固定尺寸的方塊嵌入頁面中，適合版面已規劃好、確定放置空間大小的情境。
可以在設定中自訂寬度（預設 100%）與高度（預設 600 像素）。
複製的程式碼看起來像這樣：
<iframe src="https://litoform.com/s/your-slug?embed=1"
width="100%" height="600"
style="border:none;border-radius:8px;"
loading="lazy"
title="問卷名稱"></iframe>貼入網站 HTML 中即可，不需要其他檔案。
自動調整
問卷嵌入後，框架高度會隨著問卷內容自動伸縮，不會出現多餘的空白或捲軸。適合「一頁一題」版面，或題目數量不固定的問卷。
複製的程式碼看起來像這樣：
<div data-litoform-embed="your-slug"></div>
<script src="https://litoform.com/embed.js" async></script>embed.js 腳本會自動初始化頁面上所有帶有 data-litoform-embed 屬性的元素，一個頁面中可以放置多個問卷。
浮動按鈕
頁面角落會出現一個圓形按鈕，點擊後在頁面上彈出問卷視窗，不離開當前頁面即可填答。適合不希望問卷佔用版面空間的情境。
複製的程式碼看起來像這樣（僅使用預設值）：
<div data-litoform-popup="your-slug"></div>
<script src="https://litoform.com/embed.js" async></script>自訂外觀（選填）：
在分享視窗中可調整以下選項，系統會自動在程式碼中加入對應設定：
| 選項 | 說明 | 預設值 |
|---|---|---|
| 按鈕顏色 | 浮動按鈕的背景色（色彩選擇器） | 藍色 #3B82F6 |
| 彈窗寬度 | 彈出問卷視窗的寬度（像素） | 400 |
| 彈窗高度 | 彈出問卷視窗的高度（像素） | 600 |
| 按鈕位置 | 右下角 或 左下角 | 右下角 |
加上自訂選項的程式碼範例：
<div data-litoform-popup="your-slug"
data-popup-color="#FF6B6B"
data-popup-width="500"
data-popup-height="700"
data-popup-position="left"></div>
<script src="https://litoform.com/embed.js" async></script>在行動裝置上，浮動按鈕彈出後會自動切換為全螢幕顯示，無視寬高設定，提供更好的填答體驗。
常見問題
嵌入問卷需要付費嗎？
嵌入功能可免費使用，三種嵌入模式皆不受限制。
問卷更新後嵌入碼需要重新複製嗎？
不需要。嵌入碼中只包含問卷的識別碼，問卷內容更新後嵌入頁面上的問卷會自動反映最新版本。
如果我的網站有內容安全政策（CSP）的限制怎麼辦？
需要在 CSP 設定中允許來自 LitoForm 網域的 frame-src，請聯繫系統管理員協助設定。