วิธีสร้างเครื่องคำนวณอ้างใน WordPress (ทีละขั้นตอน)

วิธีสร้างเครื่องคำนวณคำพูดในเวิร์ดเพรส


คุณต้องการสร้างเครื่องคำนวณคำพูดใน WordPress หรือไม่?

เครื่องคิดเลขเสนอราคาช่วยให้ลูกค้าของคุณสามารถเลือกผลิตภัณฑ์ / บริการที่ต้องการรับใบเสนอราคาหรือราคาได้ทันที.

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

การสร้างเครื่องคำนวณใบเสนอราคาด้วย WordPress

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

ในการสร้างเครื่องคำนวณคำพูดคุณจะต้องใช้ปลั๊กอิน Formidable Forms.

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

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

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

ตรวจสอบการตรวจสอบแบบฟอร์มที่น่ากลัวสมบูรณ์ของเราสำหรับรายละเอียดเพิ่มเติม.

มาดูขั้นตอนนี้ทีละขั้นตอนเกี่ยวกับวิธีสร้างเครื่องคำนวณคำพูดใน WordPress อย่างถูกต้อง.

ขั้นตอนที่ 1: สร้างแบบฟอร์มใบเสนอราคา

แน่นอนสิ่งแรกที่คุณต้องทำคือติดตั้ง Formidable Forms บนเว็บไซต์ของคุณ มันมีแม่แบบที่คุณสามารถใช้เพื่อสร้างแบบฟอร์มใบเสนอราคาของคุณได้ทันที.

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

ทำเครื่องหมายที่ช่องและปุ่มตัวเลือก

ใช้ตัวสร้างฟอร์มลากแล้วปล่อยเพื่อเพิ่มประเภทฟิลด์เพื่อแสดงตัวเลือกของคุณ.

ถัดไปคุณสามารถคลิกที่ฟิลด์ใดก็ได้เพื่อดูตัวเลือกทางด้านซ้ายของหน้าจอ ตัวเลือกเริ่มต้นจะเป็น “ตัวเลือก 1”, “ตัวเลือก 2” เป็นต้นคุณสามารถไปข้างหน้าและแทนที่ข้อความด้วยชื่อผลิตภัณฑ์ของคุณ.

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

ใช้ค่าแยกต่างหาก

ค่าเหล่านี้จะเป็นประโยชน์ในการคำนวณราคารวมสำหรับผลิตภัณฑ์ที่เลือกโดยอัตโนมัติ.

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

ขั้นตอนที่ 2: เพิ่มฟิลด์แบบอ่านอย่างเดียวเพื่อแสดงราคารวม

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

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

ตัวเลือกขั้นสูง

มันจะแสดง คำนวณค่าเริ่มต้น ตัวเลือก. ในส่วนนี้คุณต้องเพิ่มตำแหน่งทศนิยม ค่าที่แนะนำคือ ‘2’ สำหรับการคำนวณราคา.

ค่าเริ่มต้น

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

คุณสามารถดูตัวอย่างว่าปลั๊กอินจะแสดงราคารวมอย่างไรบนพื้นฐานของการเลือกผลิตภัณฑ์ของผู้ใช้.

การคำนวณราคารวม

เมื่อใดก็ตามที่ผู้ใช้เปลี่ยนผลิตภัณฑ์หรือหมวดหมู่ผู้ใช้จะอัปเดตราคาในเครื่องคำนวณราคาโดยอัตโนมัติ.

ขั้นตอนที่ 3: เพิ่มวิธีการชำระเงินในแบบฟอร์มใบเสนอราคาเครื่องคำนวณของคุณ

หลังจากการคำนวณและแสดงราคารวมคุณจะต้องเพิ่มวิธีการชำระเงินสำหรับผู้ใช้เพื่อทำการซื้อให้เสร็จสมบูรณ์ ปลั๊กอิน Formidable Forms มาพร้อมกับ addons หลายตัวเพื่อเพิ่มตัวเลือกการชำระเงินรวมถึง Stripe, Authorize.net, PayPal และอื่น ๆ.

คุณสามารถเลือกวิธีการชำระเงิน วิธีการเหล่านี้ส่วนใหญ่ใช้บัตรเครดิตเป็นตัวเลือกในการรวบรวมการชำระเงินออนไลน์.

บัตรเครดิต

เพิ่มฟิลด์บัตรเครดิตและปรับแต่งใน ตัวเลือกฟิลด์ มาตรา.

ขั้นตอนที่ 4: เผยแพร่และแสดงตัวคำนวณราคาใน WordPress

ตอนนี้แบบฟอร์มใบเสนอราคาของคุณพร้อมแล้ว คุณสามารถเผยแพร่และแสดงบนหน้าผลิตภัณฑ์ใด ๆ ใน WordPress.

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

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

นั่นคือทั้งหมดที่.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map