Marketingtools

Verwandeln Sie Ihre App-Nutzer in Stammkunden und erhöhen Sie Ihre Verkaufszahlen.

Social-Media-Chats in Ihre Apps integrieren

Sie wollen schnell und ohne Umwege mit Ihren Kunden kommunizieren? Dann integrieren Sie externe Social-Media-Plattformen mit Chat-Funktion in Ihre Shopping-App! 

Das Besondere daran: Die Integration gelingt über eine Verlinkung, die die entsprechende App, z. B. WhatsApp oder Facebook Messenger, direkt öffnet und nicht den Umweg über den Browser wählt. Sollte der ausgesuchte Service noch nicht als eigene App auf dem Mobilgerät eines Kunden installiert sein, wird er auf die entsprechende Web-Version geleitet.

Voraussetzungen

Sie können Social-Media-Plattformen oder auch andere Webseiten in Ihre Apps integrieren – vorausgesetzt diese unterstützen Universal- bzw. Deep-Links. Außerdem muss die zu integrierende Webseite eine sicheres HTTPS-Protokoll nutzen. Mit einem HTTP-Protokoll wird das Feature nicht funktionieren.

Wie und wo werden die Verlinkungen angezeigt?

Ob als Button oder mit dem entsprechenden Logo – die Verlinkungen lassen sich individuell gestalten. Da die Konfiguration bequem über ein Widget erfolgt, können Sie selbst entscheiden, wo und in welcher Form die Verlinkungen in Ihrer App erscheinen.

whatsapp_buttons__4_.jpg

Wie werden die Verlinkungen konfiguriert?

Zur Konfiguration befolgen Sie diese Schritte:

  1. Loggen Sie sich in Ihren Shopgate-Adminbereich ein und gehen Sie zu Design → Pages.
  2. In der Drop-down-Liste Widget hinzufügen, wählen Sie HTML / Text Editor.
  3. Geben Sie nun den HTML-Code für die Verlinkung zur gewünschten Plattform ein.
  4. Im hinteren Teil des Codes haben Sie die Möglichkeit, die Form der Verlinkung beliebig anzupassen (z. B. Button oder Logo). HTML-Kenntnisse sind dafür erforderlich. Anbei finden Sie einige Beispiele, wie der HTML-Code aussehen kann:
    // social media buttons
    <div style="margin: 0.5em">
    <a href="https://www.messenger.com/t/YOUR_FACEBOOK_USERNAME" target="_blank" style="LINK_STYLE">Facebook Messenger</a>
    <a href="https://www.instagram.com/YOUR_ACCOUNT" target="_blank" style="LINK_STYLE">Instagram</a>
    <a href="https://api.whatsapp.com/send?phone=YOUR_PHONE_NUMBER&text=YOUR_TEXT" target="_blank" style="LINK_STYLE">WhatsApp</a>
    </div>
    // social media logos
    <div> <a href="https://www.messenger.com/t/YOUR_FACEBOOK_USERNAME" target="_blank"><img style="LOGO_STYLE" src="LOGO_URL" /></a> <a href="https://www.instagram.com/YOUR_ACCOUNT" target="_blank"><img style="LOGO_STYLE" src="LOGO_URL" /></a> <a href="https://api.whatsapp.com/send?phone=YOUR_PHONE_NUMBER&text=YOUR_TEXT" target="_blank"><img style="LOGO_STYLE" src="LOGO_URL" /></a> </div>

    Der Beispielcode kann auf unterschiedlichste Weise angepasst werden. Stellen Sie sicher, dass Sie den Code individuell konfigurieren – bei WhatsApp beispielsweise mit Ihrer Telefonnummer oder bei Instagram mit Ihrem Account. Zudem lässt sich die Verlinkung verschieden gestalten. Ein Button mit Beschriftung oder das entsprechende Logo sind unter anderem möglich.

    Der Teil target="_blank" muss bestehen bleiben – nur dann kann die Funktion korrekt funktionieren.

  5. Klicken Sie auf Speichern.
  6. Zum Schluss gehen Sie zu Veröffentlichen und wählen Seite für Smartphone Apps veröffentlichen.

Das war's! So einfach lassen sich Social-Media-Chats in Ihre App einbauen! 

Frequently Asked Questions

Die direkte Verlinkung zur externen App funktioniert nicht – woran kann das liegen?

Überprüfen Sie zuerst, ob die zu integrierende Webseite, Universal- bzw. Deep-Links unterstützt. Für iOS finden Sie das über https://beispielseite.com/apple-app-site-association heraus, für Android via https://beispielseite.com/.well-known/assetlinks.json.

Werden Universal- bzw. Deep-Links unterstützt, aber die Verlinkung funktioniert trotzdem nicht, kann es daran liegen, dass statt eines HTTPS-Protokolls ein HTTP-Protokoll vorhanden ist.

Sollte das auch nicht das Problem sein, überprüfen Sie bitte den HTML-Code. Der Ausschnitt target="_blank" muss vorhanden sein!

War dieser Beitrag hilfreich?
Sie finden nicht, was Sie suchen?
Wir helfen Ihnen gerne — erstellen Sie ein Support-Ticket.
Kontaktieren Sie den Support