วิธีรวม Etsy Shop ของคุณเข้ากับเว็บไซต์ Divi ของคุณ

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

เราจะสาธิตวิธีเพิ่มรายการร้านค้า Etsy ผ่านปลั๊กอิน Etsy Shop ซึ่งจะให้ผลลัพธ์ต่อไปนี้บนเดสก์ท็อป:

ความเป็นไปได้

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

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

เพิ่มผลิตภัณฑ์ของคุณด้วยตนเองบนเว็บไซต์ WordPress ของคุณ

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

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

เพิ่มผลิตภัณฑ์ของคุณด้วยปลั๊กอิน

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

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

วิธีรวม Etsy Shop ของคุณเข้ากับเว็บไซต์ Divi ของคุณ

สมัครสมาชิกช่อง Youtube ของเรา

เริ่มบูรณาการ Etsy Shop ของคุณกับปลั๊กอิน Etsy Shop

ในการเพิ่มร้าน Etsy ของคุณในเว็บไซต์ Divi เราจำเป็นต้องมีสิ่งหนึ่งล่วงหน้า ปลั๊กอิน Etsy Shop ฟรีที่สร้างโดย Frederic Sheedy ด้วยการใช้ปลั๊กอินนี้ คุณจะไม่ต้องใช้ความพยายามอย่างมากในการเพิ่มรายการร้านค้า Etsy ที่คุณชื่นชอบบนเว็บไซต์ของคุณ ในอดีต Etsy เสนอความเป็นไปได้ของ Etsy Mini แต่น่าเสียดายที่พวกเขาได้ระงับตัวเลือกนี้ไว้เมื่อเร็ว ๆ นี้ ซึ่งทำให้ปลั๊กอิน Etsy Shop มีความเป็นไปได้มากที่สุดในปัจจุบัน

โดยไม่มีกำหนดชำระเพิ่มเติม มาเริ่มกันเลย.

ดาวน์โหลดปลั๊กอิน Etsy Shop

ขั้นตอนแรกที่คุณต้องทำคือดาวน์โหลดปลั๊กอิน คุณสามารถดาวน์โหลดปลั๊กอินโดยคลิกที่ลิงค์ต่อไปนี้

อัปโหลดปลั๊กอินลงในเว็บไซต์ของคุณ

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

รับคีย์ API ร้านค้า Etsy ของคุณ

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

สร้างแอปใหม่สำหรับบัญชี Etsy ของคุณ

เมื่อคุณดาวน์โหลดปลั๊กอิน Etsy Shop แล้วและไปที่การตั้งค่า คุณจะเห็นลิงก์ด้านล่างช่องคีย์ Etsy API ที่แสดงตำแหน่งที่จะสร้างแอป Etsy ใหม่ คลิกที่ลิงค์นั้น

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

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

คัดลอกคีย์ API ลงในปลั๊กอินของคุณ

สิ่งต่อไปที่คุณต้องทำคือกลับไปที่การตั้งค่าปลั๊กอินและกรอกคีย์ API

ให้แน่ใจว่าคุณเปิดร้านค้าในหน้าต่างใหม่

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

เพิ่มรหัสย่อลงในโมดูลข้อความภายในตัวสร้าง Divi ของคุณ

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

เปิดเพจที่คุณต้องการเพิ่มรายการและเพิ่มโมดูลข้อความในแถวที่มีความกว้างเต็มความกว้าง ถัดไป เปิดการตั้งค่าของแถวและเปลี่ยนความกว้างที่กำหนดเองของแถวเป็น '680px'

ถัดไป เพิ่มรหัสย่อลงในกล่องเนื้อหาในแท็บเนื้อหา รหัสสั้นจะมีลักษณะดังนี้:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

ตอนนี้ แทนที่ *your-etsy-shop-name* และ *your-etsy-shop-section-id* ด้วยของคุณเอง โดยไปที่ร้านค้าของคุณ (หรือร้านค้าอื่นที่คุณต้องการแสดงผลิตภัณฑ์ Etsy) และเลือกส่วนทางด้านซ้าย

เมื่อคุณทำเสร็จแล้ว คุณจะสังเกตเห็นชื่อร้าน Etsy และรหัสส่วนใน URL

ปิดการใช้งานสำหรับมือถือ

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

ผลลัพธ์

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

ความคิดสุดท้าย

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

อย่าลืมสมัครรับจดหมายข่าวทางอีเมลและช่อง YouTube ของเรา เพื่อที่คุณจะได้ไม่พลาดประกาศสำคัญ เคล็ดลับที่เป็นประโยชน์ หรือ Divi freebie!