Email

Embeds

Grundlagen #

Diese werden verwendet, um Empfehlungen direkt in jede E-Mail innerhalb eines E-Mail-Clients einzubetten. Es ist der einfachste und flexibelste Weg, bestehende E-Mail-Flows mit Clerks KI zu verbessern.

Eingebettete E-Mail-Empfehlungen bestehen aus einem Inhalt, in dem Sie den Namen, die Produktlogik und andere Einstellungen konfigurieren, und einem Design, das das Aussehen und das Gefühl der Empfehlungen steuert.

Sobald Sie Ihren Inhalt und Ihr Design konfiguriert haben, können Sie einfach den Embed-Code in Ihre E-Mail-Plattform kopieren und einfügen, um Ergebnisse an dieser Stelle anzuzeigen.

Clerk & Seo

Clerk.js ermöglicht personalisierte Einkaufserlebnisse, ohne Ihre Website zu verlangsamen oder SEO zu schädigen. Durch die Verwendung von clientseitigem Rendering und optimiertem Laden balanciert es Geschwindigkeit, Leistung und Sichtbarkeit in Suchmaschinen.

SEO und Geschwindigkeit #

Es ist ein Missverständnis, dass JavaScript-Funktionen wie Clerk.js die Leistung oder SEO beeinträchtigen. Automatisierte Tools übersehen oft Optimierungen wie Caching, paralleles Laden und serverseitige Verarbeitung.

Vorteile der Clerk.js-Integration #

• Das Clerk.js-Skript (≈ 37 - 38 KB) wird asynchron geladen, sodass Ihre Website gerendert werden kann, während Clerk initialisiert wird.
• Clerk-Elemente werden clientseitig gerendert, was bedeutet, dass Ihr Basis-HTML cachebar bleibt und dynamische Komponenten erst nach dem Laden eingefügt werden.
• Dies ermöglicht effizientes serverseitiges Caching und nicht blockierendes Laden von Clerk.js-Ressourcen.

Auswirkungen auf die Leistung #

• Die leichte und asynchrone Natur von Clerk.js führt typischerweise zu geringen Auswirkungen auf die Ladezeiten der Seite.
• Der reale Leistungsabfall resultiert oft aus zusätzlichen Bildern, die in Empfehlungen gerendert werden, nicht aus dem Skript selbst. Um die Auswirkungen zu minimieren:
  • Verwenden Sie angemessen große, hocheffiziente Formate wie WebP.
  • Ändern Sie die Größe der Bilder, um den Anzeigedimensionen zu entsprechen (z. B. 400×400 px → 420×420 px max).
• Um Layoutverschiebungen (CLS) zu vermeiden, reservieren Sie Platz für den eingefügten Clerk-Inhalt. Z. B.:

.clerk-slider-wrapper {
  min-height: 300px; /* nach Bedarf anpassen */
  width: 100%;
}

SEO-Überlegungen #

Verlinkung und Crawlability #

• Clerk.js fügt Empfehlungslinks dynamisch auf der Client-Seite ein.
• Diese Links können die interne Verlinkung verbessern, indem sie verwandte Seiten verbinden, wenn die Suchmaschinen sie korrekt rendern und folgen.
• Da sie JavaScript-injiziert sind, sollten Sie überprüfen, wie Suchmaschinen-Crawler sie rendern und interpretieren.
• Richtig gecrawlte Links können die Crawlability verbessern und es Suchmaschinen ermöglichen, mehr Seiten zu entdecken und zu indexieren.

PageRank-Verteilung #

• Wenn Suchmaschinen sie crawlen können, können Clerk.js-Links helfen, Link-Eigenkapital (PageRank) über wichtige Seiten zu verteilen.
• Dies unterstützt die verbesserte Sichtbarkeit und das Ranking von Produkt- und Kategorieseiten.

Beobachtete Vorteile #

• Eine korrekte Clerk.js-Integration kann mit stärkeren internen Verlinkungsstrukturen korrelieren, die die Sichtbarkeit in den Suchergebnissen unterstützen können.
• Die Dashboards von Clerk.io bieten Analysen zu Bestellbeeinflussungen, Konversionssteigerungen und Umsatzbeiträgen aus Such-, Empfehlungs-, E-Mail- und Zielgruppenfunktionen.

Empfohlene Best Practices #

1. Optimieren Sie Bilder (WebP-Format, korrekte Auflösung).
2. Reservieren Sie Layoutplatz für dynamische Elemente, um Layoutverschiebungen zu verhindern.
3. Überwachen Sie reale Metriken, anstatt sich nur auf automatisierte Bewertungen zu verlassen. Verwenden Sie die Dashboards von Clerk, um die Auswirkungen über verschiedene Kanäle zu bewerten.

Sliders

Grundlagen #

Clerk.js verfügt über eine integrierte Funktion zum Anzeigen von Produkten mit Slidern. Diese Funktion zeigt eine Reihe von Produkten mit einer Reihe von Pfeilen, die es den Kunden ermöglichen, viele Produkte mit nur wenigen Klicks zu navigieren.

