如何建立一個免費的網站聯絡形式與谷歌形式

需要網站或部落格的聯絡人表單,但不喜歡預設選項?使用谷歌表格和收集谷歌表的答覆!...

運行一個網站或博客可能很有趣,但為訪問者提供一種與你聯繫的方式並不總是簡單或直接的。謝天謝地,Google提供了一個完美的網站聯繫人表單解決方案:你可以在頁面上嵌入Google表單,並在Google表單中收集讀者的所有評論。

contact-form-google

設置起來很簡單,所以如果您準備好為您的網站創建一個增強的聯繫人表單,那我們就開始吧!

在google表單中創建聯繫人表單

當你第一次登錄你的googleforms賬戶時,Google實際上在模板庫中提供了一個預先**好的“聯繫信息”表單。

Google Sheets, contact form

表單要求提供標準信息,如姓名、地址、電話號碼、電子郵件地址,以及供用戶輸入評論的字段。

您可以通過更改所需的信息來自定義此表單。

Google Sheets, contact form

您還可以更改是否需要該信息。

如果不是必需的,那麼用戶可以將該字段留空。如果需要,則用戶在該字段中輸入內容之前不能提交表單。

Google Sheets, contact form

由於您將此表單用作網站聯繫人表單,因此您需要確保用戶在“評論”字段中實際輸入了一些內容。因此,請確保您已將該項設置為“必需”。

Google Sheets, contact form

既然您已經定製了Google評論表單模板的內容以滿足您的需求,那麼現在就可以定製用戶實際使用表單時表單的行為方式了。

設置網站的聯繫方式

如果單擊“常規”選項卡中的“設置”圖標,則可以控制當用戶從您的網站提交表單時該表單的行為。

例如,您可以讓表單將用戶答案的副本發送到他們提供的電子郵件地址。

您還可以啟用或禁用他們在提交答案後編輯答案的功能。

Google Sheets, contact form

在“演示文稿”選項卡下,您可以自定義用戶在網站上提交表單後看到的響應。

Google Sheets, contact form

讓這個東西有意義,因為它將顯示給每一個提交此表單的訪問者。

例如,最好讓他們大致知道他們需要等待多長時間才能得到回覆(如果他們需要更緊急的回覆,你甚至可以在這裡提供一個電話號碼)。

這完全取決於你如何使用表格,以及你想為訪問者提供什麼樣的聯繫方式。

查找嵌入代碼

現在表單已經準備好了,是時候將其嵌入到您的站點中了。

第一步是獲取表單的嵌入鏈接。這不是很簡單,因為表單編輯器頁面上沒有直接顯示嵌入圖標。

要訪問嵌入代碼,您必須單擊表單編輯器右上角的Send按鈕。

Google Sheets, contact form

此頁面顯示需要複製並粘貼到站點中的HTML嵌入代碼。在這裡設置正確的寬度和高度設置非常重要,這樣嵌入的表單就可以很好地適應目標頁面。

Google Sheets, contact form

你可能需要玩一些大小,但不要擔心。您可以隨時回到這裡,更改大小,然後再次複製和粘貼新的嵌入代碼。

在網站上嵌**系人表單

如果您有一個網站或博客,標準方法是在標題中創建一個聯繫人菜單項。這使得訪客儘可能方便地與您聯繫。

有些網站使用另一種方法,比如把這個鏈接放在頁腳,甚至放在關於我們的頁面上。

在我的網站上,“聯繫人”菜單項將視圖下移到推薦信後面的區域。這是我想嵌入我的聯繫方式。

Google Sheets, contact form

如果您已經從零開始自定義編寫了自己的網站,那麼您需要將嵌入的代碼直接**到您希望它顯示的頁面部分。當您採用手動方法時,請確保避免人們在構建網頁時所犯的常見錯誤。

對於WordPress站點,您使用的主題通常會有一個帶有聯繫人表單的區域,您可以自定義該區域。例如,對於Onetone主題,主頁上有一個“Section Content”字段,其中包含現有的聯繫人表單代碼。

您可以突出顯示此代碼並用新的Google聯繫人表單替換它。

Google Sheets, contact form

為什麼使用google聯繫方式更好

為什麼不直接使用主題附帶的現有聯繫人表單呢?實際上,使用Google表單更好有幾個原因:

  • PHP表單通常使用POST或SMTP發送電子郵件,在這兩種情況下,您都需要知道如何配置電子郵件服務器以使其正常工作。
  • Google聯繫人表單將所有消息收集到Google表單中,而不是將評論發送到電子郵件。這樣可以防止收件箱雜亂無章。
  • 您可以隨時使用googleformgui修改表單,而不必編輯任何代碼。

一旦嵌入到web頁面中,您的聯繫人表單將如下所示。

Google Sheets, contact form

正如你所見,第一次嘗試並不完美。當前Google表單的著色主題與web頁面主題不太協調。

是時候調整一下Google表單設計了。

更新和自定義聯繫人表單

這種方法的美妙之處在於,一旦它嵌入到您的網站上,您就可以隨意重新設計表單,而無需再次觸摸您的網頁。

例如,要更改現有表單的配色方案,只需進入Google表單編輯器並單擊右上角的調色板圖標。

Google Sheets, contact form

因為我的網站有一個黑色的主題,灰色的接觸形式主題應該很好地融合。

當您在編輯器中保存新的Google表單時,它會更新網站上的表單,如您所見。

Google Sheets, contact form

既然設計和嵌入已經完成,現在就要測試聯繫人表單是否真的按預期工作了!

測試你的谷歌聯繫人表單

