วิธีสร้างกล่องโปรโมชั่นใน WordPress โดยใช้ Elementor

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

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

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

คุณสามารถแสดงข้อเสนอและการแจ้งเตือนการขายสำหรับผลิตภัณฑ์ธุรกิจของคุณได้อย่างง่ายดายผ่านแบนเนอร์ส่งเสริมการขาย

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

ในบทความนี้ เราจะให้คำแนะนำทีละขั้นตอนโดยละเอียดเกี่ยวกับวิธีสร้างกล่องโปรโมชันใน WordPress โดยใช้ Elementor และ PowerPack องค์ประกอบ

สร้างกล่องโปรโมชั่นใน wordpress

ดังนั้นโดยไม่ต้องกังวลใจอีกต่อไป ไปที่บทแนะนำกันเลย

วิธีสร้างกล่องโปรโมชั่นใน WordPress โดยใช้ Elementor

ในการสร้างกล่องส่งเสริมการขายหรือแบนเนอร์บนเว็บไซต์ WordPress ของคุณ ก่อนอื่นคุณต้องเปิดใช้งานและติดตั้ง Elementor และ PowerPack Addons สำหรับ Elementor

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

เมื่อพูดถึงการสร้างแบนเนอร์ส่งเสริมการขายโดยใช้ตัวสร้างเพจ Elementor PowerPack มีวิดเจ็ตที่ทรงพลังสำหรับการสร้างแบนเนอร์ส่งเสริมการขาย - Promo Box Widget

PowerPack Promo Box Widget มาพร้อมกับคุณสมบัติที่ยืดหยุ่น ใช้งานง่าย และสะดวก ซึ่งช่วยสร้างกล่องโปรโมชั่นใน WordPress โดยไม่ต้องแตะโค้ดแม้แต่บรรทัดเดียว!

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

ลากและวาง PowerPack Promo Box Widget

ขั้นแรก เปิดเพจในตัวแก้ไข Elementor และในแถบค้นหา ให้พิมพ์ 'Promo Box' แล้วลากและวางวิดเจ็ตบนเพจ

ตรวจสอบให้แน่ใจว่าได้ตรวจสอบเครื่องหมาย PowerPack PP ที่มุมบนขวาของวิดเจ็ต

ลาก & วาง PowerPack Promo Box Widget

แท็บเนื้อหาของวิดเจ็ตกล่องโปรโมชั่น

แท็บเนื้อหาของ Promo Box Widget มีส่วนย่อยสามส่วนเพื่อเพิ่มและปรับแต่งส่วนเนื้อหา

คุณจะได้รับตัวเลือกในการแก้ไขเนื้อหา เช่น เนื้อหา ไอคอน และ ปุ่ม

ตัวเลือกแท็บเนื้อหาของกล่องโปรโมชั่น

มาดูตัวเลือกที่มีให้ในแท็บเนื้อหาของวิดเจ็ต Promo Box กัน

1. เนื้อหา

ในส่วนนี้ คุณจะได้รับตัวเลือกในการปรับแต่งเนื้อหา Promo Box

ปรับแต่งเนื้อหาของกล่องโปรโมชั่น

มาดูตัวเลือกทั้งหมดที่ส่วนเนื้อหานี้มีให้:

  • ชื่อเรื่อง: ตามชื่อที่แนะนำ คุณสามารถเพิ่มหัวเรื่องหรือหัวเรื่องที่กำหนดเองลงในองค์ประกอบกล่องโปรโมชันได้
  • แท็ก HTML ของหัวข้อ : คุณลักษณะนี้ช่วยให้คุณสามารถเลือกแท็ก HTML สำหรับชื่อได้
  • ตัวแบ่งส่วน หัว: สลับไปที่ตัวเลือกตัว แบ่ง ส่วนหัวเพื่อเพิ่มตัวคั่นระหว่างหัวเรื่องและหัวเรื่องย่อย
  • ชื่อหัวข้อย่อย: เพิ่มหัวข้อย่อยสำหรับกล่องโปรโมชันของคุณ
  • แท็ก HTML: ที่นี่ คุณจะได้รับตัวเลือกในการเลือกแท็ก HTML สำหรับหัวข้อย่อย
  • Sub Heading Divider: สลับไปที่ตัวเลือก Sub Heading Divider เพื่อเพิ่มตัวคั่นระหว่างหัวข้อย่อยและคำอธิบาย
  • คำอธิบาย: ด้วยตัวเลือกนี้ คุณสามารถเพิ่มคำอธิบายสำหรับแบนเนอร์ส่งเสริมการขายของคุณได้

