👉การเพิ่ม Contact Fom ใน WordPress (YouTube Video)

ผู้โชคดีที่ได้รับรางวัลจาก Mojo Themes for WordPress Giveaway

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

นี่คือทั้งหมดที่คุณต้องรู้:

วิธีการเพิ่มรูปแบบการติดต่อพื้นฐานใน WordPress

– (หมายเหตุ: เครดิตวิดีโอสำหรับ Topher DeRosia – ผู้สร้าง HeroPress)

บันทึกวิดีโอ:

Hi! นี่คือ Topher กับ jaredritchey ในวิดีโอนี้ฉันจะแสดงให้คุณเห็นทีละขั้นตอนวิธีการใส่แบบฟอร์มติดต่อลงในเว็บไซต์ WordPress ของคุณ หากคุณทำตามขั้นตอนในตอนท้ายของวิดีโอคุณจะมีแบบฟอร์มติดต่อที่ใช้งานได้อย่างสมบูรณ์ ปลั๊กอินที่ฉันเลือกใช้คือ Caldera Forms และฉันเลือกด้วยเหตุผลหลายประการ หนึ่งคือว่าฟรี เหตุผลที่ฉันเลือกก็คือรูปแบบผลลัพธ์ที่ได้จะน่าสนใจมากและตอบสนองได้ ดังนั้นถ้าเว็บบนมือถือมีความสำคัญต่อคุณสิ่งนี้จะเหมาะสมกับคุณนี่เป็นเว็บไซต์ Caldera Forms แต่คุณสามารถดูได้ที่นี่ใน WordPress.org มาเริ่มกันเลย เราจะเริ่มต้นที่นี่ในพื้นที่ผู้ดูแลระบบของคุณ เราไปที่ปลั๊กอิน→เพิ่มใหม่และใต้ปลั๊กอินค้นหา "caldera" และนี่ก็เป็นสิทธิที่ด้านบน เราจึงคลิกติดตั้งเดี๋ยวนี้แล้วเปิดใช้งาน มีเราอยู่ มีการติดตั้ง Caldera Forms แล้ว ดังนั้นสิ่งต่อไปที่เราจะทำคือไปที่รายการเมนู Caldera Forms ที่นี่แล้วคลิกแบบฟอร์มที่ด้านบนของรายการ บริเวณด้านบนของหน้าคุณจะเห็นปุ่มรูปแบบใหม่และเป็นสีน้ำเงิน เราจะคลิกที่ จากนั้นเรามีตัวเลือกมากมายสำหรับรูปแบบต่างๆ มีแบบฟอร์มว่างฟอร์มการกำหนดราคาตัวแปรแบบฟอร์มการจองแบบง่ายๆ แต่ที่เราต้องการก็คือด้านบนซ้ายแบบฟอร์มติดต่อ ดังนั้นฉันจะคลิกที่ เราจะให้รูปแบบชื่อของเราไม่มีอะไรมากเกินไปแฟนซีเพียงแค่แบบฟอร์มการติดต่อและคลิกสร้างแบบฟอร์ม ตอนนี้เรามีแบบฟอร์มแล้ว ฉันจะให้คุณทัวร์อย่างรวดเร็วของมัน ที่นี่ในพื้นที่ผู้ดูแลระบบเขตข้อมูลฟอร์มด้านบนเป็นจริงในฟิลด์ HTML ธรรมดาและมีเพียงข้อความนี้เท่านั้น ถ้าเราต้องการกำจัดมันเราสามารถคลิก X นี้ที่ด้านบนซ้าย หากต้องการย้ายเราสามารถคลิกที่แถบทั้งสามด้านที่ด้านบนขวา ถ้าเราต้องการเพิ่มเข้าไปเราสามารถคลิกบวกที่ด้านล่างได้ที่นี่ และถ้าเราต้องการแยกออกและทำให้คอลัมน์สองคอลัมน์เราสามารถคลิกที่ไอคอนนี้ที่ด้านบน เดียวกันถือเป็นจริงของทุกสาขาเหล่านี้พวกเขาทั้งหมดมีไอคอนเล็ก ๆ น้อย ๆ เดียวกัน คนนี้ถูกแบ่งออกเป็นสามส่วนและมีทุ่งสามแห่งที่นั่น มีฟิลด์ HTML อื่นแล้วมีช่องคำถามความคิดเห็นและคำถามจากนั้นจะมีกล่องข้อความส่ง หากคุณคลิกที่เครื่องหมายเหล่านี้ในแต่ละที่มีดินสอเล็ก ๆ น้อย ๆ คุณสามารถคลิกและแก้ไขข้อมูลบางอย่างที่นี่ทางด้านขวา โชคดีที่คุณไม่ต้องการจริงๆ แบบฟอร์มติดต่อนี้กรอกข้อมูลในช่อง เราจำเป็นต้องกำหนดค่าที่จะได้รับการส่งอีเมลเมื่อมีคนกรอกข้อมูลดังกล่าวแม้ว่าเราจะคลิกอีเมลที่นี่ นี่คืออีเมล "จาก" ตอนนี้ถ้าคุณต้องการเปลี่ยนข้อมูลเพื่อให้อีเมลของคุณระบุที่อยู่ของบุคคลที่กรอกแบบฟอร์มที่คุณสามารถคลิกในฟิลด์ตอบอีเมลนี้ได้และนี่เรียกว่าเมจิกแท็ก ฉันจะคลิก "ที่อยู่อีเมล" และตอนนี้ช่องนี้จะถูกกรอกข้อมูลโดยอัตโนมัติจากฟิลด์ในแบบฟอร์มของคุณที่กรอกข้อมูลในที่อยู่อีเมล และคุณสามารถปล่อยให้ส่วนที่เหลือของฟิลด์เหล่านี้ทั้งหมดเป็นค่าเริ่มต้น ตอนนี้เราจะคลิก "บันทึกฟอร์ม" ที่ด้านบน ตอนนี้เรามีแบบฟอร์มที่เราต้องการใส่ลงในหน้าเว็บดังนั้นฉันจะไปที่ส่วนของหน้าเว็บสร้างที่อยู่ติดต่อใหม่แล้วคลิกที่นี่ที่ด้านบนสุดของพื้นที่เนื้อหาเป็นปุ่มฟอร์ม Caldera Form ลองคลิกที่ปุ่ม Caldera Form เราสามารถเลือกรูปแบบของเราได้และหากเราเลือกที่จะตั้งค่าเป็นกิริยาช่วยก็จะสร้างลิงก์ขึ้นมาและเราจะต้องคลิกเพื่อเปิดแบบฟอร์ม แต่เราต้องการฝังไว้ในหน้าเว็บดังนั้นเราจึงจะไป ปล่อยให้ไม่ได้เลือก ฉันคลิกแทรกฟอร์มและมีแบบฟอร์มของเราดังนั้นตอนนี้เราจึงบันทึกหน้าเว็บของเราแล้วดู และที่นี่เรามีแบบฟอร์มติดต่อของเรา ทุกสิ่งที่คิดว่ามีงานน้อยมากที่จะได้รับแบบฟอร์มนี้ด้วยกัน ฟอร์ม Caldera มาพร้อมกับแบบฟอร์มติดต่อ สิ่งที่เราต้องทำคือเลือกชื่อตั้งชื่อที่อยู่อีเมลและบันทึก จากนั้นเราสามารถฝังลงในหน้านี้ได้ ลองทบทวนอย่างรวดเร็วจริงๆ เราได้รับแบบฟอร์ม Caldera โดยไปที่ Plugins → Add new และค้นหา Caldera เราได้ติดตั้งและเปิดใช้งานแล้วในเมนูผู้ดูแลระบบที่เราไปที่แบบฟอร์ม Caldera คลิกรูปแบบใหม่เลือกเทมเพลตแบบฟอร์มติดต่อตั้งชื่อและคลิกที่สร้างฟอร์ม จากนั้นเราได้กำหนดค่าโดยคลิกที่แท็บอีเมลเพิ่มที่อยู่อีเมลและบันทึกข้อมูล ขั้นตอนสุดท้ายคือการสร้างหน้าหรือแก้ไขหน้าถ้าคุณต้องการคลิกที่ปุ่มฟอร์ม Caldera เลือกแบบฟอร์มติดต่อของเราและคลิกแทรกฟอร์ม จากนั้นเพียงแค่บันทึกหน้าเว็บของคุณและดูข้อมูล หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ WordPress โปรดไปที่ jaredritchey.com

ดูวิดีโออื่น ๆ …

อะไรที่จะเพิ่ม?

ดูวิดีโอ: ประกาศผลผู้โชคดีที่ได้รับรางวัลจากกิจกรรมคำคมกวน ๆ

Like this post? Please share to your friends:
ใส่ความเห็น

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: