Visform.png

visforms 表單插件 使用教學

joomla 商店連結 https://extensions.joomla.org/extension/visforms/

官方 https://www.vi-solutions.de/en/documentations/visforms/documentation-visforms

 

若沒辦法安裝,可能是   visform 版本太舊

這邊示範版本為 3.11.1

路徑    元件  >    visform

Visform1.jpg

上圖為 visform 介面

 

左上角

Dashboard >> 可以看到這個掛件的功能

forms >> 直接看到 已經新增的 表單列表

 

Visform2.jpg

這邊可以查看已經新增的所有表單

 

 

Visform3.jpg

案新增後 來到上圖

Title 可以輸入中英文 可以辨別此表單的名字

Name 是表單的別名 只能英文或數字

 

 

Visform4.jpg

到 Result

要把 Save Result 改為 "是" 按存檔才能將更改結果存檔 ...

 

 

如果表單 需要【上傳圖片】這個功能的話

可以設定上傳圖 的路徑 方法為下

到FTP 資料夾那 新增你要的 資料夾

Visform5.jpg

我這邊示範 資料夾名稱 為 resource

你可以根據需要自己更改

 

 

Visform6.jpg

然後到  Advanced  拉到最底下 找到  Fileuploads

Visform7.jpg

將資料夾 名稱 填入 Uploaded Files Directory 裡面

其他更改想顯示的數據 就 自己按翻譯看囉

 

 

Visform8.jpg

回到 Forms 會看到 已經新增好的 表單

 

 

現在我們要去幫表單 新增 內容

點擊 Fields 進入你的表單新增你要的項目了

Visform9.jpg

點新增

Visform10.jpg

 

Visform11.jpg

Label 輸入 名稱 是讓前台 可以看到的

Name 這個項目的別名

Type 這個欄位的類型

** 右半邊Required 打勾 前台會顯示此項目 為必填

例如:

Text 讓使用者 填入 文字

password 密碼

email 電子郵件

URL 網址

file Upload 上傳圖片

select 下拉式選單 選取這個後 介面右半邊 Create Options List 可以新增你要的 項目

submit Button 送出的按鈕

 

如果要在前台顯示已經填完的資料的話

高級選項>> Display Data In Frontend

分別為下圖 設定

Visform12.jpg

到這邊基本上 我們已經將 表單都做完了

--------------------------------------------------------------------------------------------------------------------------

現在要讓他在前台顯示

去選單 > 網站 MAIN 新增 自己要的選單名稱

選擇 選單項目類型 *

指定為 visforms

※你的visforms若數量比我少,或缺少某些項目,可能需要去付費使用※

Visform13.jpg

確認 那個頁面要顯示什麼資料後

點擊 choose a form 可以顯示你要的表單

Visform14.jpg

 

按確定存檔後 前台就有囉

Visform15.jpg

 

-程偉晉 編輯

-劉嘉棋 編輯

-工作紀錄

    cheng 發表在 痞客邦 留言(0) 人氣()