你應該經常對你在網站上放置的任**表單進行測試。

在本例中,googlecontact表單使用您在設計表單時定義的自定義響應文本進行響應。

Google Sheets, contact form

您可以在設計表單的同一頁面**問訪問者的所有評論。

只需點擊設計表單頂部的回覆鏈接。

Google Sheets, contact form

在這裡你可以看到用戶的個人評論和聯繫信息。您還可以選擇單擊窗口右上角的googlesheets圖標。這將創建一個新的Google表單來存儲所有來自用戶的評論。

選擇如何查看傳入的用戶評論實際上取決於您計劃如何處理它們。如果你希望在收到新郵件時創建一些Google腳本自動化,那麼googlesheets就是一個不錯的選擇。我們已經介紹了許多使用Google腳本自動化Google表單的方法。

但是,如果您只是計劃手動響應每一條新傳入的評論,那麼您只需使用googleforms編輯器頁面內的顯示就可以了。

如果您確實希望以電子表格格式保存註釋,有幾個選項可用。只需單擊Resp***es視圖右上角的三個點圖標即可看到它們。

Google Sheets, contact form

您可以下載CSV格式的所有響應,甚至可以將它們輸出到打印機或PDF文檔。這也是你可以配置通知每當一個新的評論來自你的網站。

把你的谷歌表格帶到下一個層次

使用Google表單來處理評論比使用標準web表單提供了更多的靈活性和功能性。

不需要任何編碼,評論都會記錄在一個方便的表格中。您可以啟用或禁用諸如電子郵件通知或提交後是否可以編輯評論之類的內容。

這種方法的一個缺點是嵌入使用iframe,它在窗口中**一個滾動條。

但是,如果你給你的窗體一個設計,使它與你的主題很好地融合在一起,滾動條看起來並沒有那麼糟糕。這也是一個公平的權衡考慮到許多功能,你得到的回報。

如果你剛剛開始使用Google表單,你會想看看我們豐富的Google表單指南。還有很多很棒的googleforms附加組件可以讓你擴展你可以用它做的事情。你甚至可以在你的網站上嵌入這些增強的表單!

  • 發表於 2021-03-25 04:21
  • 閱讀 ( 46 )
  • 分類:程式設計

你可能感興趣的文章

gmail帳戶(gmail account)和谷歌帳戶(google account)的區別

...服務之一是以電子郵件的形式出現的,被稱為Gmail。為了建立一個Gmail帳戶,你必須首先建立一個Google帳戶。 谷歌賬戶有很多變體,從基本的Gmail賬戶到完全安全的商業賬戶。如果你對許多不同的谷歌賬戶感到困惑,你並不孤單...

  • 發佈於 2020-11-02 23:42
  • 閲讀 ( 57 )

如何儘快開始寫部落格?

...資源,開始部落格從來就不是一件容易的事。有沒有想過如何開始?繼續閱讀,以獲得一個關於部落格的入門! ...

  • 發佈於 2021-03-11 16:06
  • 閲讀 ( 73 )

10個免費音樂下載最佳網站(是的,合法下載)

... 但不用擔心。如果你想知道如何下載音樂,請不要再看了。你仍然有辦法獲得免費音樂。它們是完全合法的,音樂將永遠屬於你。這裡有最好的免費音樂MP3下載網站。 ...

  • 發佈於 2021-03-15 17:32
  • 閲讀 ( 54 )

什麼是注意力經濟?這就是你應該關心的原因

...。我們的注意力是一種稀缺資源,許多企業面臨的問題是如何獲得它。他們並不孤單。非營利組織和政治組織同樣也在爭奪我們的重點。 ...

  • 發佈於 2021-03-19 00:49
  • 閲讀 ( 34 )

5個免費的谷歌遊戲,供兒童和成人玩和學習

... 谷歌最近的一項實驗主要是教人們如何使用莫爾斯電碼,莫爾斯電碼使用點和破折號來傳遞字母表中的字母。它革新了電報,但現在是輔助技術的一部分。 ...

  • 發佈於 2021-03-20 00:29
  • 閲讀 ( 50 )

7個網站向手機發送免費簡訊(sms)

...訊時,**號碼會顯示在對方的螢幕上。目前還不清楚這將如何工作,但它是值得一試,如果你試圖擺脫惡作劇。只要確保你站在法律的右邊。 ...

  • 發佈於 2021-03-20 04:32
  • 閲讀 ( 59 )

7個免費工具,用於實時網站訪問者跟蹤

...正在吸引訪問者的資訊。 深入瞭解訪問者如何瀏覽您的網站。 看看哪些產品和銷售交易最受關注。 如果某個特定的人/公司訪問您的網站,則會發出實時通知。 瞭解哪些...

  • 發佈於 2021-03-21 16:05
  • 閲讀 ( 41 )

7個免費工具,為你的網站獲得最好的關鍵字

... 問題:何時,如何,哪個,將,誰,能,在哪裡,什麼,是,為什麼。 介詞:Without、near、to、with、for、is、can。 比較:對,對,像,和,或。 ...

  • 發佈於 2021-03-21 18:07
  • 閲讀 ( 43 )

如何為你的網站獲得免費域名

...事實上,如果我告訴你不用花一毛錢怎麼辦?讓我們看看如何為您的網站獲得免費域名。 ...

  • 發佈於 2021-03-24 04:17
  • 閲讀 ( 70 )

如何使用adobespark作為一個免費的照片拼貼應用程式

... 如何用adobespark**照片拼貼 ...

  • 發佈於 2021-03-24 15:29
  • 閲讀 ( 42 )