วิธีรับประโยชน์สูงสุดจากแบบฟอร์มการติดต่อ 7

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

สมัครสมาชิกช่อง Youtube ของเรา

แบบฟอร์มติดต่อ 7: ภาพรวมโดยย่อ

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

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

ตัวอย่างเช่น เทมเพลตฟอร์มผู้ติดต่อเริ่มต้นมี 4 ฟิลด์:

• ชื่อ
• อีเมล
• เรื่อง
• ข้อความ

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

ตัวเลือกค่อนข้างตรงไปตรงมา แต่คู่สามีภรรยาอาจต้องการคำชี้แจง

1. ชื่อ: ฟิลด์นี้มีไว้สำหรับคุณเท่านั้น คุณใช้ทั้งเพื่อระบุแบบฟอร์มในรายการองค์กรของคุณ และในรหัสย่อเพื่อบอกแบบฟอร์มติดต่อ 7 ว่าคุณต้องการแสดงฟิลด์รายการโทรศัพท์ใด
2. ค่าเริ่มต้น: ค่านี้จะเป็นสิ่งที่อยู่ในฟิลด์โดยค่าเริ่มต้น หากคุณต้องการแสดงให้พวกเขาเห็นว่าคุณต้องการจัดรูปแบบตัวเลขอย่างไร
3. แอตทริบิวต์ ID: หากคุณต้องการจัดรูปแบบฟิลด์นี้ด้วย CSS ให้ระบุ ID ที่นี่
4. แอตทริบิวต์คลาส: คลาส CSS สำหรับฟิลด์โทรศัพท์ของคุณทั้งหมด หรืออาจเป็นฟิลด์ทั่วไป อย่างไรก็ตาม คุณทำแบบแผนการตั้งชื่อคลาสของคุณขึ้นอยู่กับคุณ
5. รหัสย่อ: แบบฟอร์มการติดต่อ 7 จะเติมค่าทั้งหมดตามที่คุณใช้งาน ดังนั้นคุณจึงสามารถคัดลอกโค้ดหรือกด แทรกแท็ก เพื่อดำเนินการให้เสร็จสิ้นได้ หากคุณต้องการแก้ไขในภายหลังในแบบฟอร์ม คุณสามารถทำได้เพราะข้อมูลทั้งหมดอยู่ที่นี่ และคุณไม่จำเป็นต้องทำสิ่งใดอีก รหัสสุดท้ายจะมีลักษณะดังนี้ [[tel contact-phone-1 id:phone-1 class:phone placeholder “1 (931) 762-0897”]]

แต่ละแท็กที่คุณมีโดยค่าเริ่มต้นทำงานในลักษณะนี้

แท็บอื่นๆ: เมลและข้อความ

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

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

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

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

ส่วนขยายการติดต่อ 7 อันดับแรกของแบบฟอร์ม 7 อันดับแรก

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

1. ฟิลด์เงื่อนไขสำหรับแบบฟอร์มการติดต่อ 7

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

2. โปรแกรมเสริม PayPal & Stripe

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

3. CAPTCHA ง่าย ๆ จริง ๆ

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

4. แบบฟอร์มติดต่อ 7 สกิน

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

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

ราคา: ฟรี พร้อมอัปเกรดพรีเมียม | ข้อมูลมากกว่านี้

5. CF7 ระบบตอบรับอัตโนมัติ (พรีเมียม)

หากคุณเก็บรายชื่ออีเมลไว้ (และเราเกือบจะแน่ใจว่าคุณทำเช่นนั้น) ส่วนขยาย Contact Form 7 ระดับพรีเมียมนี้อาจเป็นสิ่งที่ควรพิจารณา บริการตอบกลับอัตโนมัติของอีเมลจำนวนมากมีการรวมส่วนหน้าน้อยกว่าตัวเอกกับเว็บไซต์ วิดเจ็ตและ API ของพวกเขาอาจสร้างความสับสนได้ในบางครั้ง ดังนั้น CF7 Autoresponder จะช่วยให้คุณใช้ปลั๊กอินอันทรงพลัง ซึ่งคุณได้จัดรูปแบบให้เข้ากับไซต์ของคุณแล้ว และยังคงสร้างและจัดเก็บลีดทั้งหมดที่คุณต้องการด้วยบริการอีเมลที่คุณต้องการ เพียง $ 18 ใน CodeCanyon มันเป็นการขโมยอย่างจริงจัง โดยเฉพาะอย่างยิ่งเนื่องจากใช้งานได้กับรูปแบบที่เป็นที่ยอมรับเช่นกัน ไม่ต้องสร้างอะไรขึ้นมาใหม่ เพียงตรวจสอบให้แน่ใจว่าสิ่งนี้รู้ว่ามีอยู่จริงและคุณกำลังอยู่ในธุรกิจ อย่างแท้จริง.

ราคา: $18 | ข้อมูลมากกว่านี้

6. ติดต่อแบบฟอร์ม 7 การจัดเก็บ (พรีเมี่ยม)

หากคุณต้องการได้รับประโยชน์สูงสุดจาก Contact Form 7 คุณต้องใช้ประโยชน์จากสิ่งนี้ทั้งหมดที่ติดตั้งบน WordPress CF7 Storage ทำให้การส่งแบบฟอร์มทั้งหมดของคุณถูกบันทึกลงในฐานข้อมูล WP ของคุณ หลายครั้งที่อีเมลหาย หรือเซิร์ฟเวอร์อีเมลอาจมีปัญหา และคุณพลาดโอกาสในการขายที่สำคัญ หรือแย่กว่านั้น อีเมลของคุณเริ่มทำเครื่องหมายการส่งจากเว็บไซต์ของคุณว่าเป็นสแปม/ขยะ (จากประสบการณ์...ที่แย่ที่สุด) ปลั๊กอินนี้แก้ไขได้โดยให้กล่องจดหมายเข้าฝั่งเซิร์ฟเวอร์ของทุกการส่งจากแบบฟอร์มใดๆ ของคุณ ที่ $19 ซึ่งน้อยกว่าหนึ่งปีกับ Google One เราคิดว่าคุณจะเห็นด้วยว่าเป็นราคาเล็กน้อยสำหรับค่าสาธารณูปโภคประเภทนี้ (และความปลอดภัยโดยสุจริต)

ราคา: $19 | ข้อมูลมากกว่านี้

7. CF7 Drop Uploader (พรีเมียม)

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

ราคา: $17 | ข้อมูลมากกว่านี้

บทสรุป

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

นามสกุล Contact Form 7 ที่คุณชื่นชอบคืออะไร?

ภาพเด่นของบทความโดย Vitya_M / shutterstock.com