วิธีการติดตั้งแบบฟอร์มการติดต่อ 7 บนเว็บไซต์ WordPress ของคุณ

Contact Form 7 เป็นหนึ่งในปลั๊กอินที่ได้รับความนิยมมากที่สุดใน WordPress ใช้สำหรับสร้างและจัดการแบบฟอร์ม เจ้าของไซต์ WordPress กว่าห้าล้านคนได้ติดตั้งปลั๊กอินนี้เพื่อติดต่อกับผู้เยี่ยมชมไซต์ของตน

คุณลักษณะเฉพาะอย่างหนึ่งของ Contact Form 7 คือความเรียบง่าย และเป็นหนึ่งในสาเหตุหลักที่ทำให้เจ้าของเว็บจำนวนมากติดอยู่กับมัน แม้ว่าจะมีการแนะนำปลั๊กอินแบบฟอร์มการติดต่อที่ชาญฉลาดและครอบคลุมมากขึ้น ติดตั้งและปรับแต่งได้ง่ายโดยไม่ต้องมีประสบการณ์มาก่อน

ในบทความนี้ เราจะมาดูขั้นตอนง่ายๆ ในการติดตั้ง Contact Form 7 บนเว็บไซต์ WordPress ของคุณ

ทำไมต้องใช้แบบฟอร์มติดต่อ7

ด้วยปลั๊กอินแบบฟอร์มการติดต่อสำหรับ WordPress ที่มีอยู่มากมายในตลาด ทำไม Contact form 7 ถึงได้รับความนิยม? ทำไมเจ้าของเว็บไซต์ WordPress หลายคนถึงชอบมากที่สุด? คำตอบนั้นค่อนข้างง่าย แบบฟอร์มการติดต่อ 7 ใช้งานง่ายและมีประสิทธิภาพมาก

นอกเหนือจากความเรียบง่ายและฟังก์ชันที่น่าประทับใจแล้ว ยังมีคุณสมบัติมากมายที่จัดให้อยู่ในระดับสูงในหมู่เพื่อนฝูง ให้เราดูคุณสมบัติเหล่านี้โดยสังเขป

• ปรับแต่งได้ง่าย

ไม่มีใครต้องการแบบฟอร์มที่ดูน่าเบื่อบนหน้าเว็บของพวกเขา ทุกคนต้องการสิ่งที่น่าดึงดูดและยืดหยุ่นในการปรับแต่ง แบบฟอร์มการติดต่อ 7 ให้อิสระแก่คุณในการปรับแต่งแบบฟอร์มของคุณตามที่คุณต้องการ

• การป้องกันสแปม

ข้อความสแปมคือความหายนะของเจ้าของเว็บไซต์ คุณต้องปกป้องไซต์ของคุณจากข้อความสแปมอยู่เสมอ เนื่องจากข้อความเหล่านี้อาจทำให้คุณหงุดหงิดใจหากคุณอนุญาต ด้วย Contact Form 7 คุณไม่ต้องทำอะไรมาก ปลั๊กอินดูแลสแปมและเพิ่มพื้นที่เว็บของคุณ

• รองรับ CAPTCHA

เพื่อให้แน่ใจว่าข้อความอัตโนมัติจากบอทจะไม่อยู่ในเว็บไซต์ของคุณ ด้วยปลั๊กอินนี้ คุณสามารถมีเว็บไซต์ที่สามารถหายใจได้อย่างง่ายดายโดยไม่ต้องโหลดข้อความสแปม

• ว่าง

นี่เป็นหนึ่งในคุณสมบัติที่ใหญ่ที่สุดของแบบฟอร์มการติดต่อ 7 ซึ่งติดตั้งและใช้งานได้ฟรี ซึ่งทำให้เป็นตัวเลือกในทันทีสำหรับเจ้าของเว็บไซต์ใหม่จำนวนมาก

ขั้นตอนง่ายๆ ในการติดตั้งแบบฟอร์มติดต่อ 7

ตอนนี้เราได้ดูคุณลักษณะเฉพาะของแบบฟอร์มการติดต่อ 7 แล้ว ให้เราสำรวจขั้นตอนง่ายๆ ในการติดตั้งปลั๊กอินและช่วยให้คุณเริ่มต้นใช้งานได้แล้ว ทำตามขั้นตอนด้านล่างเพื่อติดตั้งและเปิดใช้งานปลั๊กอิน Contact Form 7 บนเว็บไซต์ WordPress ของคุณ:

ขั้นตอนที่หนึ่ง: ติดตั้งและเปิดใช้งานแบบฟอร์มการติดต่อ 7 บนไซต์ของคุณ สิ่งแรกที่ต้องทำคือติดตั้งปลั๊กอิน ไปที่ "ปลั๊กอิน" จากแดชบอร์ดของคุณและคลิกที่ "เพิ่มใหม่"

ขั้นตอนที่สอง: เรียกดูรายการเพื่อค้นหา “แบบฟอร์มการติดต่อ 7” คุณสามารถใช้คุณลักษณะการค้นหาเพื่อทำให้เร็วขึ้น คลิกที่ปุ่ม "ติดตั้งทันที" เพื่อติดตั้งเมื่อคุณพบ

ขั้นตอนที่สาม: หลังจากขั้นตอนการติดตั้ง หน้าต่างป๊อปอัปจะปรากฏขึ้น คลิกที่ปุ่ม "เปิดใช้งาน" จากหน้าต่างเพื่อเปิดใช้งานปลั๊กอิน ด้วยสองขั้นตอนง่ายๆ เหล่านี้ แบบฟอร์มการติดต่อ 7 ของคุณจะเปิดใช้งานและพร้อมสำหรับการใช้งานของคุณ

วิธีสร้างแบบฟอร์มของคุณ

เมื่อติดตั้งและเปิดใช้งานแบบฟอร์มการติดต่อ 7 ของคุณแล้ว ก็ถึงเวลาสร้างแบบฟอร์มแรกของคุณและเริ่มเชื่อมต่อกับผู้เยี่ยมชมไซต์ของคุณ ทำตามขั้นตอนด้านล่างเพื่อสร้างแบบฟอร์มของคุณ:

ขั้นตอนที่ 1: ไปที่ "ติดต่อ" จากแดชบอร์ด WordPress ของคุณและคลิกที่ "แบบฟอร์มการติดต่อ" คุณจะเห็นแบบฟอร์มติดต่อเริ่มต้นชื่อ "แบบฟอร์มการติดต่อ 1" หากคุณยังไม่พร้อมที่จะปรับแต่งแบบฟอร์มของคุณ คุณสามารถใช้ตัวเลือกเริ่มต้นได้

มันจะทำงานเหมือนกับแบบฟอร์มที่กำหนดเอง แต่ข้อแตกต่างเพียงอย่างเดียวคือมันอาจจะดูไม่เหมือนสิ่งที่คุณจะรัก หากต้องการใช้แบบฟอร์มทั่วไป ให้คัดลอกรหัสย่อที่สร้างขึ้นแล้ววางบนหน้าที่คุณต้องการให้แบบฟอร์มปรากฏ อย่างไรก็ตาม หากคุณต้องการสร้างแบบฟอร์มที่กำหนดเอง ให้คลิกที่ "เพิ่มใหม่" จากเมนู "ติดต่อ"

ขั้นตอนที่ 2: ในการสร้างแบบฟอร์มที่กำหนดเอง ให้ป้อนชื่อ/ชื่อเรื่องของแบบฟอร์มในช่องชื่อและคลิกที่ "บันทึก"

ขั้นตอนที่ 3: เพิ่ม HTML ที่เกี่ยวข้องสำหรับแบบฟอร์มการติดต่อในส่วน "แบบฟอร์ม" คุณสามารถใช้ปุ่มที่ตั้งไว้ล่วงหน้าที่แตกต่างกันเพื่อสร้างรหัสย่อสำหรับแท็กแบบฟอร์มทั่วไป

แท็กแบบฟอร์มที่กำหนดไว้ล่วงหน้าที่คุณจะพบในแบบฟอร์มการติดต่อ 7 ได้แก่ อีเมล, ข้อความ, หมายเลข, โทรศัพท์, URL, เมนูแบบเลื่อนลง, พื้นที่ข้อความ, วันที่, ปุ่มตัวเลือก, ช่องทำเครื่องหมาย, ไฟล์, แบบทดสอบ, การยอมรับ และส่ง ให้เราดูวิธีการแทรกสิ่งเหล่านี้

วิธีแทรกแท็ก

ในการเพิ่มฟิลด์หมายเลขโทรศัพท์ เช่น ให้วางเคอร์เซอร์ของคุณในตำแหน่งที่คุณต้องการให้ฟิลด์ปรากฏ คลิกที่ "โทร" ปุ่ม.

