วิธีเพิ่มปุ่มบริจาค PayPal บนเว็บไซต์ Divi ของคุณ

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

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

เริ่มต้น

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

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

• ไม่แสวงหากำไร
• โรงเรียน
• ทางการเมือง
• ส่วนตัว

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

หลังจากเลือกส่วนบุคคล

ในหน้าถัดไป ให้เลื่อนลงมาจนกว่าคุณจะเห็นข้อความ “เรียนรู้เกี่ยวกับการสร้างปุ่มบริจาค” แล้วคลิก

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

การสร้างปุ่ม

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

ขั้นตอนที่ 1

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

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

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

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

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

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

เมื่อคุณเข้าสู่ระบบ คุณจะเห็นสิ่งนี้:

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

คุณเกือบจะพร้อมที่จะใส่ปุ่มบริจาค Paypal ของคุณลงใน WordPress แล้ว!

ขั้นตอนเพิ่มเติม 2 และ 3

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

รหัสปุ่มบริจาค Paypal

ในหน้าถัดไป คุณจะได้รับรหัสปุ่มบริจาคซึ่งจะอยู่ในไซต์ WordPress ของคุณ รวมถึงตัวอย่างว่าปุ่มจะมีลักษณะอย่างไรสำหรับผู้ใช้ของคุณ

คลิกที่ Select Code เพื่อเน้นโค้ดของคุณ แล้วกด CTRL-C หากคุณใช้ Windows, CMD-C บน Mac หรือคลิกขวาที่ข้อความที่ไฮไลต์แล้วเลือก Copy จากเมนูบริบท เลือกพิษของคุณ

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

สำหรับผู้ใช้ Divi เรามีตัวเลือกมากมายสำหรับคุณ

ด้านบนหรือด้านล่างโพสต์

หากต้องการวางปุ่มบริจาค Paypal ไว้ที่จุดเริ่มต้นหรือจุดสิ้นสุดของโพสต์บล็อก ให้ไปที่ตัวเลือกธีม Divi แล้วไปที่แท็บการผสานการทำงาน

เมื่อเลื่อนลงมาเล็กน้อย คุณจะเห็นพื้นที่ข้อความระบุว่า "เพิ่มโค้ดที่ด้านบนสุดของโพสต์" และ "เพิ่มโค้ดที่ด้านล่างของโพสต์ ก่อนความคิดเห็น"

สิ่งที่พวกเขาทำค่อนข้างชัดเจน

ก่อนโพสต์:

หลังจากโพสต์:

โปรดทราบว่าปุ่มเหล่านี้เป็นปุ่มที่ไม่มีรูปแบบทั้งหมด ดังนั้นหากคุณต้องการทำให้มันเป็นมากกว่าแค่นั่งเฉยๆ ผมขอแนะนำให้ห่อโค้ดที่ Paypal ให้ไว้ในลักษณะนี้:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

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

โพสต์ต่อโพสต์หรือทีละหน้า

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

เปิดหน้าต่าง "แทรกโมดูล" และเลือกโมดูลโค้ดเพื่อเริ่มต้น

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

ในแถบด้านข้าง

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

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

ตรวจสอบให้แน่ใจว่าคุณหมายถึงเราต้องคลิกที่แท็บ "ข้อความ" ก่อนวางรหัสปุ่มบริจาคของคุณที่นี่ (ไม่จำเป็นต้องใช้ปุ่มรหัสเช่นกัน)

แท็บข้อความทำงานได้ค่อนข้างเหมือนกับวิดเจ็ตข้อความแบบเก่าก่อน 4.8 (ยกเว้นการรวมปุ่มโค้ด เพียงแค่ใส่ HTML ของคุณและกดบันทึก Voila คุณมีปุ่มเงินที่ด้านบนสุดของแถบด้านข้างของคุณ!

คุณไม่จำเป็นต้องรวมวิดเจ็ตนี้ในแถบด้านข้างเท่านั้น คุณสามารถทำตามขั้นตอนเดียวกันเพื่อเพิ่มปุ่มในธีมที่รองรับวิดเจ็ตส่วนหัวหรือส่วนท้าย

คุณพร้อมที่จะรับเงินนั้นแล้ว!

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

ภาพขนาดย่อของบทความโดย mohamed1982eg / pixabay.com