Mit dem CleverPush App-Builder lassen sich Apps bauen. Diesen App-Builder bieten wir als Addon an, der entsprechend freigeschaltet werden kann.

Nachdem Sie die Grundeinstellungen für Ihre App definiert haben, gelangen Sie zu dem App-Builder. Hier befinden sich auf der rechten Seite verschiede Elemente, die eingesetzt werden können, wie Text-Elemente, Bild-Elemente und vieles mehr. Auf der linken Seite des App-Builders, gibt es sogenannte Screens, welche festgelegt werden. Mit den Screens werden die Inhalte innerhalb der App definiert und somit wiedergegeben.

Wie richte ich eine Webview App ein:

Über das Webview-Element auf der rechten Seite, haben Sie die Möglichkeit die App als sogenannte Web-View-Ansicht wiederzugeben. Somit haben Sie die Möglichkeit über Ihre Webseite eine App zu erstellen und somit die Inhalte identisch wiederzugeben.

Über das URL-Feld definieren Sie die gewünschte Seite für ihren Screen, welcher wiedergegeben werden soll.

Das Menü können Sie über die Menü-Einstellungen auswählen und nach Wunsch einrichten und entsprechende Icons, Farben und Bezeichnungen festlegen.

Badges aktivieren: Sie können Nutzern eine Aktivitätsbenachrichtigungen anzeigen lassen, sobald innerhalb des Menüpunktes Aktivitäten vorgenommen werden. 

Dynamisches Icon: Hier können Sie die festgelegten Icons mit einem Java Skript Code dynamisch anzeigen lassen. Somit können die Icons über eine bestimmte Seite, eine bestimmte Farbe übernehmen.

Externe Verlinkung: Möglichkeit eine externe URL zu definieren und somit über den Menüpunkt auf den externen Link zu verweisen.

Menü unter bestimmten Bedingungen verstecken: Über einen JavaSkript Code, haben Sie die Möglichkeit das Menü unter bestimmten Bedingungen zu verstecken.

Einstellungen

Bei „Push Kanal“ wird der Kanal ausgewählt, über den später die Nachrichten verschickt werden sollen.
Bei „Apple Account“ muss der hinterlegte (wird nachfolgend erklärt) Apple Account ausgewählt werden.
Die „Firebase“ Datei muss direkt von Firebase bezogen und dann bei uns hochgeladen werden, hier gibt es weitere Infos diesbezüglich https://support.google.com/firebase/answer/7015592?hl=de#zippy=%2Cthemen-in-diesem-artikel
Das „Icon“ und „Startbild“ sollte mit einer passenden Datei befüllt werden.
Bei „Mode“ ist im Standard der Vorschaumodus aktiv. Wird dieser deaktiviert, erscheint an der Seite der Menu Punkt „Builds“, dort wird nach dem die App fertig ist eine Datei erstellt, die dann in den Stores veröffentlich werden kann.

Unter „Data Sources“ können Datenquellen hinterlegt werden. Das kann etwa ein RSS Feed sein, der später Inhalte in die App spielt.

Unter „Accounts“ wird der zuvor erwähnte Apple Entwickler Account hinterlegt, bei Bedarf haben wir auch weitere Infos von Apple diesbezüglich direkt verlinkt. Wichtig ist, dass es sich dabei um den spezifischen Entwickler Account handelt.

Wann ist ein neuer Build erforderlich?

Für Anpassungen innerhalb der App-Einstellungen und des App-Codes, ist ein Build erforderlich.

Wenn Änderungen in den Screeneinstellungen vorgenommen werden, ist kein neuer Build notwendig.

Der Beitrag CleverPush – App-Builder erschien zuerst auf CleverPush.

1. Navigiere in CleverPush zu Kanäle -> (Kanal) -> E-Mail -> Integrationen und aktiviere dort die Plenigo Integration
   
2. In Plenigo muss nun die bei CleverPush angezeigte Webhook-URL als Callback-URL eingefügt werden für folgende Events:
   1. Bestellung CREATION
   2. Abonnement CANCELLATION, UNDO_CANCELLATION
