Angular-Projekt

Trusted Shops - Wix

Integration der Trusted Shops Trustbadge® in den Website-Builder Wix.com

Angular
Cloud
Frontend
NodeJS
TypeScript
UX
Digitalisierung

Unkompliziert Bewertungen sammeln für Kundenvertrauen

Wix.com-Kunden können nun über eine App ganz einfach das Trustbadge® integrieren. Die Synchronisation von Trusted Shops Subscriptions und Wix-Nutzerdaten wurde mit AWS-Serverless-Technologie und einem intuitiven Angular-UI umgesetzt.

Overview der Trusted Shops Wix App
Registrierung in der Trusted Shops Wix App
Einstellungen in der Trusted Shops Wix App

Bewertungen - Überblick

Es gibt zwei Kategorien von Agenturen: Die einen machen nur, was gesagt wird, die anderen denken auch mit. W11K gehört definitiv zur zweiten.

Najoie Hami-Eddine

Najoie Hami-Eddine

Product Owner, Trusted Shops

Die Lösung

Auf Basis von AWS Lambda und AWS DynamoDB wurde eine Serverless App erstellt, die vollautomatisch über Terraform deployed wird. Ein Backend auf Basis von NestJS kapselt die Kommunikation mit den verschiedenen APIs bei Wix.com und Trusted Shops. Nutzerinformationen, die bereits in Wix.com vorliegen, werden ausgelesen, um dem Kunden die Registrierung so einfach wie möglich zu machen.


Auf Basis von Angular wurde ein modernes User Interface nach Trusted Shops Styleguide erstellt. Dabei wurden die spezifischen Anforderungen der Plattform Wix.com (Authentifizierung, Integration via iFrame) an Anwendungen im App Market berücksichtigt. Dank einem engen Kontakt zum Kunden und einer proaktiven Kommunikation konnten mögliche Problempunkte frühzeitig identifiziert und ausgeräumt werden.


Eine strukturierte Dokumentation und eine ausführliche Übergabe nach Projektabschluss stellte eine erfolgreiche Inbetriebnahme von Trusted Shops sicher.

Die App steht im Wix App Market zum Download zur Verfügung: https://de.wix.com/app-market/trusted-shops-easy-integration

Herausforderung

  • Verzahnung der Subscription-Modelle von Trusted Shops und WIX, sowie die Synchronisation der Kundendaten. Da es sich bei der Nutzung des Trusted-Shops-Bewertungssystems um eine kostenpflichtige Subscription handelt, muss der Checkout-Prozess des App Markets unterstützt werden. Bei Kündigung der Wix Subscription muss die App nach Ablauf deaktiviert und die Subscription auch bei Trusted Shops beendet werden.
  • Integration der App in die Wix.com-Plattform: Umsetzung der User-Authentifizierung über Wix.com, Anbindung an verschiedene APIs und Webhooks auf Seite von Wix.com und Trusted Shops
  • Automatisiertes Deployment und Betrieb der Anwendung mit AWS Lambda, DynamoDB und Cloudfront mit Terraform
  • Erstellung eines modernen User Interfaces nach Trusted Shops Guidelines
  • Die App muss in mehreren Sprachen zur Verfügung stehen, die Sprache des Nutzers soll aus den Nutzerdaten bei Wix.com ausgelesen werden.

Facts

  • Aufwandsschätzung und Erstellung Festpreis-Angebot
  • Projektplanung mit Lieferterminen für einzelne Meilensteine
  • Wöchentlicher Regeltermin zur Besprechung des aktuellen Standes

Technologien

Angular, Angular Material, Redux

NestJS, NodeJS

AWS Lambda, AWS DynamoDB, AWS Cloudfront, AWS S3

Terraform

Top Company 2024