用於創建有效表單的前 17 個 Shopify 表單示例

已發表: 2022-08-18

Shopify 是市場上最大的電子商務平台之一,擁有許多商店。 如果您有 Shopify 商店,您就會知道創建表單至關重要。

Shopify 商店中的表單可用於多種用途。 無論您是想收集電子郵件還是銷售產品,表單都是 Shopify 商店的重要組成部分。

這就是我們在這篇博文中收集Shopify 表單示例的原因。 通過查看這些前 17 個 Shopify 表單示例,您可以為您的商店設計一個表單。

無論您的目標是什麼,請探索這些示例並立即開始構建您獨特且有吸引力的Shopify 表單

a cover image that says "top 17 shopify form examples for creating effective forms" and an illustration of a man filling out a form and a Shopify logo

17 個最佳 Shopify 靈感表單示例

在 Shopify 商店中使用表單可以改善您的客戶服務體驗。 您可以快速收集訪問者的請求和他們在表單中遇到的困難。

此外,使用 Shopify 表單,收集反饋和與訪問者取得聯繫變得更加容易。

我們列出了17 個最佳 Shopify 表單示例,以便您獲得靈感! 通過深入研究這些表單示例,您可以快速構建 Shopify 商店的表單。

1. Vital Proteins 折扣彈窗表格

Vital Proteins 的彈出表單示例顯示“獲得 15%off”

Vital Proteins 在其主頁上使用彈出表單並提供折扣。 標題為“獲得 15% 的折扣” ,這個彈出窗口非常適合提高轉化率。 此外,該品牌在彈出窗口中包含產品圖片,並解釋他們提供的內容類型。

描述包括諸如“新”“更多”之類的觸發詞,可以引導人們採取行動。 然後,該品牌提出了“為什麼是膠原蛋白?”的問題。 使用此表格收集訪問者的反饋。

電子郵件和手機號碼輸入非常適合收集客戶數據並增加轉化率和用戶交互。

Vital Proteins 的彈出表單以清晰的 CTA 結尾,上面寫著“獲得 15% 的折扣” ,並鼓勵人們註冊他們的網站。

2. 文化之王的贈品彈窗表格

Culturekings 的彈出表單示例,上面寫著“贏得你的尺碼”和鞋子的圖像

Culture Kings 通過這種彈出式表單有效地宣布了它的贈品。 它們包括左側的產品圖片,標題為“贏得您的尺碼”和產品名稱。 在表格部分,標題中包含了一個會產生緊迫感的詞: “有限”。

該品牌還在彈出表單中包含其名稱和徽標,並使用符合其品牌風格的一致字體和顏色。

吸引訪問者的注意力後,Culture Kings 用另一張產品圖片清楚地解釋了他們的贈品電子郵件活動的詳細信息。 電子郵件地址、手機和生日輸入添加到最後。 此 Shopify 表單的表單部分簡短而清晰,可以滿足需求。

此外,最後添加了“選擇您的產品偏好”部分,以便向註冊的人發送個性化的電子郵件和產品。

3. Pipcorn 的聯繫表

Pipcorn 的表單示例,上面寫著“有問題、疑慮或恭維?只是想打個招呼?給我們發電子郵件!”

Pipcorn 的聯繫頁麵包括表格和聯繫原因。 標題“有問題、疑慮或讚美? 只是想打個招呼? 給我們發電子郵件!” 是談話和真誠副本的一個很好的例子。

該品牌通過顯示他們感謝訪問者的關注、讚美和反饋來開始其聯繫頁面。 然後,添加聯繫信息輸入以及主題和消息部分。

這是一個很棒的Shopify 表單示例,允許訪問者與品牌就他們的問題和反饋進行互動。

總體而言,聯繫表單頁面看起來與 Pipcorn 的整個網站一致,並且文案寫得好表明歡迎訪問者與該品牌取得聯繫。

4. Fashion Nova的折扣彈窗表

Fashion Nova's popup form example that says "Get your entire order with an extra %10 off"

Fashion Nova 的彈出式表單為訪問者提供 10% 的折扣,如果他們註冊他們的電子郵件通訊。 此 Shopify 表單以標題“以額外 10% 的折扣獲得您的整個訂單”開頭,這是一個轉換且引人注目的副本。

