# पुश सब्सक्रिप्शन बटन

अधिक पुश सब्सक्राइबर प्राप्त करें और उपयोगकर्ता अनुभव में सुधार करें! ऑप्ट-इन दर बढ़ाने के लिए अपनी वेबसाइट पर एक कस्टम सब्सक्रिप्शन बटन सेट करें। नए आने वालों को स्वचालित रूप से मानक डायलॉग दिखाने के बजाय, अपने संदेशों के मूल्य को समझाएं और जब उपयोगकर्ता खुश हों तो पुश नोटिफिकेशन के लिए सब्सक्राइब करने का संकेत दें।\
**दो** आसान चरणों में, आपके पास एक कस्टम पुश सब्सक्रिप्शन बटन तैयार और काम कर रहा होगा!

## 1. वेब SDK सब्सक्रिप्शन बटन लागू करें

<Aside type="caution">
#### Pushwoosh वेब SDK

सुनिश्चित करें कि आपने अपनी वेबसाइट पर Pushwoosh वेब SDK लागू कर लिया है। ऐसा करने के लिए, कृपया हमारे [गाइड](/hi/developer/pushwoosh-sdk/web-push-notifications/web-push-sdk-30/#integration) का पालन करें।
</Aside>

अपनी वेबसाइट पर बटन दिखाने के लिए, कृपया Pushwoosh वेब SDK के इनिशियलाइज़ेशन पैरामीटर्स में निम्नलिखित कोड जोड़ें:

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

बटन सेट करते समय `autoSubscribe` को डिसेबल करना सुनिश्चित करें!

<Aside type="note">
Chrome और Mozilla का उपयोग करने वाले विज़िटर्स के लिए बटन को दृश्यमान बनाने के लिए, आपको `manifest.json` फ़ाइल में `fcm_sender_id` निर्दिष्ट करना होगा; Safari के लिए, `safariWebsitePushID` निर्दिष्ट करें।
</Aside>

## 2. बटन को कस्टमाइज़ करें

बटन को अपनी वेबसाइट के लुक और फील से मिलाने के लिए, उसके डिज़ाइन को कस्टमाइज़ करें! आप बेल का रंग, स्थिति, बॉर्डर और शैडो जैसे पैरामीटर बदल सकते हैं; इसके अलावा, टूलटिप टेक्स्ट को बदलना भी संभव है।

```javascript
Pushwoosh.push(['init', {
  //...
  subscribeWidget: {
    enable: true,
    position: 'bottomLeft', //संभावित मान: ‘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: 'आप सफलतापूर्वक सब्सक्राइब हो गए हैं!',
      needSubscribe: 'महत्वपूर्ण समाचारों के बारे में सूचनाएं प्राप्त करें!',
      blockSubscribe: 'सूचनाएं कैसे प्राप्त करें यह देखने के लिए क्लिक करें',
      alreadySubscribed: 'आप पहले से ही सब्सक्राइब हैं'
    }
    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',
    }
  }
}]);
```

<Aside type="tip">

पुश ऑप्ट-इन दरों को अधिकतम करने के लिए, सुनिश्चित करें कि सब्सक्राइब करने के लाभ उपयोगकर्ताओं के लिए स्पष्ट हों। `needSubscribe` टेक्स्ट को बदलें ताकि यह आपके संदेशों के मूल्य को समझाए, और लोग सूचनाओं के लिए सब्सक्राइब करेंगे!
</Aside>