Update vom 26.05.2025: Die Bestelldetails-Seite des Shops wurde in eine separate Bestellbestätigungsseite ausgelagert, die nach Abschluss des Checkouts angezeigt wird.

Pfadänderung: Manage/OrderDetails.liquid → Checkout/OrderSuccess.liquid.

Vorteile für Shop-Betreiber: Individuelle Gestaltung des Checkout-Erlebnisses mit eigenen Texten oder Drittanbieter-Integrationen (z. B. Google Kundenrezensionen).

Beispiel für die Integration von Google Kundenrezensionen:

<script
  src="https://apis.google.com/js/platform.js?onload=renderOptIn"
  async
  defer></script>

{% assign expectedDeliveryInDays = 5 | times: 24 | times: 60 | times: 60 %}

<script>
  window.renderOptIn = function() {

    window.gapi.load('surveyoptin', function() {

      window.gapi.surveyoptin.render(
      {
        "merchant_id": "1111111111",
        "order_id": "{{ model.Number }}",
        "email": "{{ model.PrimaryAddress.Email }}",
        "delivery_country": "{{ model.PrimaryAddress.CountryCode }}",
        "estimated_delivery_date": "{{ model.created_at | date: "%s" | plus: expectedDeliveryInDays | date: "%Y-%m-%d" }}",
      });
    });
  }
</script>

Hinweis: Dies ist eine Neuerung für Nutzer des Google Tag Managers, die den Pfad /manage/orderdetails als Abschlussseite des Checkouts verwenden. Dieser muss auf /checkout/ordersuccess aktualisiert werden.

Update vom 16.05.2025 bringt Vinosoft CRM-Shop-Lizenznehmern die Möglichkeit, ein PDF-Datenblatt mit Produktlogo und Beschreibung zu generieren.

Neu hinzugefügt:

• Zwei Shop-Design-Vorlagen: Shop/Factsheet.liquid und Factsheet.footer.liquid
• Neuer Endpunkt: /shop/factsheet/{{ productId }}?vid={{ variantId }}. Verwende {{ model.FactsheetUrl }} in der Vorlage /Shop/Product.liquid, um die URL für die Anzeige des Datenblatts im Browser zu generieren. Für mehrsprachige Websites: /{{ locale }}/shop/factsheet/{{ productId }}?vid={{ variantId }}

So funktioniert’s:

• Logo im Kopfbereich des Datenblatts aktualisieren mit dem media_url-Filter. Nachdem du die Datei in die Medienverwaltung hochgeladen hast, referenziere das Bild mit folgendem Syntax: {{ 'pfad/zum/bild.png' | media_url }}
• Link zum PDF-Datenblatt erstellen. In deiner Datei /Shop/Product.liquid folgenden Code verwenden: <a target=\"_blank\" href=\"{{ model.FactsheetUrl }}\">Datenblatt herunterladen</a>
• Eigene Übersetzungen hinzufügen mit dem translate-Filter. Trage deine Übersetzung in die Datei /locales/LOCALE.json ein und referenziere sie in der Vorlage mit folgendem Syntax: {{ 'MeinText' | t }}

Das Design des Datenblatts kannst du selbst im <style>-Tag anpassen oder Unterstützung vom Vinosoft-Team anfordern.

Wichtig: Wenn deine Liquid-Vorlage einen Kompilierungsfehler enthält, wird dem Benutzer eine Fehlerseite (500) angezeigt.

Was kommt als Nächstes?

• Möglichkeit, die PDF-Datei direkt herunterzuladen statt sie nur im Browser anzuzeigen.
• Verlinkung des Datenblatts in Newslettern.

Wenn Sie Interesse an bestimmten Funktionen hast (z. B. zusätzliche Liquid-Variablen oder individuelles Design), kontaktieren Sie gerne das Vinosoft-Team!