然後,選擇您的偏好,該部分包括女性、男性、曲線、兒童和美女,以便訪問者可以個性化他們的時事通訊體驗。 通過在他們的彈出表單中包含此選項,Fashion Nova 表明他們的系列中有廣泛的產品

輸入電子郵件後,還會添加隱私政策和服務條款。 “得到我的報價”“我將支付全價”按鈕是很好的 CTA 示例,可以誘使人們填寫時事通訊表格

此外,彈出式表單中包含品牌產品的高質量圖像; 因此,該品牌推廣其產品。

5. 白狐精品申請表

White Fox 的聯繫表格示例,上面寫著“在此處提交您的請求”

White Fox Boutique 向他們的 Shopify 商店添加了一個請求表,以便客戶可以分享他們的反饋和想法。 聯繫表格以簡單的“在此處提交您的請求”開頭,並添加聯繫信息和消息輸入。

儘管該表單設計精良全面,但他們還為訪問者提供了向他們發送電子郵件的選項。 通過將這兩個選項添加到他們的請求頁面,White Fox 旨在收集表單提交並收集訪問者的電子郵件。

此 Shopify 表單的樣式與網站的設計和顏色密切相關,使其更易於填寫。

6. Artisaire 聯繫表

Artisaire 的聯繫表格示例,上面寫著“給我們發消息”

Artisaire 最小但有效的聯繫我們頁面是收集反饋和與客戶互動的絕佳示例。 此聯繫頁麵包含帶有表單部分的美觀產品圖片。

表單部分以簡單的“向我們發送消息”標題開頭,描述表明品牌在一個工作日內回復問題。

這個聯繫頁面和表格不會讓訪問者因為太多問題而不知所措; 它只是讓他們分享他們的想法並與品牌聯繫。

7. Luvo的免費禮物表格

Luvo's form popup example that says "Want a free LUVO product with your first order?"

Luvo 以一個引人注目的標題開頭,上面寫著: “想要第一次訂購免費的 LUVO 產品嗎?” 其中包括有效的詞“免費”。 此彈出表單包含一開始使用該品牌產品的人,以提高表單的有效性。

然後,在描述部分解釋了獲得免費禮物的過程。 該表格包括姓名、電子郵件地址和電話號碼輸入,以便人們可以輸入他們的聯繫方式。

最後,添加了“索取免費禮物”按鈕,這是清除 CTA 按鈕的示例。

8. The Sill 的折扣彈出表單

The Sill 的電子郵件通訊彈出表單示例,上面寫著“想要 15% 的折扣?”

The Sill 選擇使用最小但令人印象深刻的彈出表單來吸引目標受眾。 標題“想要 15% 的折扣?” 是一個很好的號召性用語,因為大多數人都喜歡在購物時獲得折扣。

描述部分以文字遊戲“get the soil”開始,這是一個很好的雙關語,因為 The Sill 是一家銷售植物和植物配件的公司。 該公司解釋說,如果訪客今天註冊,他們可以在首次購買時獲得折扣。

該表格包括兩個部分,即電子郵件地址和可選電話號碼。 最後還添加了“訂閱”按鈕。

9. Jeffree Star Cosmetics 的描述表

Jeffree Star Cosmetics 聯繫表示例

Jeffree Star Cosmetics 的聯繫表格包括為想要填寫表格的人提供的全面詳細信息。 考慮到網站本身充滿了粉紅色,它具有一致的風格

聯繫表格以品牌徽標開頭,並提供有關響應時間及其針對特定問題的政策的信息。

對於訪問者來說,這似乎有點不知所措,但為了徹底解釋基本細節,該公司決定添加一些快速信息。

然後在聯繫表格部分添加聯繫信息和消息輸入。 此外,還添加了包含常見問題的“我們如何幫助您”部分。 將表單提交分類到不同的部分會很有幫助。

10. 磚的有價值的反饋表

Brick 的反饋表單示例,以句子“我正在與您聯繫...”

Brick 有價值的反饋表以“我正在與您聯繫...”這句話開頭,並包含不同的選項。 此表單模板中使用品牌顏色,並添加了許多輸入。

此 Shopify 反饋表包括有價值的反饋中可能需要的必要部分。 總的來說,這是一個簡單的表格,如果您想向訪問者提出各種問題,您可以獲得靈感。

11. Timbuk2 的聯繫表

Timbuk2 的聯繫表格示例,上面寫著“聯繫我們”

