แบบฟอร์มการติดต่อ 7 รูปแบบ WordPress สำเร็จรูป

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

ทุกคนแนะนำอย่างเป็นเอกฉันท์ (สิ่งนี้ใช้กับเครื่องมือค้นหา) - คนฉลาดกล่าวว่า - แก้ไข css และอย่าหลอกใครเลย หยิบ Notepad แล้วดำเนินการต่อ มองไปข้างหน้าคนฉลาดพูดถูก

อย่างไรก็ตาม มีความอยากรู้อยากเห็นและมีการตัดสินใจทดสอบปลั๊กอินโดยละเอียดมากขึ้น ฉันเคยลองมาแล้ว แต่ดูเหมือนว่าจะน่าเบื่อและไม่สะดวกอย่างยิ่ง ปลั๊กอินไม่ได้รับการอัปเดตเป็นเวลา 11 เดือนแล้ว ซึ่งน่าเศร้า เว็บมาสเตอร์มากกว่า 6K เล็กน้อยเสี่ยงที่จะมอบแบบฟอร์มของพวกเขาให้กับเขา ซึ่งก็ไม่ใช่จำนวนมากเช่นกัน (ซึ่งฉันดาวน์โหลดเขาสี่หรือห้าครั้ง)

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

“การตั้งค่าทั่วไป” - คุณสามารถกำหนดสีพื้นหลัง ความกว้างของรูปร่าง (ตั้งค่าเป็น px, % ยังไม่ได้ลอง) ความหนาของเส้นขอบ รูปร่าง (จุด ทึบ ฯลฯ) สี การปัดเศษ

“ การตั้งค่าอินพุตและป้ายกำกับ” - พื้นหลังของฟิลด์อินพุต, สีของฟอนต์อินพุต, ฟอนต์ (รายการมีขนาดไม่ใหญ่และแทบจะไม่มีอะไรเลยในซีริลลิก) และขนาดของมัน สีเส้นขอบของฟิลด์ ลักษณะ (เส้นประทึบ ฯลฯ) ความหนา การปัดเศษ แบบอักษรอินพุตและขนาดของมัน พารามิเตอร์ระยะขอบในหน่วย px - ความสูง/ความกว้าง, การเติม แบบอักษรของฉลาก สไตล์ ขนาด สี

“การตั้งค่าปุ่มส่ง” – การตั้งค่าสำหรับปุ่มส่งแบบฟอร์ม การตั้งค่าที่ใช้ได้ ได้แก่ ขนาดปุ่ม การปัดเศษ สี ประเภทเส้นขอบ และสีของเส้นขอบ

ปัญหาการใช้งาน.

หลังจากตรวจสอบการตั้งค่าแล้ว คุณสามารถสรุปได้ว่าทุกอย่างดีมาก - การฝึกฝนแสดงให้เห็นสิ่งที่ตรงกันข้าม มีการตั้งค่ามากมายจริงๆ แต่ยังไม่เพียงพอ - ไม่มีการตั้งค่าการเยื้องภายในแบบฟอร์ม ดังนั้นบล็อกทั้งหมดจะถูกรวบรวมไว้ที่ขอบด้านซ้ายใกล้กับขอบของแบบฟอร์ม การตั้งค่า "เริ่มต้น" แปลก ๆ - โดยที่ฟิลด์อินพุตคือ 100*100 px หากคุณตั้งค่าขนาดฟิลด์อย่างถูกต้อง สิ่งนี้จะไม่ส่งผลกระทบต่อรายการแบบเลื่อนลงและจะส่งผลต่อสไตล์ของธีมหลัก ไม่สามารถรีเซ็ตเป็นการตั้งค่าดั้งเดิมก่อนที่จะถอนการติดตั้งปลั๊กอิน...

จนถึงตอนนี้ นอกเหนือจากการเปลี่ยนสไตล์ด้วยตนเองแล้ว มันยังทำงานได้ไม่ดีไม่มากก็น้อย... ปาฏิหาริย์ยังไม่เกิดขึ้น

