วิธีเพิ่มตัวสลับสกุลเงินไปยังเว็บไซต์ WooCommerce ใน 5 ขั้นตอน

เผยแพร่แล้ว: 2022-08-15

กำลังคิดที่จะเพิ่มตัวสลับสกุลเงินของ WooCommerce ในเว็บไซต์ของคุณหรือไม่?

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

แต่คุณควรใช้ปลั๊กอินตัวใด และวิธีการใช้ปลั๊กอินเปลี่ยนสกุลเงิน WordPress ที่เหมาะสมเพื่อเพิ่มคุณสมบัติหลายสกุลเงินได้อย่างง่ายดาย?

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

เนื้อหา ซ่อน
WooCommerce Currency Switcher คืออะไร?
ประโยชน์ของการใช้ตัวสลับสกุลเงินในไซต์
ปลั๊กอินที่จำเป็นเพื่อเพิ่มตัวสลับสกุลเงินใน WordPress
วิธีเพิ่มตัวสลับสกุลเงินไปยังเว็บไซต์ WooCommerce ใน 5 ขั้นตอน
ขั้นตอนที่ 1: เปิดใช้งานทั้งโมดูลสลับสกุลเงิน & วิดเจ็ต
ขั้นตอนที่ 2: ปรับแต่งการตั้งค่าของโมดูลตัวสลับสกุลเงิน
ขั้นตอนที่ 3: เพิ่มหลายสกุลเงิน
ขั้นตอนที่ 4: ลากและวาง Widget ตัวสลับสกุลเงินไปยังไซต์ WooCommerce ของคุณ
ขั้นตอนที่ 5: อัปเดต & ดูตัวอย่าง Elementor Currency Switcher
คำพูดสุดท้ายบน WordPress Currency Switcher

WooCommerce Currency Switcher คืออะไร?

ตัวสลับสกุลเงิน WooCommerce องค์ประกอบหรือตัวสลับสกุลเงินคืออะไร

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

ต้องการเพิ่มช่องการชำระเงินที่กำหนดเองลงในไซต์ WooCommerce ของคุณหรือไม่? ตรวจสอบบล็อกของเราใน
วิธีเพิ่มฟิลด์การชำระเงินแบบกำหนดเองของ WooCommerce ใน 3 ขั้นตอน (ไม่มีการเข้ารหัส)

ประโยชน์ของการใช้ตัวสลับสกุลเงินในไซต์

โลกาภิวัตน์ทำให้การเพิ่มตัวเลือกในการเปลี่ยนสกุลเงินใน WooCommerce ค่อนข้างสำคัญ ข้อดีของการมีตัวสลับสกุลเงินในไซต์ของคุณ ได้แก่:

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

ปลั๊กอินที่จำเป็นเพื่อเพิ่มตัวสลับสกุลเงินใน WordPress

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

  • องค์ประกอบ
  • ShopEngine ( ทั้งแบบฟรีและแบบโปร )

ในการซื้อ ShopEngine Pro ในราคาที่ถูกกว่า 20% ให้ใช้รหัสคูปอง community20

วิธีเพิ่มตัวสลับสกุลเงินไปยังเว็บไซต์ WooCommerce ใน 5 ขั้นตอน

ปฏิบัติตามแต่ละขั้นตอนอย่างระมัดระวังเพื่อเพิ่มตัวสลับสกุลเงิน Elementor ไปยังไซต์ WooCommerce ของคุณโดยไม่ต้องยุ่งยาก นี่คือขั้นตอน:

ขั้นตอนที่ 1: เปิดใช้งานทั้งโมดูลสลับสกุลเงิน & วิดเจ็ต

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

หากต้องการเปิดใช้งานวิดเจ็ตตัวสลับสกุลเงิน จากแดชบอร์ด WordPress ให้ไปที่ ShopEngine ⇒ วิดเจ็ต ⇒ ตัวสลับสกุลเงิน จากนั้น t urn ที่ปุ่มสลับ ของ Currency Switcher Widget ใต้ส่วน General และคลิกที่ Save changes

เปิดวิดเจ็ตตัวสลับสกุลเงิน WooCommerce โดย ShopEngine elementor ตัวสลับสกุลเงิน

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

เปิดโมดูลตัวสลับสกุลเงิน WooCommerce โดย ShopEngine

อ่าน ปลั๊กอินตะกร้าสินค้าที่ดีที่สุดสำหรับ WooCommerce

ขั้นตอนที่ 2: ปรับแต่งการตั้งค่าของโมดูลตัวสลับสกุลเงิน

