用Google Forms 製作一個聯絡表單

817 Views

Blogger 後台的聯絡表單的格式很簡單, 就是姓名, 郵件地址和留言三項. 

這樣的格式對於一般的部落客使用也很夠用了.  然而郤發現了 Blogger 的聯絡表單 並不是那麼的可靠.  有些留言可以收的到, 有些郤收不到. 

如果這麼的不可靠, 還不如不加聯絡表單的好. 所以決定捨棄這個不靠譜的Blogger 聯絡表單, 改用 Google Forms 來制作一個客制化的連絡表單.

用 Google Form 是最簡單也最好用的, 而且確保部落格格主一定收的到. 不僅如此, Google 的表單可以讓你加入的題目就很多了. 不會只有上述簡單的三項了.

你只要有一個Google 帳號(也就是gmail信箱), 就可以使用Google Docs裡的"文件/docs", "試算表/sheets", "簡報/slides", 和"表單/forms"工具.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-17.png


首先, 登入你的Google Docs帳號, 然後按下左上角的三修橫線 

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-62.png
出現如下選單, 選擇"表單", 也就是Google Form.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-61.png















然後點下右下角的"+"鍵, 新增一個表單.

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-63.png







接下來就是製作你的聯絡表單的必填欄位了. 表單設計好後按右上方的"傳送"鍵取得內嵌程式碼.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-66.png
按下"< >"這個符號即可取得內嵌程式碼
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-67.png

然後回到Blogger後台, 選取"網頁" →"新網頁", 按 "HTML" 然竹後貼入聯絡表單的程式碼. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-69.png
由於Blogger 網頁沒有自訂URL的功能, 所以建議先在標題上輸入想要的URL網址, 事後再改成中文, 這樣你的聯絡表單的URL就不會是無意義的 blog-post.html. 而會是你標題的英文字 contact.html.

用 Google Form 的好處是當你要修改表單時, 直接在Google Form上修改即可, 不需要再重貼一次程式碼. 非常方便.

設定email自動通知

當有訪客填寫完表單後, 讓Google Forms自動寄出通知信函, 這樣才可以即時回覆訪客的提問.

設定方法很簡單, 在Google Forms後台→[回覆]→[more]三個點→[有新回應時透過電子郵件通知我]
接下來, 只要有訪客提交連絡表單, 你便會收到一封由Google表單寄出的自動通知信提醒你, 這樣便可在最短時間內回覆訪客提問了.

相關文章:

  • 在文章裡加入一個多層次的目錄索引在文章裡加入目錄索引不僅有助於訪客在短時間內尋找到需要的內容, 同時因為可以降低跳出率, 增長訪客網站停留時間, 所以也有助於 SEO . 如果文章太長,一般人可能沒耐性看完全文,如果能有個目錄索引在一開頭顯示該文的大綱,訪客就可以依據自己的需要點擊下去看相關內容。 … [繼續閱讀]
  • 為自己的網站加一個網站地圖/目錄索引 當一個部落格擁有了超過了100篇的文章, 和使用超過了5種以上的分類時, 即便是格主本身有時都會發現文章難尋啊. 再加上如果一開始在為文章加標籤時缺乏一個全面性的規劃, 有時為了找一篇自己已發佈的文章都覺得滿費時的, 對訪客而言, 將是更加的困難了. 本篇將介紹幾種不同類型… [繼續閱讀]
  • 免費的客製化連絡表單 h5{ font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; border-radius:5px 50px; /*原設100px, 把標籤的四個直角變圓, 現在改成對角線圓*/ -… [繼續閱讀]
  • 請我喝杯咖啡吧!  這是另一個類似"LikeCoin"的一種獎勵創作者和部落客的方式. 比起"LikeCoin"這個"Buy me a coffee"又更加方便也更加友善了. 不像"LikeCoin"在操作上有一個很大的問題, 那就是訪客本身要先註冊"LikeCoin"才能給你拍拍手.&nbs… [繼續閱讀]
  • 在Blogger裡加入一個快速回到頂端的按鈕如何在Blogger裡加入一個快速回到頁首上方的按鈕? 請看實例. 做法非常簡單:首先, 在Blogger後台, 按下[版面配置]→[+新增小工具]→選擇[HTML/JavaScript]→然後在內容框內貼入下方提供的程式碼→再按下[儲存]鍵即可.貼入下方的程式碼到內容框內:程式碼中黃色部份可以自行… [繼續閱讀]

0 留言:

張貼留言

顯示表情符號