Update produit - Nouvel affichage du Trustbadge sur mobile !

Les prévisions actuelles montrent que d'ici 2020, plus de 50% de toutes les transactions sur les boutiques en ligne seront traitées via des smartphones. Afin que vous y soyez préparé de manière optimale avec Trusted Shops, nous vous présentons aujourd'hui, les nouvelles options d'affichage sur mobile du Trustbadge®.


blogImage-mobile_trustbage

Trois nouveaux "standards" pour les appareils mobiles

Avec nos trois nouvelles solutions "standard" d'affichage mobile du Trustbadge, vous avez un contrôle total sur la façon dont celui-ci s'intègre à votre boutique.

Le Trustbadge vous aide à présenter votre fiabilité aux acheteurs en ligne de manière simple et efficace. Ainsi, vous n'affichez pas seulement la marque de confiance qui rassure vos clients sur le fait qu'ils ne pourront pas perdre de l'argent en achetant chez vous, mais vous recueillez également des avis sur votre boutique en ligne et ses produits, en particulier pour les achats via téléphones mobiles.

Toujours en vue : le nouvel élément flottant

trustbadge-mobile-floating (1)
Le nouvel élément flottant permet la mise en avant de la marque de confiance aux yeux de l'acheteur. Il reste toutefois visuellement discret et ne prend pas le pas sur les éléments de votre site. Lors du défilement de la page vers le bas, le Trustbadge disparaît automatiquement et n'apparaît que lorsque l'utilisateur fait à nouveau défiler la page vers le haut.

Vous pouvez accéder à cette version mobile dans notre DemoShop via votre smartphone.

 


FR_tb-floating-trustmark-reviewsToutes les boutiques qui disposent de la marque de confiance et souhaitent également afficher les notes récoltées avec Trusted Shops ont la possibilité de le faire dans la version flottante du Trustbadge. Le Trustbadge affiche alors les étoiles de notation ainsi que la note globale du magasin en plus de la marque de confiance.

 

 

FR_tb-floating-reviews-onlySi votre boutique utilise uniquement le système d'évaluation ou n'a pas encore été certifiée, la version flottante de Trustbadge affiche les étoiles ainsi que la note globale de la boutique. Sinon, son comportement est identique à celui de la version flottante comportant la marque de confiance : lorsque le site Web est ouvert, le Trustbadge est directement visible et disparaît lors du défilement et pour ne réapparaître que lors du défilement vers le haut

Variante personnalisable disponible pour les appareils mobiles

FR_tb-custom-trustmark-reviews

Avant, si vous vouliez utiliser des variantes différentes du Trustbadge sur la version desktop et mobile de votre site, cela n'était possible que par des détours. 

Nous avons standardisé cette option pour vous. Avec seulement deux lignes de code, vous pouvez maintenant utiliser des variantes différentes. Cela signifie concrètement que vous pouvez utiliser une variante sur la version mobile et une autre [différente] sur la version ordinateur.

Avec ces nouvelles options, vous pouvez placer la marque de confiance et les avis clients là où vous le souhaitez et là où vous considérez qu'ils s'intègrent le mieux sur votre boutique. 

Le classique : la version adaptative (responsive)


FR_tb-header-trustmark-reviews

La troisième est notre grand classique : la version responsive design. La barre est affichée au-dessus de l'en-tête de votre boutique et contient la marque de confiance ainsi que les informations concernant les avis clients. Les intégrations existantes sont actuellement encore affichées dans la version responsive.

Comment utiliser les nouveaux affichages ?

Afin d'utiliser les nouveaux affichages, le nouveau paramètre "responsive" doit être utilisé comme objet de configuration.

Placer la variante mobile à un endroit différent de la version desktop

code Trustbadge

Les variantes "custom" et "custom_reviews" sont des valeurs possibles dans l'objet "variant". Vous pouvez choisir librement le "customElementId".

Insérez le code HTML suivant à l'endroit où vous souhaitez voir apparaître le Trustbadge, par exemple dans le header ou le footer de la page :

<div id="myMobileCustomTrustbadge"
style="width:100px;height:50px"></div>

Utilisez les propriétés CSS 'width' and 'height' de ce code HTML pour définir la taille du Trustbadge. Les deux valeurs doivent être spécifiées.


Utilisation de l'élément flottant

code trustbadge 2

Le nouvel élément flottant est encore plus simple à utiliser : il vous suffit d'ajouter le code ci-dessus comme paramètre supplémentaire à votre intégration Trustbadge existante et en tant que client "marque de confiance", vous bénéficierez automatiquement de notre nouvel élément flottant.

Utiliser la version responsive

La version responsive ne nécessite aucun ajustement spécifique et est automatiquement affichées sur tous les appareils mobiles à moins que vous ne l'ayez remplacée par la version personnalisée.

Pour plus d'informations sur l'intégration du Trustbadge dans votre boutique et son utilisation avec les logiciels de boutique courants, veuillez consulter notre support à l'intégration.

Nouveaux Trustcards pour les appareils mobiles

Après avoir procéder à l'achat, le Trustcard montre aux acheteurs la possibilité de sécuriser leur achat avec la garantie de remboursement Trusted Shops et sollicite une demande d'avis sur votre boutique. 


Vous n'avez pas encore intégré le Trustbadge ou vous avez des questions sur l'intégration ? Votre Customer Success Manager personnel se fera un plaisir de vous aider !

Si vous voulez recevoir tous les informations concernant l'univers e-commerce, ici vous pouvez vous inscrire à la newsletter des experts.

inscription newsletter trusted shops

0 Commentaires