หลังจากที่คุณเปิดใช้งานโมดูล คุณจะได้รับตัวเลือกต่อไปนี้เพื่อปรับแต่ง:

  • อัปเดตสกุลเงินอัตโนมัติ: เปิดตัวเลือกนี้เพื่ออัปเดตค่าสกุลเงินต่างๆ โดยอัตโนมัติ
  • เวลาอัปเดตสกุลเงินอัตโนมัติ (รายชั่วโมง): กำหนดความถี่ที่คุณต้องการให้อัปเดตสกุลเงิน คุณต้องให้ตัวเลขเป็นชั่วโมงเท่านั้น
  • สัญลักษณ์สกุลเงิน แสดงดรอปดาวน์: เปิดตัวเลือกนี้เพื่อแสดงรายการสกุลเงิน (สัญลักษณ์) ในเมนูดรอปดาวน์ที่ส่วนหน้า
  • ผู้ให้บริการอัตราแลกเปลี่ยนเริ่มต้นของสกุลเงิน: ShopEngine ใช้ประโยชน์จากผู้ให้บริการ API 2 รายเพื่ออัปเดตอัตราสกุลเงิน Fixer API และ Currency Freaks API คุณสามารถ เลือกหนึ่ง ในสองสิ่งนี้
  • สกุลเงินเริ่มต้น: เลือกสกุลเงินเริ่มต้นที่จะปรากฏขึ้นเมื่อมีคนเข้ามาในเว็บไซต์ของคุณเป็นครั้งแรก
  • ข้อมูลรับรองของ Currency Freaks API: เมื่อคุณสมัครแพ็กเกจ Currency Freaks ใด ๆ คุณจะได้รับข้อมูลรับรอง API ให้ใช้ค่านั้นที่นี่
เพิ่มตัวสลับ WooCommerce ที่แตกต่างกันไปยังตัวสลับสกุลเงินขององค์ประกอบโดยใช้ ShopEngine

อ่าน วิธีสร้างหน้ารถเข็น WooCommerce แบบกำหนดเองตั้งแต่เริ่มต้น

ขั้นตอนที่ 3: เพิ่มหลายสกุลเงิน

หากต้องการเพิ่มสกุลเงินใหม่ ให้ คลิกที่ปุ่ม + เพิ่มใหม่ และระบุข้อมูลต่อไปนี้

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

หลังจากใส่ข้อมูลทั้งหมดแล้ว ให้คลิกบันทึกการเปลี่ยนแปลง

ตัวสลับสกุลเงิน woocommerce เพิ่มสกุลเงิน

หมายเหตุ: ทำขั้นตอนเดิมซ้ำเพื่อเพิ่มสกุลเงินได้มากเท่าที่คุณต้องการ

อ่านเพิ่มเติม: วิธีปรับแต่งหน้าหมวดหมู่ WooCommerce โดยไม่ต้องเข้ารหัสโดยใช้ ShopEngine

ขั้นตอนที่ 4: ลากและวาง Widget ตัวสลับสกุลเงินไปยังไซต์ WooCommerce ของคุณ

หากต้องการเพิ่มตัวสลับสกุลเงิน ให้ไปที่ ShopEngine ⇒ เทมเพลต ⇒ เทมเพลตหน้าร้านค้า แล้ว คลิกแก้ไขด้วย Elementor

แก้ไขเทมเพลตร้านค้าเพื่อเพิ่ม wooCOMmerce ตัวสลับสกุลเงิน

เมื่อตัวแก้ไขปรากฏขึ้น ค้นหาตัวสลับสกุลเงิน บนตัวเลือกการค้นหาองค์ประกอบ เมื่อพบวิดเจ็ต ให้ ลากและวาง วิดเจ็ต

ลากและวางวิดเจ็ตตัวสลับสกุลเงินโดย ShopEngine เพิ่มตัวสลับ WooCommerce ที่แตกต่างกันไปยังตัวสลับสกุลเงินขององค์ประกอบ

คุณยังสามารถเปลี่ยนรูปแบบต่าง ๆ ของวิดเจ็ตตัวสลับสกุลเงินเช่น

  • ข้อความเริ่มต้น
  • ความสูง (px)
  • วิชาการพิมพ์
  • ขนาดลูกศร (px)
  • ปกติ/ โฮเวอร์
  • รัศมีชายแดน
  • การขยายความ
รูปแบบของตัวสลับสกุลเงิน Elementor โดย ShopEngine

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการตั้งค่ารูปแบบ โปรดดูเอกสารประกอบ

หมายเหตุ: หากเกตเวย์การชำระเงินใด ๆ ถูกปิดใช้งานสำหรับบางสกุลเงิน เกตเวย์นั้นจะไม่ปรากฏในหน้าการชำระเงินสำหรับสกุลเงินนั้น

ขั้นตอนที่ 5: อัปเดต & ดูตัวอย่าง Elementor Currency Switcher

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

ดูตัวอย่างวิธีเพิ่มตัวสลับสกุลเงิน Elementor WooCommerce ให้กับ WordPress

ดูวิธีสร้างหน้ารถเข็น WooCommerce ของคุณเองโดยใช้ ShopEngine

คำพูดสุดท้ายบน WordPress Currency Switcher

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

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

ลองใช้ปลั๊กอินตัวสลับสกุลเงินที่ได้รับรางวัลยอดเยี่ยมนี้

หมายเหตุ: หากต้องการซื้อ ShopEngine Pro ในราคาต่ำกว่า 20% ให้ใช้รหัสคูปอง community20

ซื้อ ShopEngine ตอนนี้ & ประหยัด 20%