การดำเนินการนี้จะเปิดหน้าต่างป๊อปอัปและคุณสามารถปรับแต่งฟิลด์ได้จากที่นี่ หากคุณต้องการเพิ่มฟิลด์บังคับ ให้คลิกที่ช่อง "จำเป็น"

ซึ่งหมายความว่าผู้เข้าชมต้องกรอกข้อมูลในฟิลด์ก่อนจึงจะสามารถส่งแบบฟอร์มได้ ในฟิลด์ "ชื่อ" ให้สร้างชื่อสำหรับฟิลด์ที่สร้างขึ้นใหม่ คุณจะใช้ชื่อนี้เพื่อระบุฟิลด์ หากคุณเป็นผู้ใช้ที่มีประสบการณ์ คุณสามารถใส่สไตล์ลงในฟิลด์ด้วยโค้ด CSS

คุณสามารถตั้งค่าแอตทริบิวต์ Class หรือแอตทริบิวต์ ID หรืออะไรก็ได้ ในการดำเนินการนี้ โปรดดูฟิลด์ในสไตล์ชีตของคุณด้วยแอตทริบิวต์ Class หรือ ID เมื่อเสร็จแล้วให้คลิกที่ปุ่ม "แทรกแท็ก"

วิธีตั้งค่าแบบฟอร์มของคุณ

เมื่อคุณสร้างแบบฟอร์มและเพิ่มฟิลด์ทั้งหมดแล้ว สิ่งต่อไปคือการทำให้มันใช้งานได้ โดยทำตามขั้นตอนด้านล่าง:

ขั้นตอนที่ 1: คลิกที่แท็บ "จดหมาย" คุณจะกำหนดตำแหน่งและวิธีส่งข้อความจากแบบฟอร์มการติดต่อของคุณจากสถานที่นี้

ขั้นตอนที่ 2: ป้อนที่อยู่อีเมลที่คุณต้องการให้ส่งข้อความทั้งหมดจากแบบฟอร์มการติดต่อในช่อง "ถึง" โปรดทราบว่าฟิลด์ "จาก" เป็นแหล่งที่มาของอีเมล และนั่นคือที่ที่คุณจะได้รับรายละเอียดของผู้ส่งข้อความจากเว็บไซต์ WordPress ของคุณผ่านแบบฟอร์มการติดต่อ

หากต้องการดึงหัวเรื่องอีเมล ให้ใส่แท็กหัวเรื่องลงในช่อง "หัวเรื่อง" หากต้องการ คุณสามารถปล่อยให้ส่วน "เนื้อหาข้อความ" และ "ส่วนหัวเพิ่มเติม" เหมือนเดิม หรือคุณสามารถเพิ่มแท็กหรือข้อความอื่นๆ ได้หากต้องการ การตั้งค่าแบบฟอร์มของคุณเสร็จสมบูรณ์และพร้อมใช้งาน

คุณอาจต้องการให้แบบฟอร์มของคุณแสดงข้อความการเสร็จสิ้นเมื่อผู้ใช้ดำเนินการบนเพจของคุณเสร็จสิ้น ขอแนะนำหากคุณต้องการประสบการณ์การใช้งานที่ดี ตัวอย่างเช่น คุณอาจต้องการขอบคุณพวกเขาที่ติดต่อคุณหลังจากที่พวกเขาส่งแบบฟอร์มเรียบร้อยแล้ว

คุณอาจตัดสินใจใส่ข้อความแสดงข้อผิดพลาดเมื่อผู้ใช้ทำผิดพลาด ทั้งหมดนี้สามารถทำได้ในส่วน "ข้อความ" คุณจะเห็นข้อความเริ่มต้น แต่คุณสามารถเปลี่ยนได้ตามต้องการ เมื่อคุณทำการเปลี่ยนแปลงเสร็จแล้ว ให้คลิกปุ่ม "บันทึก" และแบบฟอร์มของคุณจะพร้อมใช้งาน

บทสรุป

โพสต์นี้กล่าวถึงวิธีที่คุณสามารถติดตั้ง Contact Form 7 บนเว็บไซต์ WordPress ของคุณและส่วนต่างๆ ที่สำคัญของแบบฟอร์มที่มีความสำคัญสำหรับคุณในฐานะผู้เริ่มต้น ด้วยวิธีนี้ คุณสามารถเริ่มรับข้อความจากผู้เยี่ยมชมเว็บไซต์ของคุณได้