Timbuk2 的聯繫頁面以經典的“聯繫我們”標題和“如何联系我們……”開頭。 然後,品牌在其描述部分使用真誠和通俗的語言。 之後會添加聯繫信息,例如電話號碼和可用日期。

該公司的表格部分包括有關聯繫信息的常見問題以及“我不是機器人”驗證碼。

Timbuk2 的聯繫表單是一個清晰明了的Shopify 表單示例,它使用一致的品牌字體和顏色。

12. Rebecca Minkoff 的聯繫表

Rebecca Minkoff 的聯繫表格示例,以常見問題開頭

Rebecca Minkoff 的聯繫表格頁面以常見問題開頭,這是一個絕妙的主意,可以防止再次收到相同的問題。 此外,該品牌的聯繫信息包含在頁面的開頭。

通過在此部分中包含常見問題解答頁面,公司表示如果他們的訪問者有類似的問題,他們可以先訪問常見問題解答頁面。 然後,此頁面上包含不同的類別,即下訂單、運輸、我的訂單、退貨和聯繫方式。

品牌的聯繫方式簡單而實用,與品牌網站密切相關。

13. Nativecos 反饋表

Nativecos 的反饋表示例,上面寫著“我們都在傾聽”

Nativecos 以“我們都在傾聽”的標題開始其反饋表,這是表明他們重視反饋的好方法。 該品牌包含一個形式的描述,“讓我們知道我們可以如何提供幫助,我們會比你說'沒有鄰苯二甲酸鹽'更快地回复。”

最後,Nativecos 使用與其產品相關的文字遊戲在他們的反饋頁面上添加了一個詼諧的副本。

該公司的反饋表表明他們關心訪問者的想法和反饋。 該表單包括聯繫信息、主題類別和消息部分。

此外,該品牌的聯繫信息添加在表單底部,以便人們也可以發送電子郵件。

14. Unif 的聯繫表

Unif 以“聯繫我們”開頭的聯繫表格示例

Unif 的聯繫頁面看起來與該品牌的整個網站一致。 聯繫表格和品牌標誌的位置與其他頁麵類似。 此外,Unif的聯繫方式看起來極簡,顏色的使用也很美觀

該表單包括聯繫信息、與不同問題相關的問題類型和消息部分。

此聯繫表的問題類型包括“取消/修改訂單、訂單狀態、產品信息/問題、帳戶狀態、型號查詢,嘿,我有個好主意。” 該品牌旨在通過此聯繫表回答客戶的問題收集反饋

通過將問題類型分類為不同的類別,品牌可以正確處理表格而不會不知所措。

15. Aloyoga 的電子郵件通訊表格

Aloyoga 的折扣表單彈出示例,上面寫著“想要 10% 的折扣?”

Aloyoga 的電子郵件通訊彈出表單是收集訪問者電子郵件地址的一個很好的例子。 它以標題“想要 10% 的折扣?”開頭。 並解釋了品牌電子郵件通訊的好處。

這個彈出表單會問一個問題: “你要買什麼?” 以便 Aloyoga 可以向其電子郵件通訊訂閱者發送個性化的電子郵件。

在這樣的彈出表單上提出問題可能會有所幫助,因為它可以增加用戶參與度。 此外,您可以更好地了解您的目標受眾。

Aloyoga 的彈出式表單以輸入電子郵件地址、 “註冊我”的號召性用語按鈕和“不,謝謝”按鈕結束。

16. Untuckit 反饋和聯繫表

Untuckit 的反饋和聯繫表格示例,上面寫著“我們很樂意收到您的來信,讓我們取得聯繫!”

Untuckit 的聯繫和反饋表格的標題是“我們很樂意收到您的來信,讓我們取得聯繫!” 該品牌首先解釋了聯繫表格並包括支持頁面。

此外,Unutckit 添加了典型的響應時間,以便人們可以了解他們何時會得到問題的答案。

在表單部分,添加了標準聯繫信息輸入以及選擇主題和消息部分。 最後,表單以“發送消息”按鈕結束。

這是一個最小的聯繫和反饋表單示例,可以用於每種類型的業務。

17. Bombas 的聯繫表

Bombas 的聯繫表格示例帽子上寫著“聯繫我們”