Es funktioniert im Wesentlichen, indem eine lange, horizontale Liste von Produkten erstellt wird, und dann ein festes “Fenster” von Produkten gleichzeitig angezeigt wird, das mit den Tasten gesteuert wird.

Instant Search

Dieses Dropdown ermöglicht es Ihren Kunden, Produkte direkt aus Ihrer Suchleiste zu durchsuchen und zu kaufen. Es kombiniert die besten Funktionen moderner Suchmaschinen mit einem eCommerce-spezifischen Twist:

• Optimiert für Geschwindigkeit: Zeigt Ergebnisse im Handumdrehen, während Besucher tippen
• Semantische Suche: Versteht, was der Besucher meint.
• Korrigiert Rechtschreibfehler automatisch: Der Besucher sollte nicht merken, dass er den Rechtschreibfehler überhaupt gemacht hat.
• Vorhersage des Kundenverhaltens: Übereinstimmungen werden basierend darauf sortiert, wie wahrscheinlich es ist, dass sie gerade jetzt verkauft werden.

Diese Funktionen machen die Suche in Ihrem Webshop über die Suchleiste zu einem nahtlosen Erlebnis für den Kunden und öffnen Ihren Katalog auf eine andere Weise.

API

Alle Kommunikation mit Clerk erfolgt über die API:

https://api.clerk.io/v2

Die Einrichtung dieser Kommunikation erfordert 4 Schritte, die in diesem Leitfaden beschrieben sind. Sie müssen:

1. Daten synchronisieren
2. Ergebnisse abrufen
3. Die Ergebnisse visualisieren
4. Tracking hinzufügen

API-Schlüssel #

Diese Schlüssel werden verwendet, um auf die Daten Ihres Shops zuzugreifen. Sie finden sie in my.clerk.io > Einstellungen > API-Schlüssel.

Sie bestehen aus einem Öffentlichen Schlüssel, der Zugriff auf Endpunkte gewährt, die nicht sensible Daten offenlegen, und einem Privaten Schlüssel, der es Ihnen ermöglicht, mit Daten im Shop zu arbeiten und auf sensible Daten wie Kunden- und Bestellinformationen zuzugreifen.

Chat FAQs

Diese sind zugänglich in My.clerk.io > Chat > Konfiguration > Chat FAQs

Manchmal möchten Sie vielleicht, dass die Chat-KI auf bestimmte Fragen auf eine bestimmte Weise antwortet. Zum Beispiel könnte es eine gute Idee sein, sie nur zu bitten, einen einzelnen Rabattcode zu senden, wenn sie dazu aufgefordert wird, oder auf Fragen zu Ihren Öffnungszeiten auf eine spezialisierte Weise zu antworten.

Benutzer müssen nicht die genaue Frage stellen, die Sie konfigurieren - jede Variation führt dennoch zu der Art von Antwort, die Sie bereitstellen. Der Chat wird den bereits konfigurierten Tonfall verwenden und die Antwort umformulieren, um zu passen, wie der Benutzer die Frage gestellt hat.

DSGVO

Clerk ist vollständig GDPR-konform. Dieser Artikel erklärt alles, was Sie über Clerk und GDPR wissen müssen, und wie wir es Ihnen leicht machen, GDPR-Anfragen zu bearbeiten.

Vertrauenszentrum #

Auf trust.clerk.io können Sie unsere Datenschutzrichtlinie, Subunternehmer, Datenmanagement und vieles mehr einsehen. Die Seite enthält alles, was Sie benötigen, um zu verstehen, wie Clerk Ihre Daten verarbeitet.

Search

Allgemein #

Um Ihren Embed-Code für entweder die Live-Suche oder die Suchseite einzufügen, müssen Sie auf Ihre Theme-Dateien zugreifen. Folgen Sie dazu dem Pfad Theme > Theme-Dateien > Meine Themes > Wählen > Themes bearbeiten > Dateien finden

Live-Suche #

• Zuerst erstellen Sie Ihr Design und den Inhalt für die Live-Suche in my.clerk.io.

• In Ihrer Header-Datei oder der Header-Datei der Live-Suche (wahrscheinlich header.html oder, in diesem Beispiel, header-search.html) sollte der Embed-Code für die Live-Suche platziert werden.

  ...

Search

Suche & Sofortsuche #

Die Suchfunktion von Clerk.io besteht aus zwei Teilen:

• Das Live-Such-Dropdown, das angezeigt wird, wenn ein Kunde zu tippen beginnt.

• Die Suchseite, die alle passenden Produkte auf einer vollständigen Seite anzeigt.

Beginnen Sie im Hauptmenü, indem Sie auf Erste Schritte klicken:

1. Erstellen Sie Standarddesigns und Inhalte #

Das erste, was Sie tun müssen, ist, Standarddesigns und Inhalte zu erstellen.

Sie können den Einrichtungsleitfaden mit dem Titel SUCHEN unter der Option Erste Schritte verwenden, um schnell Designs und Inhalte zu erstellen, die das gleiche Farbschema und den gleichen Stil wie Ihr Webshop haben.