3. In Plenigo muss ein API Zugangstoken generiert werden und in CleverPush hinterlegt werden:
   1. Zugriffsrechte: Nur Lesen
   2. Anwendungen: CUSTOMERS, ORDERS, PRODUCTS, SUBSCRIPTIONS, ACTIVITIES, ACCESS_RIGHTS, TRANSACTIONS, STATUS, CHECKOUT, CALLBACKS
4. Anschließend können über den Bereich „Plenigo Regeln“ die Regeln definiert werden, was in CleverPush bei bestimmten Plenigo Events ausgelöst werden soll (bspw Tag-Zuweisung -> Mit diesem Tag dann eine Follow-Up Kampagne starten).

Der Beitrag Plenigo Integration erschien zuerst auf CleverPush.

This banner can be displayed on specific subpages of your website. These and other detailed settings can be found in the web push section, if it is activated for you.

With a click on „Add Web Banner“, you can see all seetings to create a webbanner.

You can give a name to the banner and set a status. If it’s set as a draft, you can create the banner without being displayed on your website. In the seetings you can add a background and choose a text colors, banner width, spacing, and alignment.

With clicking on „Edit Content“ you can editing the Web Banner content , customizing the sections, banners, text, images and buttons.

Trigger settings allow you to set a start and end date for the banner. You can define the frequency of display per user, and show the banner only to subscribers who have accepted the Opt-In.

The settings also allow for the inclusion or exclusion of specific paths. The banner can be set to appear after a certain duration or number of visits to the website. Additionally, an exit-intent popup can be configured to appear when the user intends to leave the website. Individual paths can be defined using vertical bars to include or exclude the banner on multiple paths like /sport|/dfb|/football.

With the css code: body.cleverpush-banner-open{overflow:auto !important;} you can allow that the scrolling during banner display on the website is working. You can add the code in the advanced settings.

After editing in the preview on the Web Banner settings, please note that the live preview may have a delay up to 30 minutes. Use the Incognito mode for a direct preview.

If you have questions or want to test the Web Banner function, feel free to reach out to us.

Der Beitrag Setting Up Web Banners erschien zuerst auf CleverPush.

Außerdem werden Statistik-Daten von CleverPush zu Adobe Analytics via FTP importiert.

1. Wähle einen Kanal aus und wähle bei „Plattformen“ die „App Push“ oder „Web Push“.
2. Scrolle nach unten zum Abschnitt „Automatisierung“ und wähle dort „Integrationen“.
3. Weiter unten findest du den Bereich „Adobe Analytics“.
   
4. Aktiviere das Kontrollkästchen „Adobe Analytics aktivieren“, um das Feature zu nutzen.
5. Jetzt kannst du deine Einstellungen vornehmen. Mit dem Button „Add Field“ lassen sich Felder wie „Date“, „Tracking Code“, „Delivered“ etc. hinzufügen. Außerdem können die FTP Daten sowie API Daten hier konfiguriert werden.
   

Der Beitrag Adobe Analytics Integration erschien zuerst auf CleverPush.

Es gibt zwei Möglichkeiten, wie man das Web Push Opt-in gestalten kann: mit dem nativen Opt-in Layer oder mit einem eigenen Layer davor. Der native Opt-in Layer ist der Standard-Dialog, den der Browser anzeigt, um die Zustimmung der Nutzer einzuholen. Ein eigener Layer davor ist eine zusätzliche Option, die man auf seiner Website einbauen kann, um die Nutzer zu überzeugen, sich für Web Push anzumelden.

Die Vor- und Nachteile dieser beiden Optionen sind:

Der native Opt-in Layer ist einfach und schnell zu implementieren, da er vom Browser bereitgestellt wird. Die Nutzer geben mit einem Klick ihr Opt-in. Allerdings hat er auch einige Nachteile: Er ist nicht anpassbar, er kann von den Nutzern leicht übersehen oder abgelehnt werden. Zudem trackt Google die Opt-in Rate auf diesen Banner. Sollte diese eine gewisse Schwelle unterschreiten, wird dieser Banner nicht mehr ausgespielt.

Ein eigener Layer davor ist flexibler und kreativer, da man ihn nach seinen eigenen Vorstellungen gestalten kann. Er kann auch die Conversion Rate erhöhen, indem er den Nutzen und Wert von Web Push hervorhebt und die Nutzer neugierig macht. Zudem kann Google die Opt-Rate auf diesen noch nicht mit tracken und wird so immer eine gute Opt-in Rate für den nativen Layer feststellen.

