วิดเจ็ต Social Proof จะจำลองคำสั่งซื้อหรือการซื้อสินค้าของคุณบนเว็บไซต์ โดยแสดงเป็นป๊อปอัปแจ้งเตือน

วิธีการทำงานของวิดเจ็ต

วิดเจ็ตทำงานบนหลักการทางจิตวิทยาง่ายๆ: เมื่อผู้เยี่ยมชมเห็นว่าผู้อื่นกำลังซื้อสินค้า พวกเขาก็มีแนวโน้มที่จะซื้อตามมากขึ้น

ประโยชน์หลัก

การรวมวิดเจ็ตนี้บนเว็บไซต์ของคุณให้ข้อได้เปรียบเชิงกลยุทธ์หลายประการ:

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

วิธีสร้างและตั้งค่าวิดเจ็ต

ในการสร้างวิดเจ็ต ให้ไปที่แท็บ "วิดเจ็ต" ที่เกี่ยวข้อง

จากนั้นคลิกปุ่ม "สร้างวิดเจ็ต"

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

จากนั้นคุณจะถูกนำไปยังหน้าการตั้งค่าวิดเจ็ต:

ข้อมูลทั่วไป

ชื่อวิดเจ็ต

ระบุชื่อวิดเจ็ตของคุณในช่องการตั้งค่า "ชื่อวิดเจ็ต":

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

โดเมน

นี่คือฟิลด์ที่จำเป็นที่สอง ซึ่งคุณต้องระบุโดเมนของเว็บไซต์ของคุณ:

สามารถเป็นเว็บไซต์ที่สร้างบน MaviBot, สร้างด้วยแพลตฟอร์ม Tilda หรือเว็บไซต์ที่คุณสร้างเอง

การตั้งค่าเนื้อหาทั่วไป

การตั้งค่าเนื้อหาทั่วไปจะกำหนดสิ่งที่จะแสดงในป๊อปอัปแจ้งเตือนของวิดเจ็ตบนเว็บไซต์

โปรดใส่ใจกับตัวยึดตำแหน่ง เช่น [name], [city] และอื่นๆ — คุณจะใช้ตัวยึดเหล่านี้เมื่อสร้างข้อความภายในวิดเจ็ตภายใต้แท็บ "ตัวเลือกวิดเจ็ต"

ตัวยึดตำแหน่งชื่อ

ฟิลด์ตัวยึดตำแหน่งชื่อช่วยให้คุณแสดงชื่อเฉพาะเพศชายหรือเพศหญิงบนเว็บไซต์:

ในการสลับชื่อเป็นเพศชายหรือเพศหญิง ให้ใช้ฟิลด์ที่เกี่ยวข้อง:

คุณยังสามารถเลือกชื่อตามตำแหน่งทางภูมิศาสตร์:

จากนั้นการเลือกชื่อจะถูกปรับเปลี่ยน

ตัวยึดตำแหน่งเมือง

คุณยังสามารถเลือกชื่อตามตำแหน่งทางภูมิศาสตร์:

ตัวยึดตำแหน่งยอดรวม

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

ในการป้อนยอดรวมที่แน่นอน ให้ใช้ฟิลด์ว่างทางด้านขวา:

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

หากจำเป็น คุณยังสามารถกำหนดจำนวนตำแหน่งทศนิยมสำหรับการปัดเศษ:

ตัวยึดตำแหน่งตัวแปรที่กำหนดเอง

ในการแทรกตัวแปรที่กำหนดเองของคุณลงในวิดเจ็ต ให้คลิกปุ่ม "เพิ่มตัวแปร"

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

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

จากนั้นคลิก "บันทึก" เพื่อจัดเก็บค่าในระบบ:

จากนั้น คุณจะเห็นว่าตัวแปรที่กำหนดเองถูกบันทึกไว้ในการตั้งค่าเนื้อหาทั่วไป:

หากต้องการใช้ตัวแปรในภายหลัง ให้แทรกชื่อที่อยู่ในวงเล็บเหลี่ยมลงในฟิลด์ "ข้อความหลัก" ภายใต้ส่วน "เนื้อหา":

เงื่อนไขการเรียกใช้วิดเจ็ต

ช่วงเวลา

คุณสามารถกำหนดเวลาการแสดงวิดเจ็ตบนเว็บไซต์ได้โดยใช้ฟีเจอร์ "เมื่อใดควรแสดงวิดเจ็ต":

  1. ทันที
    การตั้งค่านี้จะแสดงวิดเจ็ตทันทีเมื่อผู้ใช้เปิดเว็บไซต์
  2. หลังจากหน่วงเวลา

วิดเจ็ตจะปรากฏบนเว็บไซต์หลังจากจำนวนวินาทีที่กำหนดเมื่อผู้ใช้เปิดเว็บไซต์

ช่วงเวลาถูกกำหนดเป็นวินาที โดยมีค่าต่ำสุด 1 วินาทีและสูงสุด 15 วินาที

  1. หลังจากเลื่อน

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

ช่วงเวลา

นอกจากนี้ยังมีเงื่อนไขการเรียกใช้ดังต่อไปนี้:

  1. ระยะเวลาแสดงผล:
    • กำหนดค่าเป็นวินาที
    • กำหนดว่าวิดเจ็ตจะมองเห็นได้นานเท่าใดก่อนที่การแจ้งเตือนจะหายไป
  2. ช่วงเวลาระหว่างการหน่วง
    • กำหนดค่าเป็นวินาที
    • กำหนดความล่าช้าระหว่างการแสดงวิดเจ็ต — หลังจากการแจ้งเตือนหนึ่งปรากฏขึ้น การแจ้งเตือนถัดไปจะแสดงหลังจากผ่านไปตามจำนวนวินาทีที่กำหนดเท่านั้น

กำหนดเงื่อนไข

มาดูเงื่อนไขที่มีให้ละเอียดยิ่งขึ้น

  1. พารามิเตอร์ UTM

หากต้องการเรียนรู้ว่าแท็ก UTM คืออะไรและวิธีใช้งาน เราขอแนะนำให้อ่านบทความ "วิธีถ่ายโอนแท็ก UTM"

ป้อนชื่อของแท็กที่ต้องการในฟิลด์ที่กำหนด:

จากนั้น เลือกตัวดำเนินการที่ตรงกับแท็กกับค่า:

อะไรคือความแตกต่างระหว่าง contains/does not contain และ equals/does not equal?

ความแตกต่างหลักคือ ตัวดำเนินการ "contains/does not contain" จะตรวจสอบว่าแท็ก UTM มี (หรือไม่มี) ค่าที่กำหนดหรือไม่

ในทางตรงกันข้าม ตัวดำเนินการ "equals" ต้องการการจับคู่ที่แน่นอน หมายความว่าระบบจะค้นหาแท็ก UTM ที่ตรงกับค่าที่ระบุทุกประการ (และ "does not equal" ก็ทำงานตรงกันข้าม)

จากนั้นป้อนค่าที่ต้องการสำหรับแท็ก UTM:

  1. ประเทศ

คุณยังสามารถเลือกเงื่อนไข "ประเทศ" ซึ่งจะแสดงวิดเจ็ตตามประเทศ IP ของผู้เยี่ยมชม

เลือกประเทศที่ต้องการจากรายการ รวมถึงประเภทตัวดำเนินการ ("คือ" หรือ "ไม่ใช่"):

  1. อุปกรณ์

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

การตั้งค่ายังรวมถึงฟีเจอร์ในการเพิ่มหลายค่าสำหรับการแสดงวิดเจ็ต เพียงคลิก "+ เพิ่มค่า" และตั้งค่าเงื่อนไขเพิ่มเติมตามต้องการ:

ตัวเลือกวิดเจ็ต

เมื่อคุณตั้งค่าวิดเจ็ตเสร็จแล้ว ให้ไปที่แท็บ "ตัวเลือกวิดเจ็ต":

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

เนื้อหา

คุณสามารถป้อนข้อความคงที่หรือตัวแปรไดนามิก (เช่น [name], [sum], [city]) ในฟิลด์ ชื่อเรื่อง และ ข้อความหลัก เมื่อวิดเจ็ตทำงาน ระบบจะแทนที่ตัวแปรเหล่านี้ด้วยค่าจริงที่กำหนดค่าในการตั้งค่าวิดเจ็ตของคุณโดยอัตโนมัติ

ไอคอน

ไอคอนจะแสดงภายในป๊อปอัปแจ้งเตือน:

รูปลักษณ์

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

  1. จานสี: เลือกสีสำหรับองค์ประกอบวิดเจ็ตใดๆ ตั้งแต่ข้อความไปจนถึงพื้นหลังไอคอน และคุณยังสามารถเลือกการไล่ระดับสีได้
  2. การจัดตำแหน่งข้อความสามารถตั้งค่าให้สัมพันธ์กับกึ่งกลาง ขอบขวา หรือขอบซ้าย:

  1. การตั้งค่ามุมการแจ้งเตือน: คุณสามารถเลือกมุมโค้งมน สี่เหลี่ยม หรือกลมเต็มสำหรับข้อความบนเว็บไซต์:

ซ่อนปุ่มปิดวิดเจ็ต

ช่องทำเครื่องหมายนี้จะซ่อนปุ่มปิด (×) ที่มุมของวิดเจ็ต

ตำแหน่งวิดเจ็ตบนเว็บไซต์

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

ตำแหน่งของวิดเจ็ตคำนวณจากขอบล่างและขวาของหน้าจอ หากต้องการย้ายไปทางขอบซ้าย ให้ตั้งค่าฟิลด์ "ระยะขอบขวา" เป็น 60%

วิธีฝังวิดเจ็ตบนเว็บไซต์

เมื่อคุณกำหนดค่าการตั้งค่าทั้งหมดและปรับแต่งรูปลักษณ์ของวิดเจ็ตให้เข้ากับการออกแบบเฉพาะของคุณแล้ว ให้คลิกปุ่ม "เพิ่มวิดเจ็ต" ที่ด้านล่างของหน้าจอ

คุณจะถูกนำไปยังรายการวิดเจ็ตที่มีอยู่ ซึ่งคุณต้องคลิกปุ่ม "ฝังโค้ดบนเว็บไซต์":

หน้าต่างโมดอลจะเปิดขึ้นแสดงโค้ดสคริปต์:

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

จากนั้นวางสคริปต์ลงในโค้ด HTML ภายในส่วน:

หากต้องการฝังวิดเจ็ตบนเว็บไซต์ Tilda ให้คัดลอกสคริปต์วิดเจ็ตโดยใช้ปุ่ม "ฝังโค้ดบนเว็บไซต์" จากนั้นเพิ่มลงในหน้าเว็บไซต์ของคุณ

เสร็จแล้ว! การตั้งค่าและติดตั้งวิดเจ็ตบนเว็บไซต์ของคุณเสร็จสมบูรณ์แล้ว!