สร้างฟอร์มง่ายๆด้วย Visforms

Tag :

สร้างฟอร์มง่ายๆด้วย Visforms

visforms เป็น Component ที่ไว้สำหรับสร้างฟอร์ม ต่างๆ มีการใช้งานที่ง่ายไม่ยุ่งยาก เราสามารถดึงฟอร์มมาแสดงผ่านทางเมนู หรือทางโมดูลก็ได้

 

ประเภท : Component / Module / Plugin

รองรับ จูมล่า : Joomla 3

ดาวน์โหลด : https://extensions.joomla.org/extensions/extension/contacts-and-feedback/forms/visforms/

ตัวอย่าง : https://www.vi-solutions.de/en/demo-registration-form

 

ก่อนอื่นเราต้องสร้าง Form ขึ้นมาก่อน โดยไปที่เมนู Compoent เลือกที่ Visforms จากนั้นคลิ๊กที่ New Form ดังรูปที่.1

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.1

จากนั้นให้เราใส่ชื่อ Title และ name ซึ่งในหน้านี้เรายังสามารถกำหนดในรายละเอียดเพิ่มเติม เช่น กำหนดการรับอีเมล์ การป้องกัน ต่างๆได้ด้วย ให้เราทำการ save ดังรูปที่.2

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.2

หลังจากที่เราทำการ save แล้ว สังเกตุด้านบนจะมีปุ่ม Field ขึ้นมา ให้เราคลิ๊กที่ปุ่ม field ได้เลย ดังรูปที่.3

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.3

เราก็จะมาในหน้าการสร้าง Field ต่างๆของฟอร์มได้จากหน้านี้ โดยให้เราคลฺีกที่ New ก็จะเข้ามาที่หน้า Visforms - Fields: [ New Field ] ดังรูปที่.4

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.4

ให้เรากำหนดชื่อ label ของ field นี้ และกำหนด name ( เป็นภาษษอังกฤษ ไม่เว้นวรรค) จากนั้นก็เลือกประเภทของ field จาก Type แล้วทำการ save เราก็จะได้ดังรูปที่.5

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.5

ให้เราสร้าง Field ตามที่เราต้องการนะครับ แต่สุดท้ายจะต้องมีปุ่ท field Type ประเภท Submit ดัวยนะครับ จะได้ดังรูปที่.6

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.6

จากนั้นให้เราไปเปิดการใช้งาน Module Visforms ดังรูปที่.7

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.7

ให้เราเลือกรายการฟอร์มตามที่เราสร้างไว้ และไปกำหนดการแสดงผลในหน้าเว็บที่แท็บ Menu Assignment ด้วยนะครับ จากนั้นก็ทำการ Save แล้วลองไปดูที่หน้าเว็บไซต์ เราก็จะได้ดังรูปที่.8

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.8

อย่าลืมไปกำหนดในส่วน Mail Option ด้วยนะครับว่าจะให้รับข้อมูลฟอร์ม ด้วยอีเมล์อะไรก็ให้ใสลงไปในส่วนของ Options for result mail และ Options for recipient mail ดังรูปที่.9

สร้างฟอร์มง่ายๆด้วย Visforms

รูปที่.9

ใน Visforms ยังสามารถกำหนดอะไรต่างๆให้เราได้ลองทดสอบกันได้อีกนะครับ เพื่อนๆก็ลองเล่นดูนะครับ เพื่อจะมีประโยชน์ให้กับเพื่อนๆบ้าง

หมายเหตุ : เราสามารถกำหนดให้เก็บค่ารายการเมล์ที่ส่งมาได้นะครับ และยังสามารถสร้างเป็นเมนูได้ด้วยครับ

 

ขอบคุณครับ
Webmaster JoomlaHitz.com (ริว)

รับทำเว็บไซต์  ดูแลเว็บไซต์  สอนทำเว็บไซต์ www.joomla-creative.com

 

 

Tag :

บทความอื่นๆ ที่น่าสนใจ

คุณอาจสนใจ

สถิติผู้เข้าชม

2.png3.png7.png6.png1.png5.png
Today103
Yesterday503
This week1360
This month6787
Total237615

ผู้เข้าชม

1
Online
22 สิงหาคม 2562