2. ไอคอน

คุณลักษณะนี้ช่วยให้คุณสามารถแสดงภาพไอคอนหรือโลโก้ธุรกิจเฉพาะใดๆ ในกล่องโปรโมชันของคุณ

ตัวเลือกการปรับแต่งไอคอน

หลังจากเปิดใช้งานตัวเลือก แสดงไอคอน แล้ว ตัวเลือกบางอย่างจะปรากฏขึ้นเพื่อปรับแต่งภาพไอคอนหรือโลโก้

  • ประเภทไอคอน: ที่นี่คุณสามารถเลือกประเภทไอคอนสำหรับกล่องโปรโมชันของคุณ คุณสามารถเลือกตัวเลือก "ไอคอน" มาตรฐานหรืออัปโหลด "รูปภาพ" ที่กำหนดเองและแสดงเป็นไอคอนในกล่องโปรโมตของคุณ
  • ตำแหน่งไอคอน: เมื่อใช้ตัวเลือกนี้ คุณสามารถปรับตำแหน่งของไอคอนได้

3. ปุ่ม

เปิดใช้งานคุณสมบัติ ปุ่ม เพื่อแสดงปุ่มคำกระตุ้นการตัดสินใจ

เมื่อคุณเปิดใช้งานคุณลักษณะปุ่ม คุณจะได้รับสองตัวเลือกเพิ่มเติม ซึ่งคุณสามารถ เพิ่มข้อความปุ่ม และ เชื่อมโยง URL ของไซต์ผลิตภัณฑ์ของคุณได้โดยตรง

ปรับแต่งแท็บสไตล์ของวิดเจ็ตกล่องโปรโมชั่น

เมื่อคลิก แท็บรูปแบบ ของวิดเจ็ตกล่องโปรโมชัน คุณจะเห็นอินเทอร์เฟซต่อไปนี้:

แท็บ ลักษณะ มีส่วนย่อยที่คุณจะได้รับความยืดหยุ่นในการจัดรูปแบบวิดเจ็ต Promo Box ในทุกด้าน

แท็บสไตล์ของวิดเจ็ตกล่องโปรโมชัน

มาดูฟังก์ชันต่างๆ ที่ส่วนสไตล์มีให้:

1. กล่องโปรโมชั่น

ในส่วน Promo Box คุณจะพบตัวเลือกเหล่านี้: ประเภทพื้นหลัง, ความสูง, ประเภทเส้นขอบ, ความกว้างของ เส้น ขอบ, สีเส้นขอบ, รัศมี เส้นขอบ และ ช่องว่างภายใน

ตัวเลือกการจัดสไตล์กล่องโปรโมชั่น

มาดูกันว่าคุณจะใช้งานฟีเจอร์เหล่านี้เพื่อจัดสไตล์ Promo Box ได้อย่างไร

  • ประเภทพื้นหลัง : ช่วยให้คุณเพิ่มภาพพื้นหลังหรือสีทึบลงใน Promo Box เพียงคลิกที่ตัวเลือกเพิ่มรูปภาพ จากนั้นเลือกรูปภาพของผลิตภัณฑ์ของคุณจากไลบรารีสื่อ จากนั้นคลิกที่ แทรกสื่อ เพื่อเพิ่มรูปภาพ
  • ความสูง: ปรับความสูงของวิดเจ็ตด้วยตัวเลือกนี้
  • ประเภทเส้นขอบ: คุณสามารถเลือกประเภทเส้นขอบได้ที่นี่
  • ความกว้าง: ในตัวเลือกนี้ คุณจะมีความยืดหยุ่นในการปรับความกว้างของเส้นขอบ
  • สีของเส้นขอบ: คุณสามารถตกแต่งเส้นขอบของวิดเจ็ตได้โดยกำหนดสีของเส้นขอบ
  • รัศมีเส้นขอบ: ในตัวเลือกนี้ คุณสามารถปรับรัศมีเส้นขอบได้
  • Padding: คุณลักษณะนี้ช่วยให้วิดเจ็ตของคุณดูสวยงามและเป็นระเบียบ ปรับ padding ตามลักษณะที่คุณต้องการ

