วิธีสร้างปุ่มสร้างสรรค์ใน WordPress

เผยแพร่แล้ว: 2022-03-27

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

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

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

เนื้อหา ซ่อน
1 ทำไมต้องสร้างปุ่มสร้างสรรค์ในไซต์ WordPress ของคุณ:
2 วิธีสร้างปุ่มสร้างสรรค์ในไซต์ WordPress ของคุณ:
2.1 ไปที่แดชบอร์ดของไซต์ของคุณ:
2.2 ไปที่ ElementsKit และเปิดใช้งานวิดเจ็ตปุ่มสร้างสรรค์:
2.3 เปิดหน้าใดก็ได้ในหน้าต่าง Elementor:
2.4 ลากและวางวิดเจ็ตปุ่มสร้างสรรค์:
2.5 ปรับแต่งส่วนเนื้อหา:
2.5.1 ฉลาก
2.5.2 URL
2.5.3 เพิ่มไอคอน
2.5.4 การ จัดตำแหน่ง
2.5.5 เอฟเฟกต์โฮเวอร์
3 สรุป

ทำไมต้องสร้างปุ่มสร้างสรรค์ในไซต์ WordPress ของคุณ:

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

อย่างไรก็ตาม หากเว็บไซต์ของคุณเป็นเว็บไซต์ SaaS คุณสามารถเพิ่มปุ่ม CTA เช่น “ซื้อเลย” หรือ “ซื้อเลย” เป็นต้น ปุ่มต่างๆ จะมีประโยชน์แม้ในไซต์บล็อก คุณสามารถวางปุ่ม “สมัครสมาชิก” “ลงทะเบียน” และส่งปุ่มบนแบบฟอร์มการลงทะเบียนและการสมัครรับข้อมูล ตอนนี้ให้ฉันระบุสาเหตุบางประการที่คุณควร สร้างปุ่มสร้างสรรค์ ในไซต์ WP ของคุณ

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

วิธีสร้างปุ่มสร้างสรรค์ในไซต์ WordPress ของคุณ:

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

ใช้ประโยชน์จาก ElementsKit

ต้องการทราบประโยชน์ของการใช้ ElementsKit ในไซต์ WordPress ของคุณหรือไม่? ไปที่บล็อกคลิกที่ลิงค์ด้านล่าง -

ข้อดี 10 ข้อของการใช้เครื่องมือสร้างวิดเจ็ต ElementsKit

ไปที่แดชบอร์ดของไซต์ของคุณ:

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

เยี่ยมชมแดชบอร์ดของเว็บไซต์ของคุณเพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

ไปที่ ElementsKit และเปิดใช้งานวิดเจ็ตปุ่มสร้างสรรค์:

ตอนนี้ ไปที่ “ ElementsKit ” บนแถบด้านข้างในตอนแรกแล้วคลิก จากนั้นคลิกแท็บ "วิดเจ็ต" ค้นหาวิดเจ็ตปุ่มสร้างสรรค์และเปิดใช้งานวิดเจ็ต สุดท้ายให้กดปุ่ม "บันทึกการเปลี่ยนแปลง"

เปิดใช้งานวิดเจ็ตปุ่มสร้างสรรค์เพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

เปิดหน้าใดก็ได้ในหน้าต่าง Elementor:

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

เปิดหน้าใดก็ได้ในหน้าต่าง Elementor เพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

ลากและวางวิดเจ็ตปุ่มสร้างสรรค์:

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

ลากและวางวิดเจ็ตปุ่มสร้างสรรค์เพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

ปรับแต่งส่วนเนื้อหา:

ในขณะนี้ คุณจะมีตัวเลือกในการปรับแต่งองค์ประกอบต่างๆ ของปุ่มโฆษณา รวมถึงป้ายกำกับ, URL, ไอคอนเพิ่ม, การจัดตำแหน่ง, การเพิ่มเอฟเฟกต์โฮเวอร์ ฯลฯ

มาปรับแต่งองค์ประกอบเหล่านี้ตามลำดับ-

ฉลาก

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

ปรับแต่งป้ายกำกับเพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

URL

ในส่วนเนื้อหา ให้เพิ่มลิงก์เปลี่ยนเส้นทางในช่อง URL ตามที่แสดงในภาพหน้าจอด้านล่าง

เพิ่ม URL เพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

เพิ่มไอคอน

ตอนนี้ได้เวลาเพิ่มไอคอนแล้วทำตามขั้นตอนที่แสดงด้านล่าง -

  • เปิดใช้งานไอคอน
  • อัปโหลดไอคอนจากห้องสมุด
  • เลือกตำแหน่งไอคอน: ก่อนหรือหลังข้อความ
เพิ่มไอคอนเพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

การจัดตำแหน่ง

จากนั้นเลื่อนไปเลือก Alignment: Left, Center หรือ Right จากนั้นปุ่มสร้างสรรค์ของคุณจะปรากฏขึ้น

ตั้งค่าการจัดตำแหน่งเพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

เลื่อนเอฟเฟกต์

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

เพิ่มเอฟเฟกต์โฮเวอร์เพื่อสร้างปุ่มสร้างสรรค์ใน WordPress

สรุป

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

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

ต้องการทราบวิธีการสร้างปุ่มถูกใจ Facebook แบบกำหนดเองในไซต์ WordPress ของคุณหรือไม่? เรียนรู้คำแนะนำในการสร้างปุ่มถูกใจ Facebook แบบกำหนดเองใน WordPress โดยคลิกที่ลิงค์ด้านล่าง-

จะสร้างปุ่มไลค์บน Facebook บน WordPress ได้อย่างไร?