08. März 2019

Neue mobile Darstellungen im Trustbadge

Veröffentlicht von

Aktuelle Prognosen zeigen, dass bereits 2020 mehr als 50% aller Transaktionen in Online-Shops über Smartphones abgewickelt werden. Damit Sie mit Trusted Shops optimal darauf vorbereitet sind, stellen wir Ihnen heute neue mobile Darstellungsmöglichkeiten für das Trustbadge® vor.

Drei neue Standards für mobile Endgeräte

Mit unseren drei neuen Standard-Lösungen für mobile Darstellungen des Trustbadges haben Sie die volle Kontrolle darüber wie sich das Trustbadge in Ihren Shop integriert.

Das Trustbadge hilft Ihnen künftig auch mobil ihre Vertrauenswürdigkeit gegenüber Online-Shoppern einfach und effektiv darzustellen. So zeigen Sie nicht nur das Gütesiegel und nehmen Ihren Kunden die Angst vor Geld-Verlust – sie sammeln vor allem auch für Einkäufe über Smartphones Bewertungen für Ihren Shop und ihre Produkte.

Immer im Blick: Die neue Floating-Variante

Die neue Floating-Variante hält das Gütesiegel stets im Blick für den Online-Shopper. Dabei wird der Shop nicht großflächig überlagert oder zu viel wertvoller Platz im Header belegt. Beim Scrollen verschwindet das Trustbadge automatisch und taucht erst wieder auf, wenn der User nach oben scrollt.

Über Ihr Smartphone können Sie diese mobile Variante in unserem Demoshop einsehen.

 

In der ersten Phase ist nur das Gütesiegel in der Floating-Variante verfügbar. Wir arbeiten allerdings mit Hochdruck daran auch Varianten für Bewertungssterne zur Verfügung zu stellen.

Custom-Variante für mobile Geräte verfügbar

Wenn Sie für Ihren Desktop-Shop die Standard-Variante des Trustbadges und mobil eine andere Integration nutzen wollten, ging dies bisher nur über Umwege. Wir haben diese Möglichkeit für Sie standardisiert. Mit nur zwei Zeilen Code können Sie nun für mobile Endgeräte die custom-Varianten unabhängig von der Desktop-Version einsetzen.

Auf diese Weise können Sie Gütesiegel und Bewertungen dort platzieren, wo Sie es möchten und es am Besten in Ihren Shop passt.

Der Klassiker: Die responsive Version

Der dritte ist unser Klassiker: Die responsive Version. Die Leiste wird dabei noch oberhalb Ihres Shop-Headers angezeigt und beinhaltet das Gütesiegel sowie Bewertungsinformationen. Bestehende Shop-Integrationen werden aktuell weiterhin in der responsive Version ausgespielt.

So nutzen Sie die neuen Darstellungen

Für die Nutzung der neuen Darstellungen wird der neue Parameter “responsive” mit einem Konfigurationsobjekt genutzt.

Custom-Variante mobil anders als Desktop platzieren

'responsive': {'variant': 'custom', 'customElementId': 'ihr-container-fuer-das-trustbadge'}

Als Werte in dem Objekt sind für “variant” die Varianten “custom” und “custom_reviews” möglich. Das “customElementId” können Sie frei wählen. Achten Sie darauf, dass dort, wo das Trustbadge angezeigt werden soll, ein leerer DIV-Container mit der ID, die sie vergeben haben existiert.

Floating-Variante nutzen

'responsive': {'variant': 'floating'}

Für die neue Floating-Variante ist die Nutzung noch einfacher: Fügen Sie lediglich den obigen Code als weiteren Parameter zu ihrer bestehenden Trustbadge-Integration hinzu und Sie kommen als Gütesiegel-Kunde automatisch in den Genuß unserer neuen Floating-Variante.

Responsive Version einsetzen

Die responsive Version erfordert keine Anpassungen an einer regulären Trustbadge-Integration und wird automatisch auf allen mobilen Geräten ausgespielt, sofern Sie nicht von Ihnen durch die Custom-Variante ersetzt wurde.

Weitere Informationen zur Integration des Trustbadge in ihren Shop und zur Nutzung mit gängiger Shopsoftware finden Sie in unseren Integrationshinweisen.

Neue Trustcards für mobile Geräte

Nach dem erfolgreichen Checkout in Ihrem Shop zeigt das Trustbadge in der Trustcard den Online-Shoppern die Möglichkeit den Einkauf mit unserem Trusted Shops Käuferschutz abzusichern sowie sich an eine Bewertung für Ihren Shop erinnern zu lassen. Hier möchten wir ansetzen und die Integration in das Shopping-Erlebnis Ihres Shops so nahtlos wie möglich machen. Aktuell testen wir verschiedene Platzierungen und Größen und halten Sie natürlich auf dem Laufenden.

Sie haben das Trustbadge noch nicht integriert oder Fragen zur Integration? Ihr persönlicher Customer Success Manager hilft Ihnen gerne weiter.

Diesen Post teilen:

Kommentare zum Beitrag

Dirk (14. March 2019 - 13:17):

Ist die Floating-Variante schon irgendwo in der freien Wildbahn zu sehen?

Hab den Parameter “responsive” : {“variant”: “floating”} zwar im Konfigurationscode ergänzt, aber das Prestashop-Plugin scheint damit Probleme zu haben – im Quellcode der Website erscheint nur ‘responsive’:”. 🙁

Sebastian Baum (20. March 2019 - 11:47):

