Zum Inhalt springen
BenutzerhandbücherSupport Demo anfordern Anmelden
Pushwoosh.com

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

Anchor link to

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

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

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

2. Anpassen der Schaltfläche

Anchor link to

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.

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',
    }
  }
}]);