นี่คือลักษณะของ Promo Box หลังจากใช้คุณสมบัติการจัดสไตล์เหล่านี้:

2. โอเวอร์เลย์

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

3. เนื้อหา

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

ตัวเลือกการซ้อนทับและการปรับแต่งเนื้อหาของวิดเจ็ตกล่องโปรโมชั่น powerpack

ลองดูตัวเลือกที่นี่:

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

4. ไอคอน

ตัวเลือกนี้มาพร้อมกับคุณสมบัติสองสามอย่าง เช่น:

ปรับแต่งการตั้งค่าไอคอนของ Promo Box Widget
  • ขนาดไอคอน: ตัวเลือกนี้จะช่วยให้คุณปรับขนาดของไอคอนได้
  • สีไอคอน: การใช้ตัวเลือกนี้ คุณสามารถเปลี่ยนสีของไอคอนได้
  • สีพื้นหลัง: ตัวเลือกนี้อนุญาตให้เพิ่มสีพื้นหลังสำหรับไอคอน
  • Padding: ตามที่ระบุในชื่อ คุณสามารถปรับช่องว่างภายในของไอคอนได้ตามลักษณะที่คุณต้องการ
  • ประเภทเส้นขอบ: คุณสามารถเลือกประเภทเส้นขอบสำหรับไอคอนด้วยตัวเลือกนี้
  • รัศมีเส้นขอบ: คุณสามารถจัดรูปแบบไอคอนได้โดยการปรับรัศมีเส้นขอบในตัวเลือกนี้
  • ระยะ ขอบ: คุณลักษณะระยะขอบนี้ช่วยให้ปรับไอคอนที่ใช้กับกล่องโปรโมชั่น

5. หัวเรื่อง

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

6. ตัวแบ่งส่วนหัว

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

7. หัวข้อย่อย

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

8. ตัวแบ่งหัวข้อย่อย

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

9. คำอธิบาย

ตัวเลือกการปรับแต่งคำอธิบาย

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

10. ปุ่ม

ตัวเลือกการปรับแต่งปุ่มกล่องโปรโมชั่น

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

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

ปรับแต่ง Promo Box Widget โดยใช้ตัวเลือกที่มีอยู่ในแท็บขั้นสูง

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

ตรวจสอบหน้า Landing Page ของ PowerPack Promo Box Widget เพื่อรับแรงบันดาลใจในการออกแบบ

สร้างกล่องโปรโมชั่นใน wordpress

รับวิดเจ็ตกล่องโปรโมชั่น PowerPack ของคุณตอนนี้!

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

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

เราหวังว่าบทช่วยสอนนี้จะช่วยให้คุณเรียนรู้วิธีสร้างกล่องโปรโมชันใน WordPress เพื่อโปรโมตข้อเสนอ/ข้อเสนอของผลิตภัณฑ์ของคุณ คลิกที่นี่เพื่อรับ PowerPack Promo Box Widget สำหรับ Elementor

หากคุณมาถึงที่นี่ ถือว่าคุณได้อ่านบทความทั้งหมดของเราแล้ว และคุณก็ชอบมันเช่นกัน โปรดส่งความคิดเห็นของคุณที่นี่; เราชอบที่จะได้รับคำตอบของคุณ เข้าร่วมกับเราบน Twitter, Facebook และ Youtube