# Schaltfläche für Push-Abonnements

Gewinnen Sie mehr Push-Abonnenten und verbessern Sie die Benutzererfahrung! Richten Sie eine benutzerdefinierte Abonnement-Schaltfläche auf Ihrer Website ein, um die Opt-in-Rate zu erhöhen. Anstatt neuen Besuchern automatisch den Standarddialog anzuzeigen, erklären Sie den Wert Ihrer Nachrichten und fordern Sie zum Abonnieren von Push-Benachrichtigungen auf, wenn die Benutzer zufrieden sind.\
In **zwei** einfachen Schritten haben Sie eine funktionierende, benutzerdefinierte Schaltfläche für Push-Abonnements!

## 1. Implementieren der Abonnement-Schaltfläche des Web SDK

<Aside type="caution">
#### Pushwoosh Web SDK

Stellen Sie sicher, dass Sie das Pushwoosh Web SDK auf Ihrer Website implementiert haben. Folgen Sie dazu bitte unserem [Leitfaden](/de/developer/pushwoosh-sdk/web-push-notifications/web-push-sdk-30/#integration).
</Aside>

Um die Schaltfläche auf Ihrer Website anzuzeigen, fügen Sie bitte den folgenden Code in die Initialisierungsparameter des Pushwoosh Web SDK ein:

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

Stellen Sie sicher, dass Sie `autoSubscribe` deaktivieren, wenn Sie die Schaltfläche einrichten!

<Aside type="note">
Damit die Schaltfläche für Besucher, die Chrome und Mozilla verwenden, sichtbar ist, müssen Sie die `fcm_sender_id` in der `manifest.json`-Datei angeben; für Safari geben Sie `safariWebsitePushID` an.
</Aside>

## 2. Anpassen der Schaltfläche

Passen Sie das Design der Schaltfläche an, damit sie zum Erscheinungsbild Ihrer Website passt! Sie können Parameter wie die Farbe der Glocke, die Position, den Rahmen und den Schatten ändern. Darüber hinaus ist es möglich, die Tooltip-Texte zu ändern.

```javascript
Pushwoosh.push(['init', {
  //...
  subscribeWidget: {
    enable: true,
    position: 'bottomLeft', //mögliche Werte: ‘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: 'Sie haben sich erfolgreich angemeldet!',
      needSubscribe: 'Erhalten Sie Benachrichtigungen über wichtige Neuigkeiten!',
      blockSubscribe: 'Klicken Sie hier, um zu sehen, wie Sie Benachrichtigungen erhalten',
      alreadySubscribed: 'Sie sind bereits angemeldet'
    }
    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">

Um die Opt-in-Raten für Push-Benachrichtigungen zu maximieren, stellen Sie sicher, dass die Vorteile des Abonnierens für die Benutzer offensichtlich sind. Ändern Sie den `needSubscribe`-Text so, dass er den Wert Ihrer Nachrichten erklärt, und die Leute werden Benachrichtigungen abonnieren!
</Aside>