Marketingtools

Steigern Sie Ihren Umsatz und stärken Sie Ihre Kundenbindung.

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 Seiten in Ihre Apps integrieren – vorausgesetzt diese unterstützen Universal- bzw. Deep-Links. Außerdem muss die zu integrierende Seite über eine sicheres HTTPS-Protokoll verfügen. 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 (Button, Logo etc.). HTML-Kenntnisse sind dafür erforderlich, anbei einige Beispiele:
    // 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 verschiedene Weise angepasst werden. Stellen Sie sicher, dass Sie den Code mit Ihren eigenen Daten konfigurieren – bei WhatsApp beispielsweise mit Ihrer Telefonnummer oder bei Instagram mit Ihrem Account. Zudem lässt sich die Verlinkung unterschiedlich gestalten. Ein Button mit Beschriftung oder das entsprechende Logo sind unter anderem möglich.

    Der Teil target="_blank" muss bestehen bleiben – nur dann öffnet sich ein neuer Tab.

  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 auch schon – nun können Sie beginnen, Social-Media-Chats in Ihre App einzubauen! 

Frequently Asked Questions

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

Überprüfen Sie zuerst, ob die Plattform, die Sie integrieren wollen, 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, die Verlinkung funktioniert aber 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 die Link-Struktur im HTML-Code. Der HTML-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