โน๊ตสำคัญ!ปลั๊กอินได้รับการอัปเดตเมื่อเร็ว ๆ นี้และมีการเปลี่ยนแปลงบางอย่างในการตั้งค่าค่อนข้างมาก ดังนั้นคุณต้องดูและทดสอบ

แบบฟอร์มการติดต่อ 7 สามารถจัดการแบบฟอร์มการติดต่อได้หลายรูปแบบซึ่งคุณสามารถปรับแต่งแบบฟอร์มและเนื้อหาอีเมลได้อย่างยืดหยุ่นด้วยรูปแบบที่ค่อนข้างเรียบง่าย แบบฟอร์มมีการสนับสนุนในตัวสำหรับการส่ง Ajax, CAPTCHA, ตัวกรองสแปม Akismet และอื่นๆ

เอกสารและการสนับสนุน

ภาพหน้าจอ

การติดตั้ง

1. อัปโหลดโฟลเดอร์ contact-form-7 ทั้งหมดไปยังไดเร็กทอรี /wp-content/plugins/
2. เปิดใช้งานปลั๊กอินจากหน้าปลั๊กอินในแดชบอร์ด WordPress ของคุณ

ในเมนูคอนโซล WordPress คุณจะพบแท็บ "คำติชม"

หากต้องการเรียนรู้วิธีใช้ปลั๊กอินอย่างถูกต้อง คุณสามารถไปที่หน้าแรกของปลั๊กอินได้

ผู้เข้าร่วมและนักพัฒนา

แบบฟอร์มติดต่อ 7 เป็นโครงการโอเพ่นซอร์ส ผู้ร่วมให้ข้อมูลต่อไปนี้มีส่วนช่วยในการพัฒนาปลั๊กอิน:

ผู้เข้าร่วม

บันทึกการเปลี่ยนแปลง

สำหรับข้อมูลเพิ่มเติม โปรดดูที่ การเผยแพร่

5.1.3

• แก้ไขข้อบกพร่องที่ทำให้ไม่สามารถยกเลิกการเลือกตัวเลือกในแท็บจดหมายได้

5.1.2

• ติดต่ออย่างต่อเนื่อง: แนะนำตัวเลือกรายชื่อผู้ติดต่อ
• การติดต่ออย่างต่อเนื่อง: มีการแนะนำการตั้งค่าเพิ่มเติม Constant_contact
• reCAPTCHA: แนะนำ wpcf7_recaptcha_actions และ wpcf7_recaptcha_threshold filter hooks

5.1.1

• reCAPTCHA: เปลี่ยนการตอบสนองต่อโทเค็นการตอบกลับที่ว่างเปล่า

5.1

• เปิดตัวโมดูลการรวม Constant Contact แล้ว
• โมดูล reCAPTCHA ได้รับการอัปเดตเพื่อรองรับ reCAPTCHA v3
• เพิ่มกฎสไตล์โหมดมืด

5.0.5

• แก้ไขปัญหาความไม่สอดคล้องกันระหว่าง get_data_option() และ get_default_option() ในคลาส WPCF7_FormTag
• ระงับข้อผิดพลาด PHP ที่เกิดขึ้นเมื่อเรียก unlink()
• แนะนำ wpcf7_is_file_path_in_content_dir() เพื่อรองรับค่าคงที่ UPLOADS

5.0.4

• ตั้งค่าอาร์กิวเมนต์ power_type อย่างชัดเจนในการเรียก register_post_type() เพื่อแก้ไขปัญหาเกี่ยวกับการยกระดับสิทธิ์โดยไม่ได้รับอนุญาต
• ไฟล์แนบในเครื่อง - ห้ามระบุเส้นทางที่แน่นอนไปยังไฟล์ที่อยู่นอกไดเร็กทอรี wp-content
• เครื่องมือตรวจสอบการกำหนดค่า - เพิ่มองค์ประกอบทดสอบเพื่อตรวจจับการตั้งค่าไฟล์แนบที่ไม่ถูกต้อง
• แก้ไขข้อบกพร่องในคุณลักษณะความเข้ากันได้แบบย้อนหลังของ JavaScript สำหรับ เบราว์เซอร์ที่ล้าสมัยซึ่งไม่รองรับแอตทริบิวต์ตัวยึดตำแหน่ง HTML5
• ช่องทำเครื่องหมายยินยอม - ปิดใช้งานฟังก์ชันห้ามจัดเก็บของแท็กแบบฟอร์ม

