# পুশ সাবস্ক্রিপশন বাটন

আরও পুশ সাবস্ক্রাইবার পান এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করুন! অপ্ট-ইন রেট বাড়ানোর জন্য আপনার ওয়েবসাইটে একটি কাস্টম সাবস্ক্রিপশন বাটন সেট আপ করুন। নতুনদের স্বয়ংক্রিয়ভাবে স্ট্যান্ডার্ড ডায়ালগ দেখানোর পরিবর্তে, আপনার বার্তাগুলির গুরুত্ব ব্যাখ্যা করুন এবং ব্যবহারকারীরা যখন খুশি তখন পুশ নোটিফিকেশনের জন্য সাবস্ক্রাইব করতে উৎসাহিত করুন।\
**দুটি** সহজ ধাপে, আপনার একটি কাস্টম পুশ সাবস্ক্রিপশন বাটন প্রস্তুত এবং কার্যকর হয়ে যাবে!

## ১. ওয়েব SDK সাবস্ক্রিপশন বাটন প্রয়োগ করুন

<Aside type="caution">
#### Pushwoosh ওয়েব SDK

নিশ্চিত করুন যে আপনি আপনার ওয়েবসাইটে Pushwoosh ওয়েব SDK প্রয়োগ করেছেন। এটি করতে, অনুগ্রহ করে আমাদের [গাইড](/bn/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>

## ২. বাটনটি কাস্টমাইজ করুন

বাটনটিকে আপনার ওয়েবসাইটের চেহারা এবং অনুভূতির সাথে মেলাতে, এর ডিজাইন কাস্টমাইজ করুন! আপনি বেলের রঙ, অবস্থান, বর্ডার এবং শ্যাডোর মতো প্যারামিটার পরিবর্তন করতে পারেন; এছাড়াও, টুলটিপের টেক্সট পরিবর্তন করাও সম্ভব।

```javascript
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: 'আপনি সফলভাবে সাবস্ক্রাইব করেছেন!',
      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>