Elementor多步驟表格製作(Pro專屬)

Elementor多步驟表格製作(Pro專屬)

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on email
Email

文章目錄

萬眾期待!Elementor多步驟表格終於降臨付費的Pro版本,讓用家通過自家拖拽式表格編輯器,設計出更符合用家體驗的表格。

簡介

以往Elementor Pro的表格製作插件,若用來應付詳細資料索取,往往會因為過於臃長而減低用戶的體驗。從v2.10更新開始,EP終於為該插件添加了多步驟功能 – “Elementor多步驟表格”,讓用家投遞表格變得更簡單、清晰。

如何創建Elementor多步驟表格

先看看在多步驟功能出現前,表格EP生成的表格效果:

現在我們利用“多步驟”功能改善表格。首先我們點選編輯表格UI。

首先按 “Add Item”新增內容格。

screenshot-oblivions.net-2020.06.16-19_28_12

把內容格類型設為“Step”,此時你可移動你生成的內容格到適當的位置,形成分區。而同時地,表格頂端會馬上會自動生成了一個“Item#1”,代表步驟一。

screenshot-oblivions.net-2020.06.16-19_31_25-e1592313558481

現在,你可為自動生成的“Item#1”、你新增的“Step”內容格取名,用以區分每個區間的性質。有需要的話,可增加更多的區間。我的例子中,可看見我新增了2個“Step”內容格(即人手添加)。

screenshot-oblivions.net-2020.06.16-21_14_07

完成!一起看看效果:

總結

自從Elementor Pro的表格插件出現後,一般通信用表單,我不必再依賴諸如WPForm、Gravity Form等昂貴的表格插件,因為EP自家表格不論設計還是應用均超便利,我不必再來來回回的穿梭各頁面作修改!

而對於新增的多步驟選項,好處是:

  • 能有效提升用戶體驗;
  • 增加潛在客戶及轉化率;

各位不妨設計一下專屬的Multi-Step Form!

值得一提的是,EP表格為人詬病的地方,是欠缺條件設置(Conditional),而好消息是,Elementor竟然在自家博客提到了此功能將於日後推出!這是多麼令粉絲興奮的事情啊!

Oblivions 站長 | Lau B
各位網友大家好,我是 Lau B!業餘網站設計愛好者,從2016年接觸 WordPress 及 Avada 主題,到現在移情別戀深愛 Elementor,我希望在這裡分享一些華語地區相對缺乏的 Elementor 及其第三方外掛的使用教學予各位有志建站的新手老手。
Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on email
Email

歡迎留言

相關教學

WordPress 建站

託管主機

SiteGround

超值、優質,而且最近S家把整個服務搬進了 Google Cloud Platform,整體性能更變態、反應速度更高了。

SiteGround

新手最佳入門網頁寄存主機

查看最新優惠

WordPress 主題

Elementor Pro

我曾經購買過5款知名,在今天,包括這個網站在內的4個經營網站,我全把網站們都轉為了Elementor Pro + Hello Theme。別糾纏在那些“全能”的主題了,

Elementor Pro

它不便宜,卻是新手最值得投資的頁面編輯器。而且它包含了很多示範模板,極速美化你的網站!

查看更多

必備插件

Crocoblock 插件

作為Elementor Pro的最佳功能補充插件,Crocoblock提供價廉物美的插件包,進一步完善你的網頁功能。

Crocoblock 插件

通過本網頁的教學,新手輕鬆掌握Crocoblock插件的各種功能!

馬上購買

重要告示

感謝大家的光臨!為了讓各位擁有更好的瀏覽體驗,我正重新設計網站,並將本教學網站搬到全新的域名和寄存。開發完成後,我便會把相關資料在此告知大家。閣下亦可在以下表格留下你的電郵,當有最新消息便第一時間告訴你!