Hallo Dirk,

zu allererst, vielen Dank für das Feedback!

In der Tat unterstützt unser Prestashop Modul die neuen Varianten aktuell leider noch nicht. Unsere zuständige Kollegin ist jedoch bereits informiert und arbeitet an einer Lösung. Bis dahin ließe sich das ganze ansonsten über eine manuelle Integration z.B. im Template abbilden.

Die Floating Vaiante ist im Trusted Shops Demoshop (http://demoshop.trustedshops.com/) eingebunden und über mobile Geräte zu sehen.

Falls es hierzu oder anderweitig technische Fragen gibt, dann gerne auch direkt an members@trustedshops.com.

Viele Grüße
Sebastian

CBDShop24 (19. March 2019 - 12:04):

Sehr gut! Das kommt wie gerufen 😊

Alexander Legge (19. March 2019 - 16:04):

Wir freuen uns, dass Ihnen die neuen Möglichkeiten gefallen!

Druckerzwerge (19. March 2019 - 12:13):

Hallo Dirk,

ich habe das mal eben eingebaut, ist allerdings kein Shopware Shop. Scheint aber soweit funktioniert zu haben.

Gruß
Hannes

Volker (19. March 2019 - 13:48):

Hallo,

kommt dafür auch ein neues Plugin Update für Shopware. Die Trusted Badge Anzeige war derzeit etwas miserabel, wenn man die Standardversion nimmt. Gerade bei Mobil und Tablet Ansicht wäre es besser wenn der Trusted Badge noch über dem Header angezeigt wird, da der Trusted Badge derzeit den Einkauf doch sehr blockiert.

Sebastian Gerhart (19. March 2019 - 17:59):

Hallo Volker,

über unsere neue responsive Konfiguration lässt sich mit dem Parameter “customElementId”, die ID eines Containers, z.b. definieren und somit an der gewünschten Stelle im Template anzeigen. Ebenfalls steht bereits ein Update des Shopware Plugins auf dem Plan, aktuell lässt sich dieses jedoch noch nicht mit einem genauen Datum versehen.

Viele Grüße

Danio Kario (19. March 2019 - 13:54):

Hi,
wie kann ich die Mobile Version denn bei Shopware einbinden? Eine Anleitung ist das ja nicht gerade von Trustedshop.

Ich füge den Code:
‘responsive’: {‘variant’: ‘custom’, ‘customElementId’: ‘ihr-container-fuer-das-trustbadge’}

im Shopwarebackend unter Marketing-> TrustedShops Trustbadge , dann dort unter Expertenmodus und in Konfigurieren Sie Ihr Trustbadge einfach hinzufügen?

Wo genau ? Einfach zwischen script hineinkopieren klappt nicht.

Und danach muss noch im Header ein code eingefügt werden ? Also bei mir klappt das nicht, kann jemand helfen ? Vielleicht Trustedshop ???

LG

Sebastian Gerhart (19. March 2019 - 18:21):

Hallo Danio Kario,

der zusätzliche Code ‘responsive’: {‘variant’: ‘custom’, ‘customElementId’: ‘ihr-container-fuer-das-trustbadge’} reiht sich am besten direkt unterhalb der bestehenden Variablen des Trustbadge Javascripts im Experten Modus ein. Standardmäßig dürfte dieser im Experten Modus bei den Variablen mit ‘disableTrustbadge’: ‘false’ vor der sich schließenden geschweiften Klammer }; enden. Genau zwischen dieser Stelle folgt der neue Code, also ‘disableTrustbadge’: ‘false’, ‘responsive’: {‘variant’: ‘custom’, ‘customElementId’: ‘trustbadge-wrapper’ } };

Der weitere Code wäre in diesem Fall der HTML Container mit der zuvor festgelegten ID, welcher jedoch nicht zwingend im Header platziert werden müsste. Sprich z.b.

Falls es dennoch nicht auf Anhieb klappen sollte, stehen wir ebenfalls gerne direkt unter members@trustedshops.com zur Verfügung.

Viele Grüße

Tino Hartmann (19. March 2019 - 15:19):

Super Sache! Wird das auch als Standard-Einstellung den Weg in das Shopware-Plugin finden? 🙂

Sebastian Gerhart (20. March 2019 - 11:14):

Hallo Tino Hartmann,

es steht bereits ein Update des Shopware Plugins auf dem Plan, welches die neuen Varianten mitberücksichtigen wird. Aktuell lässt sich dieses jedoch noch nicht mit einem genauen Datum versehen.

Viele Grüße

Maurice Grimberg (20. March 2019 - 11:23):

Sieht soweit gut aus. Jedoch müsstet ihr dringend das “minimieren” Symbol einfach klickbar machen (Desktop und Mobil). Kunden Klicken auf den Badge und wissen teils nicht, wie sie das wieder minimieren müssen. Jetzt muss man umständlich auf die 3 Punkte und dann erst auf “Minimieren” klicken. Ein Schritt zu viel.

Alexander Legge (20. March 2019 - 12:34):

Hallo Maurice Grimberg,

danke für das Feedback. Tatsächlich haben wir dafür bereits eine Lösung bei der neuen Floating Variante, die wir aktuell umsetzen. Grundsätzlich lässt sich die maximierte Version des Trustbadge auch heute mit einem Klick/Tap auf jeden Bereich außerhalb des Badges schließen.

Besten Gruß
Alex

Kommentar schreiben

    

* Pflichtfelder