5.0.3

• CSS: ใช้รูปแบบเคอร์เซอร์ "ไม่อนุญาต" เพื่อส่งปุ่มในสถานะ "ปิดใช้งาน"
• ช่องทำเครื่องหมายการยอมรับ: แก้ไข UI ตัวสร้างแท็กเพื่อสนับสนุนการใช้ตัวเลือกที่ดีกว่าในแง่ของการปกป้องข้อมูลส่วนบุคคล
• แนะนำฟังก์ชัน wpcf7_anonymize_ip_addr()
• เปิดตัวตัวเลือกยินยอม_สำหรับ:การจัดเก็บสำหรับแท็กแบบฟอร์มทุกประเภท

5.0.2

• เพิ่มส่วนประกาศความเป็นส่วนตัวในไฟล์ readme.txt
• อัปเดตเนื้อหาเมตาบ็อกซ์ข้อมูล
• ใช้ get_user_locale() แทน get_locale() ในกรณีที่เหมาะสมกว่า
• ช่องทำเครื่องหมายการยอมรับ: รีเซ็ตสถานะปิดใช้งานของปุ่มส่งหลังจากส่งสำเร็จ

5.0.1

• แก้ไขการใช้ _n() ที่ไม่ถูกต้อง
• การตรวจสอบการกำหนดค่า: แก้ไขจำนวนการแจ้งเตือนที่ไม่ถูกต้องในแผงแท็บการตั้งค่าเพิ่มเติม
• การตรวจสอบการกำหนดค่า: แก้ไขการปฏิบัติที่ไม่เหมาะสมสำหรับแท็กอีเมลพิเศษ [_site_admin_email] ในช่องส่วนหัวของอีเมลจาก
• ช่องทำเครื่องหมายการยอมรับ: แอตทริบิวต์คลาสและรหัสที่ระบุถูกนำไปใช้กับองค์ประกอบ HTML ที่ไม่ถูกต้อง
• การตรวจสอบการกำหนดค่า: เมื่อมีส่วนหัวเมลเพิ่มเติมสำหรับกล่องจดหมาย เช่น Cc หรือ Reply-To แต่มีค่าว่างที่เป็นไปได้ ข้อผิดพลาด “ใช้ไวยากรณ์กล่องจดหมายไม่ถูกต้อง” จะถูกส่งกลับ
• ระบุพารามิเตอร์ที่สี่ของ add_action() อย่างชัดเจนเพื่อหลีกเลี่ยงการส่งผ่านค่าพารามิเตอร์ที่ไม่ได้ตั้งใจ
• ตรวจสอบว่าไดเร็กทอรีเป้าหมายว่างเปล่าก่อนที่จะลบไดเร็กทอรี

5.0

• การตั้งค่าเพิ่มเติม: on_sent_ok และ on_submit ถูกลบออกแล้ว
• การตั้งค่าเพิ่มเติมใหม่: skik_mail
• นกฟลามิงโก: เปลี่ยนชื่อช่องขาเข้าร่วมกับการเปลี่ยนแปลงชื่อเรื่องของแบบฟอร์มการติดต่อที่เกี่ยวข้อง
• เหตุการณ์ DOM: ทำให้ออบเจ็กต์การตอบสนอง API ทั้งหมดสามารถเข้าถึงได้ผ่านคุณสมบัติ event.detail.apiResponse
• เมล HTML: เพิ่มคุณลักษณะที่เกี่ยวข้องกับภาษาให้กับส่วนหัว HTML
• การอัพโหลดไฟล์: ตั้งค่าแอตทริบิวต์การยอมรับให้กับฟิลด์การอัพโหลด
• แนะนำคลาส WPCF7_MailTag
• อนุญาตให้คุณยกเลิกการพยายามส่งอีเมลโดยใช้ฮุกแอ็คชัน wpcf7_before_send_mail นอกจากนี้ คุณยังสามารถตั้งค่าสถานะและข้อความที่กำหนดเองได้ผ่านทางตัวสกัดกั้นการกระทำ
• ช่องทำเครื่องหมายการยอมรับ: อนุญาตให้ระบุคำสั่งเงื่อนไขในส่วนเนื้อหาของแท็กแบบฟอร์ม
• ช่องทำเครื่องหมายการยอมรับ: รองรับตัวเลือกเสริม
• แท็กเมลพิเศษใหม่: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_nickname] และ [_user_display_name]
• hooks ตัวกรองใหม่: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_($type) และ wpcf7_mail_tag_replaced_($type)
• คุณสมบัติแท็กแบบฟอร์มใหม่: คอนเทนเนอร์แบบควบคุมเป็นศูนย์และไม่ใช่สำหรับเมล

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

