วิธีเพิ่มปุ่ม CTA ให้กับโพสต์และเพจของ WordPress โดยไม่ต้องใช้โค้ด

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

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

ทำไมคุณถึงต้องการปุ่มเรียกร้องให้ดำเนินการใน WordPress?

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

ตัวอย่างอื่นๆ ของปุ่ม CTA ได้แก่:

อ่านเพิ่มเติม
อ่านเลย
ดาวน์โหลด
สมัครรับจดหมายข่าวของเรา
ดูบน YouTube
ฟังบน Spotify
คั่นหน้านี้
เข้าร่วมเดี๋ยวนี้

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

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

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

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

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

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

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

ตัวเลือกที่ 1 – การใช้ Gutenberg

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

บทความต่อไปด้านล่าง

Gutenberg มี 'บล็อก' ที่มีประโยชน์หลายอย่างที่คุณเพิ่มลงในเนื้อหาเพื่อทำสิ่งต่างๆ โดยธรรมชาติแล้ว ปุ่มต่างๆ จะรวมอยู่ด้วย และอีกปุ่มหนึ่งคือการเล่นของเด็ก:

ขั้นตอนที่ 1

ประการแรก คุณต้องแทรกบล็อกใหม่ในโพสต์หรือหน้าที่คุณต้องการให้ปุ่มปรากฏ

ในการดำเนินการนี้ เพียงกด Enter (คุณสามารถจัดเรียงบล็อกใหม่ได้ในภายหลัง หากจำเป็น โดยใช้ลูกศรขึ้น/ลงที่ปรากฏในแถบเครื่องมือขนาดเล็ก ซึ่งวางอยู่เหนือบล็อก):

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - การแทรกบล็อกใหม่

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - บล็อกใหม่จะถูกเน้น

ขั้นตอนที่ 2

ป้อนเครื่องหมายทับ (/) ในช่อง "ประเภท / เพื่อเลือกบล็อก" – รายการบล็อกที่ใช้ทั่วไปจะปรากฏขึ้น ในกรณีของฉัน ตัวเลือกการบล็อกปุ่มปรากฏขึ้นที่ด้านบน แต่คุณสามารถพิมพ์ /buttons เพื่อดูเฉพาะตัวเลือกปุ่มที่มี:

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - ค้นหาปุ่ม block

ขั้นตอนที่ 3

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

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - ปุ่มใหม่ที่แทรกลงในโพสต์และวิธีเรียกใช้ตัวแก้ไขปุ่ม

ขั้นตอนที่ 4

ดับเบิลคลิกที่ปุ่มเพื่อป้อนข้อความที่คุณต้องการให้มี:

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - ป้อนข้อความที่จะปรากฏบนปุ่ม

จากนั้น ใช้ตัวเลือกในตัวแก้ไขบล็อกทางด้านขวาของหน้าจอเพื่อเปลี่ยนสีปุ่ม เค้าร่าง ขนาด รูปร่าง ฯลฯ:

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - การใช้ตัวแก้ไขปุ่มส่งผลต่อรูปลักษณ์และการทำงานของปุ่มอย่างไร

ขั้นตอนที่ 5

ในการวางตำแหน่งปุ่ม ให้ใช้ตัวเลือกในแถบเครื่องมือแบบลอย:

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - เปลี่ยนตำแหน่งปุ่ม

การแทรกปุ่มในหน้าหรือโพสต์โดยใช้ Gutenberg - ปุ่มเปลี่ยนตำแหน่ง

ขั้นตอนที่ 6

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

คลิกปุ่มลิงก์บนแถบเครื่องมือแบบลอย ป้อน URL ลงในช่อง URL แล้วกดลูกศรโค้งข้างๆ เพื่อป้อน

บทความต่อไปด้านล่าง

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - เพิ่มไฮเปอร์ลิงก์ไปที่ปุ่ม

ขั้นตอนที่ 7

ตอนนี้คุณได้สร้างปุ่มของคุณแล้ว! คุณอาจเห็นว่าเมื่อเผยแพร่แล้วจะมีลักษณะอย่างไรโดยใช้ตัวเลือกแสดงตัวอย่าง การปรับเปลี่ยนขนาด ตำแหน่ง สี ฯลฯ ที่จำเป็นสามารถทำได้โดยทำซ้ำขั้นตอนที่ 4 และ 5:

การแทรกปุ่มลงในหน้าหรือโพสต์โดยใช้ Gutenberg - ดูตัวอย่างปุ่มที่เสร็จแล้ว

ตัวเลือก 2 – การใช้ Elementor

Elementor เป็นปลั๊กอินตัวแก้ไขภาพยอดนิยมที่ทำให้หน้าการสร้างและโพสต์เป็นเรื่องง่ายด้วยการลากและวาง การสร้างปุ่มใน Elementor ก็เหมือนกับ Gutenberg แม้ว่าจะมีสไตล์และปรับแต่งได้มากกว่า โดยเฉพาะอย่างยิ่งหากคุณมี Elementor Pro

ต่อไปนี้คือภาพรวมโดยย่อเกี่ยวกับวิธีเพิ่มปุ่มง่ายๆ ในโพสต์หรือหน้าโดยใช้ Elementor: