सामग्री पर जाएं
उपयोगकर्ता गाइडसहायता डेमो अनुरोध करें साइन इन करें
Pushwoosh.com

زر الاشتراك في Push

احصل على المزيد من مشتركي Push وحسّن تجربة المستخدم! قم بإعداد زر اشتراك مخصص على موقعك الإلكتروني لزيادة معدل الاشتراك. بدلاً من عرض مربع الحوار القياسي تلقائيًا للوافدين الجدد، اشرح قيمة رسائلك واطلب الاشتراك في إشعارات Push عندما يكون المستخدمون راضين.
في خطوتين سهلتين، سيكون لديك زر اشتراك Push مخصص جاهز للعمل!

1. تطبيق زر الاشتراك في Web SDK

Anchor link to

لعرض الزر على موقعك الإلكتروني، يرجى إضافة الكود التالي إلى معلمات تهيئة Pushwoosh Web SDK:

Pushwoosh.push(['init', {
  //...
  autoSubscribe: false,
  subscribeWidget: {
    enable: true,
  }
}]);

تأكد من تعطيل autoSubscribe عند إعداد الزر!

2. تخصيص الزر

Anchor link to

لجعل الزر يتناسب مع مظهر موقعك الإلكتروني، قم بتخصيص تصميمه! يمكنك تغيير معلمات مثل لون الجرس، الموضع، الحدود، والظل؛ علاوة على ذلك، من الممكن تغيير نصوص تلميحات الأدوات.

Pushwoosh.push(['init', {
  //...
  subscribeWidget: {
    enable: true,
    position: 'bottomLeft', //possible values: ‘bottomLeft’, ‘bottomRight’, ‘topLeft’, ‘topRight’
    bgColor: '#12AE7E',
    bellColor: 'white',
    bellStrokeColor: '#08754f',
    bellButtonBorder: '1px solid #379676',
    shadow: '0px 0px 6px rgba(0, 0, 0, 0.75)',
    size: '48px',
    indent: '20px',
    zIndex: '999999',
    tooltipText: {
      successSubscribe: 'You are successfully subscribed!',
      needSubscribe: 'Get notifications about important news!',
      blockSubscribe: 'Click to see how to get notifications',
      alreadySubscribed: 'You are already subscribed'
    }
    buttonImage: 'https://url-image.jpg',
    contentImages: {
      chrome: 'https://url-image.jpg',
      mobileChrome: 'https://url-image.jpg',
      firefox: 'https://url-image.jpg',
      opera: 'https://url-image.jpg',
      safari: 'https://url-image.jpg',
      edge: 'https://url-image.jpg',
    }
  }
}]);