在 Webflow 上新增 Airtable 表單

方便提示：您也可以利用 Logic 的 Make HTTP 請求區塊將原始 Webflow 表單提交中的資料分派到 Airtable。探索更多在 Airtable with Logic 中產生記錄的資訊。

在本教程中：

複製 Airtable 中的插入程式碼
將程式碼插入您的網站

複製 Airtable 中的插入程式碼

在 Airtable 電子表格的左上角，按 網格視圖。下面 新增視圖，選擇形式，從這裡，您可以個性化您的表單。請記住，您指派給表單的標籤將在您的網站上可見。

步驟 2 和 3 在 Airtable 儀表板中以反白顯示。步驟 2 反白顯示「表單」按鈕以建立新視圖。步驟 3 顯示新電子表格名稱 Office Coordinator Application。

按 分享表格 > 將此表格嵌入您的網站 揭開一個帶有程式碼片段的新選項卡。在獲取程式碼片段之前，請打開 自動調整高度 切換到在。然後突出顯示嵌入程式碼並將其複製到剪貼簿。

步驟 1 和 2 已加亮顯示。步驟 1 反白顯示「共享表單」按鈕。步驟 2 反白顯示將此表單嵌入到您的網站按鈕。嵌入程式碼位於步驟 1 和 2 的右側。

‍

將程式碼插入您的網站

在 Webflow 項目的設計器中，按下左側面板中的加號圖示。

在下面成分，拖曳一個嵌入元素到您目前的設計。使用 Command (Control) + V 將上一個步驟中的程式碼片段插入到出現的 HTML 嵌入程式碼編輯器中。按 儲存並關閉.

‍

Webflow 設計器 HTML 嵌入程式碼編輯器包含 Airtable 試算表中的程式碼片段。

從右上角點按發布 > 發佈到選定的網域 並觀察公佈的結果。

花點時間測試您的表單 - 您提交的資料應顯示在 Airtable 試算表後面的網格視圖中。

做得好！

關於
最新貼文

麥伊凡

Webflow專家在 Tenten

Webflow 專家和前端開發人員，擁有 4 年以上經驗。我使用多功能技能（HTML、CSS、JS、Figma、Adobe）來打造卓越的 Webflow 體驗。 70 多個專案磨練了我無縫融合自訂程式碼和視覺化開發的能力。我有條理、按時完成任務、對成長充滿熱情，在動態環境中表現出色。讓我們突破界限，創造一些令人驚奇的東西。

Ewan Mak 的最新帖子 (看全部)

包含或消除工作區點和成員 - 2024 年 4 月 15 日
定心框總結 - 2024 年 4 月 15 日
儲存站點以供日後參考 - 2024 年 4 月 15 日

方便提示： 您也可以利用 Logic 的 Make HTTP 請求區塊將原始 Webflow 表單提交中的資料分派到 Airtable。探索更多在 Airtable with Logic 中產生記錄的資訊。

複製 Airtable 中的插入程式碼

將程式碼插入您的網站

相關文章

方便提示：您也可以利用 Logic 的 Make HTTP 請求區塊將原始 Webflow 表單提交中的資料分派到 Airtable。探索更多在 Airtable with Logic 中產生記錄的資訊。