วิธีสร้างแบบฟอร์ม AMP ใน WordPress (ทีละขั้นตอน)

วิธีสร้างฟอร์มแอมป์ใน WordPress


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

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

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

เหตุใดจึงสร้างแอมป์หน้าและแบบฟอร์ม AMP

จากการศึกษาพบว่าเกือบ 60% ของคำค้นหาใน Google มาจากโทรศัพท์มือถือ ด้วยการทำให้เว็บไซต์ของคุณเป็นมิตรกับแอมป์คุณสามารถมั่นใจได้ว่าเว็บไซต์ของคุณโหลดได้เร็วขึ้นบนอุปกรณ์มือถือ.

Google Accelerated Mobile Project เป็นโครงการโอเพ่นซอร์สของ Google ที่มุ่งเน้นที่การเร่งประสบการณ์การท่องเว็บบนมือถือในระดับที่ยอดเยี่ยมบนเว็บเปิด AMP นำประสบการณ์การท่องเว็บผ่านมือถือไปอีกขั้น แนวคิดพื้นฐานคือการเพิ่มความเร็วของหน้าเว็บไซต์ของคุณเป็นอย่างมากโดยใช้เทมเพลตน้ำหนักเบาเพิ่มเติมที่ปรับให้เหมาะกับความเร็ว.

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

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

หากต้องการแสดงแบบฟอร์มการติดต่อในหน้า AMP ของคุณคุณสามารถใช้ WPForms, ปลั๊กอินรูปแบบที่ดีที่สุดสำหรับ WordPress.

ตอนนี้มาดูวิธีการใช้ WPForms เพื่อสร้างแบบฟอร์มการติดต่อในหน้า AMP ของคุณ.

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน Google AMP

ก่อนที่เราจะดำน้ำและสร้างแบบฟอร์มลองมาดูวิธีสร้างหน้า AMP บนเว็บไซต์ของคุณ แอมป์ plugin เป็นปลั๊กอินอย่างเป็นทางการของ Google AMP บน WordPress.

หากต้องการค้นหาปลั๊กอินนี้ให้ค้นหา AMP ในช่องค้นหาโดยไปที่ ปลั๊กอิน»เพิ่มใหม่.

ตอนนี้คลิกที่ ติดตั้งในขณะนี้ ตามด้วยปุ่ม เปิดใช้งาน ปุ่มเพื่อให้มันเริ่มทำงาน.

ปลั๊กอิน AMP, Google AMP

ขั้นตอนที่ 2: การติดตั้ง WPForms บน WordPress

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

เมื่อพบปลั๊กอินแล้วให้คลิกที่ ติดตั้งในขณะนี้ ปุ่มแล้วปุ่ม เปิดใช้งาน เพื่อให้ปลั๊กอินเริ่มทำงาน.

WPForms Lite ปลั๊กอินเสริมสำหรับฟอร์มติดต่อของ AMP

ขั้นตอนที่ 3: สร้างฟอร์มแรกของคุณด้วย WPForms

เพื่อสร้างฟอร์มแรกของคุณด้วย WPForms, ไปที่ของคุณ WordPress แดชบอร์ดและไปที่ WPForms »เพิ่มใหม่

ตอนนี้คุณจะมีหน้าต่างดังต่อไปนี้บนหน้าจอของคุณ.

แบบฟอร์มการติดต่อของ amp ใน wordpress

คุณจะเห็น 4 ตัวเลือกที่แตกต่างกันที่นี่ คุณสามารถเลือกเทมเพลตที่เหมาะสมกับความต้องการของคุณมากที่สุดทั้งนี้ขึ้นอยู่กับความต้องการของคุณ.

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

แอมป์สร้างหน้าติดต่อ

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

หากต้องการเพิ่มเขตข้อมูลลงในแบบฟอร์มของคุณเพียงแค่ลากจากด้านซ้ายแล้ววางลงในส่วนฟอร์มทางด้านขวาของคุณ.

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

ลบเขตข้อมูลจาก wpforms

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

นอกจากนี้คุณยังมีตัวเลือกในการเปลี่ยนตัวเลือกฟิลด์ของคุณ คุณสามารถเปลี่ยนรูปแบบของฟิลด์ขนาดของแบบอักษรซ่อนหรือแสดงป้ายกำกับและป้ายกำกับย่อยและอื่น ๆ.

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

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

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

การตั้งค่าทั่วไปของรูปแบบการติดต่อแอมป์

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

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

หากต้องการแสดงแบบฟอร์มแรกของคุณไปที่หน้าที่คุณต้องการให้แบบฟอร์มปรากฏ หากคุณต้องการสร้างหน้าใหม่ให้คลิก หน้า»เพิ่มใหม่. เพิ่มชื่อลงในหน้าของคุณ.

คลิกที่ไอคอน + เพื่อเพิ่มบล็อกในเครื่องมือแก้ไข Gutenberg จากนั้นพิมพ์ WPForms และเมื่อมันปรากฏขึ้นให้คลิกที่มัน.

ฝังแบบฟอร์มการติดต่อของแอมป์

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

หน้าแอมป์ติดต่อ

ตอนนี้คุณสามารถคลิกที่ ประกาศ ปุ่มด้านขวาของแดชบอร์ด WordPress ของคุณเพื่อเผยแพร่โพสต์ของคุณ ตอนนี้แบบฟอร์ม WordPress AMP ของคุณใช้งานได้แล้ว.

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

มันสวยมาก เว็บไซต์ของคุณควรมีแบบฟอร์มการติดต่อที่เป็นมิตรกับ AMP ที่คุณต้องการสร้าง.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me