วิธีเพิ่มปุ่มเรียกร้องให้ดำเนินการใน WordPress

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

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

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

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

วิธีเพิ่มปุ่มเรียกร้องให้ดำเนินการบนเว็บไซต์

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

การเพิ่มโทรศัพท์: ลิงก์ไปยังเว็บไซต์ของคุณ

ตอนนี้เรามีลิงค์ไปยังเว็บไซต์ของเราในรหัสด้านล่าง หากต้องการติดต่อบริษัทฯ จะโทรไปที่ 123-456-7890

ปุ่มคำกระตุ้นการตัดสินใจของ WordPress ในส่วนหัว

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

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

วิธีเพิ่มปุ่มเรียกร้องให้ดำเนินการในเว็บไซต์ WordPress ของคุณ

ขั้นตอนด้านล่างจะแนะนำคุณตลอดขั้นตอนการเพิ่มปุ่มเรียกร้องให้ดำเนินการในไซต์ WordPress ของคุณ ปุ่มโทร WP สามารถพบได้ในส่วนปลั๊กอินของแดชบอร์ด WordPress ของคุณ เลือกการตั้งค่าจากเมนู จากนั้นเลือกหมายเลขโทรศัพท์ของคุณจากเมนูดรอปดาวน์ปุ่มโทรเลย คุณไม่จำเป็นต้องป้อนข้อมูลเพิ่มเติมอีกต่อไปเมื่อคุณคลิกบันทึก คุณสามารถใช้ปลั๊กอิน WP Call Button ได้โดยการใส่รหัสย่อด้านล่างแล้ววางลงในโพสต์หรือหน้าของคุณในตำแหน่งที่คุณต้องการให้ปุ่มคำกระตุ้นการตัดสินใจปรากฏขึ้น โทร [WPCallbutton call_button]*br=1/555 / [Call button_button_text]*br=12[/Call button_text ] //. จำเป็นต้องมีปลั๊กอิน WP Sidebar Widget หากคุณต้องการใช้ปุ่มเรียกร้องให้ดำเนินการบนแถบด้านข้างของ WordPress คุณสามารถเพิ่มรหัสย่อใหม่ได้หลังจากติดตั้งปลั๊กอิน WP Sidebar Widget โดยคลิกปุ่มเพิ่มใหม่ในหน้าต่างหลักของปลั๊กอิน WP sidebar_clickedPress button_text

ปลั๊กอิน WordPress ปุ่มเรียกร้องให้ดำเนินการแบบลอยตัว

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

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

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

ปุ่ม WordPress

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

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

ฉันจะแสดงปุ่มต่างๆ ใน ​​WordPress ได้อย่างไร

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

วิธีการเปลี่ยนสีปุ่มและข้อความใน WordPress

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

ปุ่ม Cta ที่มีประสิทธิภาพ

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

ปุ่มเรียกร้องให้ดำเนินการ (ปุ่ม CTA) เป็นปุ่มบนเว็บไซต์ที่ให้คำแนะนำผู้ใช้เกี่ยวกับวิธีการดำเนินการ หน้า Landing Page มักใช้กับข้อความกระตุ้นการตัดสินใจ (CTA) เพื่อกระตุ้นให้ผู้ใช้ทำ Conversion และเพิ่มอัตราการคลิกผ่านของเว็บไซต์ของตน โฮมเพจของ IKEA มีทั้งแบบเรียนรู้เพิ่มเติมและดูบริการทั้งหมด CTA ผู้เข้าชมที่คลิก CTA จะถูกนำไปที่หน้าถัดไปหรือขั้นตอนในกระบวนการแปลง ตั้งแต่การเพิ่มสินค้าในการชำระเงินไปจนถึงการโหลดรถเข็น Yankee Candle ใช้การออกแบบ CTA เดียวกันบนหน้าชำระเงินทั้งหมด เคล็ดลับในการออกแบบปุ่มคำกระตุ้นการตัดสินใจให้มีประสิทธิภาพมากที่สุดคือการยึดมั่นในปัจจัยพื้นฐาน แนวทางปฏิบัติที่ดีที่สุดทั้ง 19 ข้อนี้จะช่วยคุณในการพัฒนาปุ่ม CTA ที่มีประสิทธิภาพ

การเลือกสีที่เข้มพร้อมภาพที่น่าจดจำ ตลอดจนการเลือกแบบอักษร serif หรือ sans-serif ถือเป็นตัวเลือกที่ดีที่สุด เป็นสิ่งสำคัญสำหรับนักออกแบบเว็บไซต์ที่จะต้องพิจารณาลำดับชั้นของขนาดเมื่อออกแบบปุ่ม CTA หาก CTA เป็นหลัก ก็ควรใกล้เคียงกับ H1 และ H2 ของคุณมากที่สุด สามารถมีขนาดเล็กลงได้ตราบเท่าที่สามารถอ่านได้และคลิกได้ องค์ประกอบหลักของการออกแบบของคุณสามารถหายใจได้ง่ายขึ้นเล็กน้อยด้วยความช่วยเหลือของพื้นที่สีขาว เมื่อออกแบบปุ่ม CTA นักออกแบบต้องคำนึงถึงความสวยงามของแบรนด์ พวกเขายังต้องเป็นปัจจุบันในแนวโน้มการออกแบบของพวกเขา

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

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

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

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