Zwar sind mit dem eigenen Layer zwei Klicks erforderlich,  jedoch zeigt sich das langfristig die Abonnentenbasis davon positiv profitiert.

Der Beitrag Web Push Opt-in – Nativ vs. Individuell erschien zuerst auf CleverPush.

Eine Voraussetzung dafür ist die Einbindung einer Manifest Datei im Quelltext der Seite (viele Seiten haben das bereits).
Beispiel:

<link rel="manifest" href="/manifest.json" />

Der Inhalt dieser Manifest Datei könnte wie folgt aussehen:

{
  "name": "Example",
  "short_name": "Example",
  "icons": [
    { "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone",
  "start_url": "/"
}

Wichtig ist an der Stelle, dass der „display“ Eintrag den Wert „standalone“ oder „fullscreen“ hat. Dies ist für Safari die Voraussetzung, um das Web Push Opt-In anzuzeigen.
Empfehlenswert ist auch „start_url“ damit beim Hinzufügen zum Home Screen aus einer Unterseite heraus trotzdem die Startseite für die Home Screen Verknüpfung genommen wird.

Weitere Infos zum Web App Manifest finden sich hier.

Damit die Web App das Push Opt-In anzeigt, muss der Benutzer die Webseite über Safari zum Home Screen hinzufügen (Teilen -> Zum Home-Bildschirm hinzufügen). Anschließend kümmert sich das CleverPush Skript wie gewohnt um die Aussteuerung der Push Opt-In Abfrage.

Der Beitrag iOS Web Push nutzen erschien zuerst auf CleverPush.

https://cleverpush.stage.dymatrix.com/de/support/e-mail-plattform-einrichten-opt-in-widget-auf-webseite-einbinden/

Sind die vorherigen Maßnahmen getroffen und es wurde über unseren Mail-Editor bereits ein Template erstellt (wie der Mail-Editor funktioniert wird in Kürze an anderer Stelle umfangreich per Video- und Textmaterial erläutert), gilt es diesen in wenigen und einfachen Schritten an die gewünschte Zielgruppe zu versenden.

Dazu wählen wir ganz klassisch „Neu erstellen“ und den E-Mail Kanal, als auch die Vorlage, sofern vorhanden, aus:

Nach Auswahl des Kanals und ggf. der gewünschten Zielgruppe wird direkt angezeigt, wie viele Abonnenten die Benachrichtigung erhalten würden. Dies wird oben rechts angezeigt. Im Beispielbild sind es 2 Abonnenten.

Wurde eine Vorlage für die neue Nachricht ausgewählt, kann der Inhalt bei Bedarf zusätzlich bearbeitet werden. Dies ist z.B. notwendig, wenn ein Mastertemplate für einen Newsletter verwendet werden soll, aber vor dem Versand noch mit Inhalten bestückt werden muss.

Wurden die Inhalte der Nachricht optimiert, sind final die gewünschten Versandoptionen und das Timing zu prüfen. Auch sollte abschließend ein Blick darauf geworfen werden, ob das E-Mail-Konto auch richtig in der Vorlage verknüpft und ausgewählt ist.

Die Benachrichtigung kann sowohl sofort versendet oder aber auch geplant werden. Auch eine automatisierte, wiederkehrende Benachrichtigung ist möglich.
Passen die Einstellungen, muss die Nachricht nur noch unten rechts geplant bzw. direkt versendet werden.

Die gängigsten KPI´s wie Öffnungsrate, Klicks, usw. sind dann unter Nachrichten oder im Dashboard vorhanden.

Bei Fragen steht dir unsere CleverPush Kundenbetreuung unterstützend zur Seite.

Der Beitrag E-Mail Newsletter versenden erschien zuerst auf CleverPush.

1. E-Mail-Konto anlegen

Hier muss das E-Mail-Konto hinterlegt werden, das später zum Versenden von Mails und somit als Absender dient.

2. Double Opt-In Routine zur Bestätigung der Mailadresse erstellen

Um eine automatisierte Nachricht zur Bestätigung der Mailadresse zu versenden (z.B. nach Eintragung in einen Newsletter), muss eine Double Opt-In Routine erstellt und einem E-Mail-Konto zugeordnet werden. Der Inhalt der automatischen Mail kann über unseren Editor angepasst werden. Zusätzlich ist es möglich, eine URL zu vergeben, auf die der User geleitet wird, sobald er seine Mailadresse bestätigt hat. Das kann z.B. eine Bestätigungsseite für den Newsletter sein oder eine vorhandene Themenauswahl.

3. Attribute für das Widget erstellen

Es kann durchaus vorkommen, dass z.B. für eine Newslettereintragung auch der Vorname und/oder Nachname zusätzlich zur Mailadresse angegeben werden soll, um die Anrede im Newsletter zu personalisieren. Damit das Widget im nächsten Schritt mit den passenden Attributen ausgestattet werden kann, müssen diese zuerst im Bereich „Attribute“ erstellt werden. Die wichtigsten können mit wenigen Klicks nutzbar gemacht werden.

4. Sind alle vorherigen Maßnahmen umgesetzt, geht es nun darum, das Widget zu erstellen, welches in die Webseite eingebunden wird und über dieses in Zukunft direkt Mailadressen gesammelt werden können. Unter Opt-In-Formulare wird ein neues Formular erstellt, Name, Headline und Beschreibung vergeben, als auch die Double-Opt-In Routine zugewiesen.

Im gleichen Bereich unter „Felder“ können die vorher erstellten Attribute ausgewählt werden, um neben der Mailadresse z.B. auch Vorname und Nachname für die Newsletter-Anmeldung zu erfragen.

Ganz oben gibt es neben den allgemeinen Einstellungen auch den Bereich Styling, in dem das Design wie z.B. Hintergrund, Schriftfarbe, Größen, usw. des Widgets angepasst werden können.
Ist das Widget fertig erstellt und das Styling, als auch die Inhalte (Felder) passen, gilt es das Opt-In Formular per Klick auf „Opt-In Formular hinzufügen“ zu speichern. Anschließend kann über „Code anzeigen“ der Code erstellt werden. Dieser muss nur noch auf die Webseite zur Newsletter-Anmeldung hinzugefügt werden.

Anschließend können über das Widget die Mailadressen gesammelt werden und sind direkt im Dashboard und unter Abonnenten sichtbar.

Wie eine E-Mail oder Newsletter versendet wird, erklären wir in unserem nächsten Support-Artikel unter:

https://cleverpush.stage.dymatrix.com/de/support/e-mail-newsletter-versenden/

Bei Fragen wende dich an unser CleverPush Support-Team.

Der Beitrag E-Mail Plattform einrichten & Opt-In Widget auf Webseite einbinden erschien zuerst auf CleverPush.

Im folgenden Video findest du eine kurze Einleitung zu WhatsApp:

Im Folgenden ist der Ablauf und einige weitere Punkte nochmal beschrieben.
Um WhatsApp einzurichten wählst du die Plattform unter deinen Kanälen aus:

Damit WhatsApp über CleverPush nutzbar ist, wird eine Verknüpfung zu 360Dialog benötigt. Die Anleitung und Hinweise dazu findest du unter „Einrichten“ in der WhatsApp Plattform.

Hier werden neben der Eingabe des API-Schlüssels für die Verknüpfung auch weitere Einstellungen für das Unternehmensprofil auf WhatsApp notwendig, wie z.B. die Geschäftsadresse.

Wichtig zu wissen ist, dass es bei der Nutzung dazu kommen kann, dass Kosten durch WhatsApp entstehen. Die Preisgestaltung durch Facebook auf der Basis von Unterhaltungen findest du hier:
https://developers.facebook.com/docs/whatsapp/pricing/

Aktuell besteht außerdem noch keine direkte Möglichkeit ein Widget für WhatsApp auf z.B. der Homepage zu positionieren und den Chat für Nutzer zugänglich zu machen. Über einen Workaround in unserem System und mit Hilfe unserer Tools ist dies trotzdem möglich. Um die Funktion nutzbar zu machen, ist es notwendig, ein Web-Banner im Web-Push-Bereich zu erstellen und den WhatsApp-Link zum Öffnen des Chats in diesen zu integrieren.

Dies ist der Link für WhatsApp, wobei die Beispiel-Nummer gegen die WhatsApp-Nummer des Unternehmens und das „Hallo“ gegen einen beliebigen Text getauscht werden muss. Dieser wird beim Öffnen des Chats angezeigt: https://api.whatsapp.com/send/?phone=0049123456789&text=Hallo

Wie ein Web-Banner eingerichtet wird, erfährst du hier:
https://cleverpush.stage.dymatrix.com/de/support/web-banner-einrichten-und-nutzen/

Ist so weit alles korrekt eingerichtet, tauchen die Nachrichten im Bereich „Chat“ auf, nachdem der Chat von dir in den WhatsApp-Einstellungen aktiviert wurde.

Um einen Newsletter via WhatsApp versenden zu können, muss eine Vorlage erstellt werden. Vor dem tatsächlich möglichen Versand wird die Nachricht an Facebook für eine Prüfung und Freigabe versendet. Ist die Vorlage genehmigt, kann diese unter „Neu erstellen“ ausgewählt und an die Abonnenten versendet werden.

Solltest du Fragen haben oder Unterstützung beim Einrichten benötigen, kontaktiere bitte unseren Support oder deinen Kundenbetreuer.

Der Beitrag WhatsApp einrichten erschien zuerst auf CleverPush.

Dieses Banner würde je nach getätigten Einstellungen auf bestimmten Unterseiten der Webseite oder nach einer bestimmten Anzahl von Besuchen eines Users auf der Homepage angezeigt werden.
Diese und weitere detaillierte Einstellungen sind im Web-Push-Bereich zu finden, sofern der Premium Tarif gebucht wurde oder die 30 Tage Testphase noch läuft:

Mit einem Klick auf Web-Banner hinzufügen öffnen sich weitere Einstellungsmöglichkeiten:

Hier wird der Name des Banners vergeben und der Status geprüft. Ist der Banner als Entwurf hinterlegt, kann in aller Ruhe das Banner erstellt werden, ohne dass es zu einer Ausspielung kommt. Weiterhin können Farben des Hintergrundes und Textes, die Breite des Banners, genauso wie Abstände und die Ausrichtung eingestellt werden.

Mit den weiteren Auslösereinstellungen geben wir die Möglichkeit, ein Start- und Enddatum für das Banner zu fixieren, als auch die Häufigkeit der Anzeige pro User zu definieren. Außerdem kann das Banner auch ausschließlich an Abonnenten ausgespielt werden, die das Opt-In akzeptiert haben.

Zusätzlich bieten die Einstellungen die Möglichkeiten, konkrete Pfade ein- bzw. auszuschließen. Auch kann das Banner erst nach einer bestimmten Besuchsdauer- oder auch  Besuchsanzahl auf der Webseite angezeigt werden. Weiterhin ist auch ein Exit-Intent Popup möglich einzurichten. Letzteres wird erst angezeigt, sobald der User die Webseite verlassen will. Einzelne Pfade können durch senkrechte Trennstriche definiert werden, um auf mehreren Pfaden das Banner ein- bzw. auszuschließen. (z.B. /sport|/dfb|/fussball)

Soll der Inhalt überarbeitet werden, ist lediglich ein Klick auf „Inhalt-Bearbeiten“ notwendig und der Web Banner-Editor öffnet sich. Hier bieten wir per Drag & Drop einfachen Gestaltungsspielraum des Banners. über das Einfügen von Sektionen, Bannern, Texten, Bildern, Buttons, usw.
Auch eine eigenständige HTML-Lösung, genauso wie die Verknüpfung zu Social Media Kanälen stellen kein Problem dar.

Über die Einstellung “Erweitert” hat man die Möglichkeit mit Eingabe des folgenden Codes: body.cleverpush-banner-open{overflow:auto !important;} das Scrollen auch bei Anzeige des Webbanners auf der Webseite zu ermöglichen.

Zurück in den Web-Banner-Einstellungen (raus aus dem Editor) erscheint dann die Vorschau des Web-Banners. Dabei ist zu beachten, dass die Live Vorschau i.d.R. eine Verzögerung von bis zu 30 Minuten haben kann. Eine direkte Vorschau ist z.B. über den Inkognito-Modus des genutzten Browsers möglich.

Sollten Sie Fragen zu Web-Banner haben oder die Funktion testen wollen, sprechen Sie uns gerne an.

Der Beitrag Web-Banner einrichten und nutzen erschien zuerst auf CleverPush.