วิธีที่ดีที่สุดในการเพิ่มแบบฟอร์มการติดต่อไปยัง WordPress โดยใช้แบบฟอร์ม WP และแบบฟอร์มการติดต่อ7

เผยแพร่แล้ว: 2021-01-14

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

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

ในตอนท้ายของบทความนี้ คุณจะรู้ว่า:

  • แบบฟอร์มการติดต่อกับการส่งอีเมลโดยตรง: อันไหนดีกว่ากัน?
  • 2 วิธีในการเพิ่มแบบฟอร์มการติดต่อไปยัง WordPress
    • การใช้ WPForms
    • การใช้แบบฟอร์มการติดต่อ 7

แบบฟอร์มการติดต่อกับการส่งอีเมลโดยตรง: อันไหนดีกว่ากัน?

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

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

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

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

ประทับใจว่าแบบฟอร์มการติดต่อมีประโยชน์อย่างไร? จากนั้น มาดูวิธีเพิ่มแบบฟอร์มการติดต่อไปยังไซต์ WordPress กัน

2 วิธีในการเพิ่มแบบฟอร์มการติดต่อไปยัง WordPress

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

การใช้ WPForms

กระบวนการเพิ่มแบบฟอร์มการติดต่อใน WordPress โดยใช้ WPForms โดยทั่วไปมี 5 ขั้นตอน:

  • ขั้นตอนที่ 1: ติดตั้ง WPForms
  • ขั้นตอนที่ 2: สร้างแบบฟอร์มการติดต่อ
  • ขั้นตอนที่ 3: ตั้งค่าการแจ้งเตือนแบบฟอร์มและการตั้งค่าการยืนยัน
  • ขั้นตอนที่ 4: เพิ่มแบบฟอร์มการติดต่อในหน้า WordPress
  • ขั้นตอนที่ 5: ฝังแบบฟอร์มการติดต่อลงในแถบด้านข้าง

กระโดดไปกันเถอะ!

ขั้นตอนที่ 1: ติดตั้ง WPForms

  • ก่อนอื่น เปิดแดชบอร์ด WordPress ของคุณ ไปที่ "ปลั๊กอิน" เลือก "เพิ่มใหม่"
  • ค้นหา "WPForms" ในช่องค้นหาแล้วคลิกปุ่ม "Install Now"
    ดาวน์โหลดและติดตั้ง WP Forms
  • เมื่อการติดตั้งเสร็จสิ้น คลิก “เปิดใช้งาน”

ขั้นตอนที่ 2: สร้างแบบฟอร์มการติดต่อ

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

ขั้นตอนที่ 3: ตั้งค่าการแจ้งเตือนแบบฟอร์มและการตั้งค่าการยืนยัน

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

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

ขั้นตอนที่ 4: เพิ่มแบบฟอร์มการติดต่อไปยังหน้า WordPress

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

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

ขั้นตอนที่ 5: ฝังแบบฟอร์มการติดต่อลงในแถบด้านข้าง (ไม่บังคับ)

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

การใช้แบบฟอร์มการติดต่อ 7

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

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

ทันทีที่การติดตั้งเสร็จสิ้น คุณก็พร้อมแล้ว!

เราจะแนะนำคุณผ่าน 4 ขั้นตอนที่ตรงไปตรงมา:

  • ขั้นตอนที่ 1: สร้างแบบฟอร์มการติดต่อของคุณ
  • ขั้นตอนที่ 2: แก้ไขการตั้งค่าอีเมลและข้อความในแบบฟอร์ม
  • ขั้นตอนที่ 3: เพิ่มแบบฟอร์มการติดต่อไปยังไซต์ WordPress
  • ขั้นตอนที่ 4: แทรกแบบฟอร์มการติดต่อลงในแถบด้านข้าง (ไม่บังคับ)

ขั้นตอนที่ 1: สร้างแบบฟอร์มการติดต่อของคุณ

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

พิมพ์ชื่อแบบฟอร์มสำหรับติดต่อแบบฟอร์ม7

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

ขั้นตอนที่ 2: แก้ไขการตั้งค่าอีเมลและข้อความในแบบฟอร์ม

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

ขั้นตอนที่ 3: เพิ่มแบบฟอร์มการติดต่อไปยังไซต์ WordPress

เมื่อคุณกำหนดค่าแบบฟอร์มเสร็จแล้ว ก็ถึงเวลาเพิ่มลงในไซต์ของคุณ

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

ขั้นตอนที่ 4: แทรกแบบฟอร์มการติดต่อลงในแถบด้านข้าง (ไม่บังคับ)

ขั้นตอนการเดินเค้กนี้จะไม่ทำให้คุณใช้เวลามากนัก

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

พร้อมที่จะสร้างแบบฟอร์มติดต่อของคุณแล้วหรือยัง

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

ในบทความนี้ เราได้กล่าวถึงวิธีการสร้างและเพิ่มแบบฟอร์มการติดต่อไปยังไซต์ WordPress โดยใช้ WPForms และ Contact Form 7 ระหว่าง 2 ตัวเลือกที่มีให้ คุณชอบแบบไหนมากกว่ากัน

กรุณาแบ่งปันความคิดของคุณในความคิดเห็นด้านล่าง!

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