Bombas 的聯繫表是一種經典的聯繫表,其中包括中肯問題。 表格以標題“聯繫我們”和描述部分開頭, “我們能為您提供什麼幫助?” 此外,該品牌表示他們很樂意提供幫助,並會在訪客填寫表格後與您聯繫。

表單部分以具有不同選項的“選擇請求類型”部分開頭。 然後,聯繫詳細信息部分添加了訂單號和產品名稱部分。

退貨部分的原因是添加了另一種樣式,包括合身、質量和其他三個不同的盒子。 用“告訴我們更多?” 輸入,該品牌旨在從客戶那裡獲得詳細的反饋。

在提交按鈕下方,此表單末尾包含“獲得 20% 折扣”按鈕。 在收集訪問者的反饋和請求時,Bombas 提供折扣以提高銷售轉化率。

考慮創建用戶將完成的 Shopify 表單的提示

a man working with a MacBook Air on a table with flowers 在這裡,我們列出了擁有用戶想要完成的 Shopify 表單的考慮事項:

  • 盡量不要添加很多問題; 相關和簡短的問題總是更好。

  • 將表單的問題分類到不同的部分,以便人們可以添加相關信息。 此外,它可以幫助您以後有效地評估您的客戶反饋和問題。

  • 重視表單的風格。 它應該與您的品牌標識一致。 使用相同的顏色和語言對您品牌的整體風格很有幫助。

  • 添加彈出表單是吸引訪問者註意力的好方法。 通過構建帶有醒目的標題和描述的彈出表單,您可以讓訪問者填寫您的表單。

  • 您可以使用 Shopify 時事通訊彈出窗口來擴大您的電子郵件列表並吸引更多客戶。 添加一個收集電子郵件地址的簡單彈出表單對於收集客戶數據和增加郵件列表很有用。

綜上所述

來自《辛普森一家》的巴特·辛普森 (Bart Simpson) 的 GIF 動圖,他在教室裡說“結論如此”

這就是 Shopify 表單示例的全部內容! 我們希望您喜歡探索這17 個著名品牌的 Shopify 表單示例。 通過獲得靈感,您可以構建表單並收集訪問者的聯繫數據和反饋。

此外,您可以使用 Shopify 商店中的表格來加強客戶服務。 在處理退貨和更改、運輸問題和產品問題方面,添加相關表格可以讓您的工作更輕鬆。

聯繫表格也非常適合與您的客戶取得聯繫並與他們互動。 此外,您可以根據不同的用例充分利用您的表單。

彈出式表單使一切變得更順暢,因為彈出式窗口是吸引訪問者註意力的好方法。 添加時事通訊彈出表單、聯繫表單和適合您的用例的表單可能很有用。

您可以開始使用 Popupsmart 之類的彈出式構建器來為 Shopify 商店構建彈出式表單。 這樣,您可以收集潛在客戶並提高表單轉換率!
開始使用 Popupsmart!

常問問題

來自《辛普森一家》的麗莎·辛普森 (Lisa Simpson) 的 GIF 動圖,她在問“有什麼問題嗎?”給她的朋友

您可以在 Shopify 中創建表單嗎?

您可以在管理面板上的 Shopify 中輕鬆創建表單。 然後,您可以通過選擇“在線商店”部分的“頁面”部分來添加頁面。 您的頁面可以命名為聯繫頁面或任何您想要的名稱。 之後,您可以通過添加文本和輸入來快速完成您的聯繫表格。

Shopify 的表單生成器工具是什麼?

如果您想知道如何創建 Shopify 表單,可以使用表單構建器工具。 您可以在 Shopify 商店中使用許多表單構建器。 通過使用它們,您可以創建引人注目的表單,並且人們可以與它們進行更多交互。

您可以用來創建 Shopify 表單的最方便的工具是:

  • 彈出式智能
  • 表格
  • 打字機
  • 紙質表格
  • 谷歌表格
  • Elfsight 的聯繫表單生成器
  • POWR.io的聯繫表

如果您正在尋找與 Shopify 相關的更多資源,請訪問我們的其他博客文章:

  • 2022 年將使用的 15 個最佳轉換就緒 Shopify 模板
  • 10 個最佳 Shopify 社交分享應用程序,以吸引更多客戶
  • 2022 年 10 款最佳 Shopify 二維碼生成器
  • 如何創建 Shopify Cookie 彈出窗口、想法和 10 個示例