ดูเหมือนว่าจะไม่มีปัญหาในความเป็นจริง แต่เจ้าของเว็บไซต์บางรายต้องการแบบฟอร์มคำติชมมากกว่าหนึ่งแบบ ซึ่งไม่เพียงแต่จะอยู่ในหน้า “คำติชม” หรือ “ติดต่อ” เท่านั้น แต่ยังอยู่ในหน้าหรือโพสต์อื่นๆ ด้วย

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

คำอธิบายปลั๊กอิน

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

นอกจากนี้คุณยังสามารถเชื่อมต่อปลั๊กอิน Akismet เข้ากับปลั๊กอินเพื่อป้องกันสแปม นำไปใช้งาน และใช้ฟังก์ชันหลายภาษาได้อีกด้วย ในความคิดของฉันมันเจ๋งมาก! :-)

การติดตั้งปลั๊กอินแบบฟอร์มการติดต่อ 7

ปลั๊กอินได้รับการติดตั้งด้วยวิธีมาตรฐานใน WordPress ไปที่ส่วน "ปลั๊กอิน" - "เพิ่มใหม่" ป้อนชื่อแบบฟอร์มติดต่อ 7 และติดตั้งจากพื้นที่เก็บข้อมูล อย่าลืมเปิดใช้งานทันทีหลังการติดตั้ง

การตั้งค่าแบบฟอร์มการติดต่อ 7

หลังจากเปิดใช้งานปลั๊กอิน รายการใหม่ “ผู้ติดต่อ (CF7)” จะปรากฏในเมนูหลักของ WordPress นี่คือที่หลักสำหรับการตั้งค่าแบบฟอร์มคำติชมของคุณ จำนวนแบบฟอร์มไม่จำกัด

รายการแบบฟอร์มที่มีอยู่ในส่วน "แบบฟอร์มติดต่อ":

ที่นี่คุณสามารถคัดลอกรหัสย่อที่ต้องการเพื่อวางลงในหน้าหรือโพสต์:

การเพิ่มแบบฟอร์มตอบรับใหม่

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

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

แต่คุณสามารถเลือกภาษาใดก็ได้จากรายการ:

หลังจากคลิกปุ่ม "เพิ่มใหม่" ผู้ออกแบบฟอร์มจะปรากฏขึ้น

การเปลี่ยนชื่อแบบฟอร์ม

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

หลังจากนี้ฟิลด์ข้อความจะปรากฏขึ้นโดยเราป้อนชื่อพร้อมคำอธิบาย:

เมื่อรีเฟรชเพจแล้ว คุณจะเห็นข้อความต่อไปนี้:

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

การเปลี่ยนเทมเพลตฟอร์ม

เทมเพลตฟอร์คือโค้ด HTML ธรรมดาที่กำหนดลักษณะที่ปรากฏของฟอร์มของคุณ ตามค่าเริ่มต้น จะมี 4 ฟิลด์ (ชื่อ อีเมล หัวเรื่อง และข้อความ) และปุ่มส่งแบบฟอร์ม ดูเหมือนว่านี้:

คุณสามารถสลับบล็อกได้โดยเพียงแค่ตัดและวางโค้ดที่ใดก็ได้
ตัวอย่างเช่น เราสามารถสลับช่องที่อยู่อีเมลและชื่อลูกค้าได้:

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

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

