這個外掛可以使用 shortcode 來嵌入 google 表單,

但是看起來卻又不像 google 表單,而且還可以自定義樣式,修改css。

 

一、外掛下載

Google Forms Plugin

 

 

二、ShortCode寫法

第一種:

 [wpgform id='<Google Form CPT Id>'] 

例如:[wpgform id='1360']

 

第二種:

 [gform form='<full_url_to_form>']  

例如:[gform form='https://docs.google.com/forms/d/e/1FAIpQLSfJSMlniUtOMKeDR5vIZS3UeQQdgPcdwz5foDyAB6nkUHKRHA/viewform?hl=zh_TW']

PS:請使用舊版Google的表單連結

 

 

三、將新版轉為舊版google連結

新版Google表單右下角有一個 "問號" 的小圖示,點下去之後選擇【返回舊版表單】

 

四、後台設定

1. 【Google Forms】 > 【Add New Google Form】

﹡連結寫法參考:

https://docs.google.com/forms/d/e/1FAIpQLSfJSMlniUtOMKeDR5vIZS3UeQQdgPcdwz5foDyAB6nkUHKRHA/viewform?hl=zh_TW

 

2. 複製 ShortCode 代碼 貼到你要顯示的頁面位置或是小工具

 

 

五、優缺點

1. 優點

  • 可以使用CSS修改Google表單樣式,可以讓人看不出來是Google表單。
  • 區塊式的問題頁面也可以,可應用在問卷或測驗。官方展示>

 

2. 缺點

  • 新版Google表單不適用。

 

 

六、DEMO

↓ Wordpress頁面的部分 ↓

(還沒調整排版只有先修改了提示字的大小來測試)

 

 

↓ Google表單的部分 ↓

 

 

arrow
arrow

    蘇姵欣 PeiSu 發表在 痞客邦 留言(0) 人氣()