วิธีเพิ่มฟิลด์ใหม่ให้กับแบบฟอร์ม

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

เมื่อคลิก รายการฟิลด์เพิ่มเติมที่เป็นไปได้จำนวนมากจะปรากฏขึ้น:

สิ่งที่คุณต้องทำคือเลือกประเภทของฟิลด์ที่คุณต้องการและทำตามขั้นตอนง่ายๆ มากมาย

ไม่ต้องตกใจ แม้ว่าการตั้งค่าจะดูน่ากลัว แต่จริงๆ แล้วมันก็ง่ายมาก :-)

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

นอกจากนี้ ช่องแบบฟอร์มของเราหลายช่องมีการตั้งค่าชื่อ รหัสองค์ประกอบ และคลาส CSS เหมือนกัน ซึ่งคุณสามารถเปลี่ยนรูปลักษณ์ของช่องเหล่านี้ได้ มีอยู่ในเกือบทุกสาขา:

เขตข้อมูล "ชื่อ" มีความสำคัญที่สุด โดยจะใช้ทั้งในเทมเพลตฟอร์มและเทมเพลตจดหมาย

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

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

นอกจากนี้ ช่องเฉพาะ เช่น URL หรือช่องอื่นๆ ที่ไม่ใช่ข้อความธรรมดา จะมีการตั้งค่าพิเศษของตัวเอง ตัวอย่างเช่น ช่อง URL ของเรามีการตั้งค่าเพิ่มเติม:

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

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

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

เพื่อให้ค่าของฟิลด์นี้ส่งถึงเราทางอีเมล จะต้องคัดลอกค่านี้:

และวางลงในช่องข้อความด้านล่างใน "เทมเพลตอีเมล":

ฟิลด์อื่นๆ จะถูกเพิ่มในทำนองเดียวกัน ทุกอย่างเรียบง่ายและชัดเจน :-)

ผู้รับและแม่แบบจดหมาย

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

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

ฉันคิดว่าคุณสังเกตเห็นแล้วว่าแบบฟอร์มเหล่านี้ใช้รหัสที่เข้าใจยาก เช่น , . ดังนั้น นี่คือฟิลด์ “ชื่อ” เดียวกับจากตัวสร้างฟิลด์ที่ฉันกล่าวถึงข้างต้น:

สิ่งที่คุณต้องทำคือจัดเทมเพลตของจดหมายให้เรียบร้อย:

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

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

การตั้งค่าข้อความ

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

ปัญหาที่ทราบ

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

คุณไม่เห็นเหรอ? และฉันจะแสดงให้คุณเห็นอย่างใกล้ชิด:

โดยทั่วไป ปัญหาคือลักษณะของช่องดังกล่าวจะแตกต่างจากช่องข้อความมาตรฐานอย่างเห็นได้ชัด เปรียบเทียบกับช่อง "ชื่อของคุณ" คุณจะเข้าใจทุกอย่างทันที

มีวิธีแก้ไขที่เป็นไปได้สองวิธีที่นี่ สิ่งแรกคือการเพิ่มสไตล์ที่เหมาะสมให้กับไฟล์ style.css ของธีมของคุณ หรือเปลี่ยนประเภท URL เป็นข้อความในเทมเพลตฟอร์ จากนั้นทุกอย่างจะเรียบร้อย:

บทสรุป

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

แน่นอนว่าจะต้องมีคนที่ไม่ประสบความสำเร็จหรือต้องการแนะนำปลั๊กอินอื่นที่คล้ายคลึงกันเพื่อประกอบการพิจารณาอย่างแน่นอน ฉันยินดีเสมอที่จะถามคำถามและข้อเสนอแนะ! อย่าลังเลที่จะถามพวกเขาในความคิดเห็น :-)

หากคุณต้องการขอบคุณฉันสำหรับเนื้อหา คุณสามารถทำได้ที่นี่ :-)

หากคุณพบข้อผิดพลาด โปรดเน้นข้อความและคลิก Ctrl+ป้อน.