Bestellbestätigung: PDF mit AGB & Widerruf - Text wird nicht angezeigt

[ar06ny]

Hallo, ich habe meine Rechtstexte von "IT Recht Kanzlei" übernommen und habe sie unter "Richtlinien" im HTML-Format eingefügt und gespeichert. Die Texte sind auch im Editor zu lesen, wenn ich wieder auf Editor anzeigen umschalte.

Wenn ich aber jetzt unter "Benachrichtigungen/Bestellbestätigung/Test senden" eine Test-Mail verschicke, dann kommt die auch mit den PDF-Dateien, AGB u. Widerrufsrecht an.

In den PDF-Dateien ist aber kein Text zu sehen, bzw. in der Widerrufs-PDF ist nur der Seitentitel (von Shopify vorgegeben) "Widerrufsrecht" zu sehen (siehe Bild unten), in der AGB-PDF ist gar kein Text zu sehen. Kennt jemand dieses Problem, bzw. gibt's eine Lösung dafür?

Wäre echt dankbar! LG und einen schönen Tag.

[Gabe]

Hey @ar06ny 

Das Problem ist uns bekannt und wir brauchen von allen betroffenen Shops ein Ticket, dass ihr an uns sendet, so dass wir diese an unsere Entwickler weiterleiten können. Siehe einen weiteren Leitfaden zum Thema hier. Es kann sein, dass es nur etwas kleines ist.

Sende bitte eine E-Mail an unseren Support hier (https://bit.ly/3cwO7ym) von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

[Gabe]

Update: das war also eine Test-E-Mail, ist das richtig? Passiert es auch mit echten Bestellungen? Das kannst du mit Testbestellungen testen, denn diese sind ein wichtiges Tool, um die sog. "Checkout Friction" zu testen um die User Experience (UX) aller Besucher selber zu erleben. Man kann 3 Arten von Testbestellungen verwenden, um solche Szenarien zu testen.

[PeterSchulz]

ich habe das selbe Problem und habe es sowohl bei Tests aus den Einstellungen -> Benachrichtigung -> Bestellbestätigung, als auch bei kompletten Testbestellungen mit einer Test-Kreditkartennummer. Immer leer PDFDateien 

[Gabe]

Ok etwas mehr Info zu dieser Sache und ein potentieller Workaround bis das Problem von unseren Entwickler behoben ist (die arbeiten momentan an der Sache) -> das erwartete Systemverhalten ist, dass der attach_as_pdf liquid filter den liquid object als PDFs ausgeben sollte, die an die Notification drangehängt werden.

Stattdessen hängt dieser Filter entweder leere PDFs an die Notification, oder als Liquid error: internal.

Was kann man in der Zwischenzeit machen bis das Problem behoben ist?

• Man könnte stattdessen im Vorlagencode den attach_as_text Liquid Filter verwenden, der den Text innerhalb der Notification ausgibt: {{ <object> | attach_as_text }}
• Man kann auch die PDFs vorläufig als Verlinkungen in der Vorlage einpflegen mit einem Zusatz, wie der folgende: "Aufgrund technischen Probleme werden unsere AGB und Widerrufsbelehrung als Text ganz unten in dieser E-Mail angezeigt" ODER "Aufgrund technischen Probleme werden unsere AGB und Widerrufsbelehrung als Verlinkung ganz unten in dieser E-Mail angezeigt" oder ähnlich.

Das würde dann wie folgt aussehen (habe ich aber noch nicht getestet):

{%- if shop.terms_of_service.body != blank -%}
{{ shop.terms_of_service | attach_as_text: "AGB" }}
{%- endif -%}

{%- if shop.refund_policy.body != blank -%}
{{ shop.refund_policy | attach_as_text: "Widerrufsrecht" }}
{%- endif -%}

• Mehr dazu in unserer Hilfeseite hier!

[ar06ny]

Hey @Gabe,

habe es mit deinem Code,  unten in der Bestellbestätigungs-Mail angehängt. Funktioniert 🙂

Danke, bin mir sicher, dass das mit den PDF auch noch klappen wird.

LG

[MikaVX]

Hey Ar06ny ich habe das gleiche Problem. Meinst du es betrifft derzeit nur die Shops die ihre Rechtstexte über die IT Recht Kanzlei übernommen haben?

Ich warte noch mit der Zwischenlösung, die Text Lösung sieht beim Kunden unprofessionell aus findest du nicht? 

[PeterSchulz]

meine Texte kommen von "Trusted Shop" und ich habe die selben Probleme

[Gabe]

Hey @MikaVX @ar06ny @PeterSchulz 

Die Texte im Bereich "Richtlinien" in deinen Einstellungen sind das "Objekt" das vom Liquid Filter gezogen wird. Ob diese Texte von der IT Rechtskanzlei stammen oder nicht wird hier nicht viel Unterschied machen bzgl. darauf dass die pdfs leer sind. Siehe meinen Temporary Workaround oben bzgl. die PDFs als Links und den Text den du in die Bestellungs-Vorlage einfügen kannst.

Wir werden es auch in diesem Leitfaden melden sobald ein Hotpatch in das System geschleust wurde.

Das ist auch interessant was der Richter sagt denn in der Tat muss man einen pdf Reader installiert haben. PDFs können aber heutzutage auch mit dem Browser geöffnet werden entweder direkt vom Anhang in der E-Mail oder als Verlinkung. Somit wird der Browser (wie Google Chrome oder Firefox) zum PDF Reader. Daher sehe ich keine Probleme wenn man zwei Hyperlinks zu den PDFs in die Email Vorlage einbaut mit einem Hinweis.

Der Richter scheint aber zu erwarten, dass eine Order Confirmation E-Mail mit bis zu 20 Pages (beide Richtlinien- Texte innerhalb der E-Mail) an den Kunden gesendet wird was ja auch nicht eine besonders tolle UX ist.

@PeterSchulz Kannst du mal eine Testbestellung durchführen (siehe Anleitung oben)?

[PeterSchulz]

Betrifft das eigentlich nur Test.Szenarien oder sind davon alle produktiven Webshops die von Shopify betrieben werden?

[ar06ny]

Hey @MikaVX denke nicht, dass es etwas mit IT Recht Kanzlei zu tun hat.

Ich habe auch andere HTML-Text, von denen ich weiß, dass sie korrekt programmiert sind, zur Überprüfung bei Richtlinien eingefügt und auch die werden nicht in den PDF angezeigt.

Anmerkung zur Methode der am Mail-Ende eingefügten Texte (AGB, Wiederruf):

Vor ein paar Wochen habe ich einen Anwaltsartikel gelesen, an dem man wieder einmal sieht, dass manchmal alles eine Auslegungssache ist.

Dieser Text ist nur Sinngemäß und wurde nicht vom Original-Artikel übernommen:

Laut eines deutschen Richterentscheids ist es unzureichend die Texte dem Kunden nur als PDF in der Email zur Verfügung zu stellen. Weil so die Meinung des Richters, nicht davon auszugehen ist (wenn auch in heutiger Zeit sehr unwahrscheinlich), dass der Kunde einen geeigneten PDF-Reader parat hat!

HINWEIS:

Bei Vertragsschlüssen über einen eigenen Online-Shop empfiehlt es sich, dass der Händler seine AGB sowie seine Widerrufsbelehrung nebst Widerrufsformular im Volltext in die Bestätigungs-Email einbindet, die der Kunde nach seiner Bestellung automatisch über das Shopsystem des Händlers erhält. Alternativ könnte der Händler die Rechtstexte der Bestätigungs-Email auch jeweils als PDF-Anhang beifügen und im Text der Email auf den jeweiligen Anhang hinweisen.

Ergänzung: Die Pflicht zur Übermittlung in Textform gilt übrigens nicht für die Datenschutzerklärung, die ausschließlich im Rahmen der datenschutzrechtlichen Informationspflichten auf der Website des Händlers vorgehalten werden muss. Die zusätzliche Übermittlung der Datenschutzerklärung in Textform ist jedoch unschädlich.

[MikaVX]

Hallo Gabe

Ich habe das gleiche Problem und ebenfalls ein Ticket erstellt. Wie werden wir benachrichtigt wenn das Problem behoben wurde? 

Vielen Dank für dein Feedback!

[ar06ny]

War nur eine Test-Mail, keine Testbestellung und keine echte Bestellung.

[ar06ny]

Hey, @Gabe 

Danke f. die Info, das mit dem Ticket werde ich auf jeden Fall machen. Ist mal ein Anfang.

[bknurr]

Ticket Nummer 35619225

[Gabe]

Ein anderer und vorläufiger Workaround wäre die 2 pdfs als Downloadbare Links in der E-Mail zu verknüpfen. Im heutigen Zeitalter des Internets und der Technik spricht eigentlich nichts mehr dagegen. E-Mail Anhänge sind so von gestern, abgesehen davon dass sie auch eine gewisse Sicherheitsproblematik mit sich bringen...Einen Link kann man vorher prüfen. Einen Anhang nicht.

Um einen downloadbaren pdf Link in die E-Mail Vorlage einzupflegen: verwende den HTML <href> Tag und prüfe das dann in der Vorschau. Hier ein Beispiel:

<a href="https://cdn.shopify.com/s/files/1/0002/2783/5906/files/1234567.pdf?v=1674146965">dein_pdf_Name_hier</a>

Um das Adobe Acrobat möglichst unabhängig zu machen:

<a href="./directory/yourfile.pdf" download="newfilename">Download the pdf</a>

Copy

Dabei ist newfilename der vorgeschlagene Dateiname, unter dem der Benutzer die Datei speichern soll. Wenn du das Feld leer lässt, wird der Dateiname auf dem Server verwendet, etwa so:

<a href="./directory/yourfile.pdf" download>Download the pdf</a>

Copy

Siehe eine Anleitung dazu hier.

Du kannst auch unsere hauseigene Digital Downloads App verwenden.

[Natascha007]

Hallo @Gabe 

wenn ich die pdf Dateien in die Email verknüpfe, dann erhält mein Kunde die fehlerhaften Anhänge UND die Links?! 

Bei mir ist das Problem mit den fehlerhaften Anhängen auch aufgetreten 😞

Gruß, 

Natascha

[Digitrades]

Hallo Gabe,

das wäre vielleicht als kurzfristige Lösung möglich aber als allgemeine Lösung undenkbar. 
Laut § 312f BGB heißt es in Absatz 2 müssen die AGB und Widerrufsbelehrung dem Kunden übermittelt werden. Da spricht schon was gegen trotz Internet Zeitalter.

LG

[sharpnote]

Hallo,

ich habe in den Code erstmal den Link zu den AGBs und dem Wiederruf. reingepackt.

Bei mir steht dann unten in der Bestätigungsmail:

"AGBs und Widerrufsrecht findest du hier:

AGBs Widerrufsrecht (natürlich als Link zu unserer Seite)"

[Gabe]

@Digitrades @sharpnote 

• ...müssen die AGB und Widerrufsbelehrung dem Kunden übermittelt werden.

Auf welchem Weg genau? Wird das deutlich spezifiziert, dass das wie im Beispiel von @sharpnote NICHT erlaubt ist?

Um die AGB und Widerrufsbelehrung als PDF an einen Kunden bei einer Bestellung zu senden, um den Anforderungen des § 312f BGB Absatz 2 zu entsprechen, kann man folgende Schritte ausführen:

1. Erstelle die AGB und die Widerrufsbelehrung in einem Textverarbeitungsprogramm und speichere sie als PDF-Datei.
2. Verlinke in der E-Mail-Vorlage, die PDF-Dateien als Link.

Dann kann man mit einem Experten entweder über den Shopify App Store oder durch eine eigene benutzerdefinierte App, dass den Shopify API nutzt, die E-Mail-Vorlage samt pdfs versenden.

Alternativ kann man einen Link zu den PDF-Dateien auf der Website bereitstellen und den Kunden bitten, die Dateien da herunterzuladen und aufzubewahren. Es ist auch wichtig, darauf zu achten, dass die Inhalte der AGB und Widerrufsbelehrung den gesetzlichen Anforderungen entsprechen und aktuell sind.

[LJHH]

Selbes Problem, wir haben die Texte auch über IT-Recht.
Bevor ich nun als unwissender in den Liquids rumbastle und es nachher alles wieder zurück-ändern muss - gibt es ggf. schon ein estimate, wann der Bug behoben ist?

Best
Lukas

[Gabe]

Hey @Natascha007 und @LJHH 

Die fehlerhaften pdfs sind die vom System generierten pdfs. Die die ich oben meine, sind eure eigenen erstellten pdfs dir ihr aus eurem Cloud Account verlinkt, oder im Dateienbereich uploadet mit CDN URL.

Hoffe das hilft! 😉

[LJHH]

Moin Gabe,

danke dir! 
Bei dem Widerrufsformular easy, bei den AGBs sehe ich da eine kleine Schwierigkeit: 
Wir haben ja alle IT-Rechtskanzlei oder Trusted Shops via API angebunden um uns über die Aktualität der Klauseln keine Gedanken machen zu müssen. 
Wenn ich nun aber eine statische PDF anhänge müsste ich die jedes Mal aktualisieren, wenn es Änderungen gibt.

Auf jeden Fall aber natürlich eine Übergangslösung 🙂

[Gabe]

Moin Lukas! @LJHH 

Das ist in der Tat wahr da die pdf dann statisch ist wie du sagst und du müsstest bei jeder Aktualisierung die von der IT oder von TS kommt nochmal eine neue pdf Kopie im Backend speichern zu dem die Verknüpfung verlinkt.

Um den Zeitgeist zu entsprechen kann man das auch über einen QR Code im Text verlinken. QR Codes sind etwas einfacher in der Handhabung und dafür gibt es einige gratis Apps mit denen man QR Codes innerhalb Shopify erstellen und verlinken kann.

[sharpnote]

Hallo,

hier das gleiche Problem... 😕

Der Support-Chat konnte mir nicht weiterhelfen...

Was muss ich im Code anpassen?

Gruß Nils

[Gabe]

Hey Alle,

Wie oben bereits beschrieben, unsere Entwickler arbeiten momentan an der Sache denn es hat mit mehreren Dingen und Moving Parts zu tun, wie z. B. wie die Texte generiert wurden.

In der Zwischenzeit muss auf die oben-vorgeschlagenen Workarounds zurückgegriffen werden.

[Adam133]

Hallo zusammen,

ich habe gleiches Problem mit Test-Mails und echten Bestellungen. Der deutsche Shopify-Support scheint noch nicht ganz über dieses bekannte Problem informiert zu sein. Es wird noch im Dunkeln getappt. Meine Ticketnummer ist 35771424. Kann dies intern irgendwie verknüpft werden, sodass ich über eine Lösung zeitnah informiert werde?

Etwas auffällig finde ich die Fehlermeldung, die mir der Acrobat Reader ausgibt. Es heißt "Die eingebettete Schrift "DejaVuSans-Bold" konnte nicht entnommen werden". Meine Texte kommen von "Trusted Shops" und dort ist im html-formatierten Rechtstext dieser Schnipsel enthalten:

<style> * { font-family: DejaVu Sans, sans-serif; } </style>

Ein Déjà-vu im wahrsten Sinne des Wortes. Ersetze ich den Rechtstext durch plain Text ohne html bleibt die Fehlermeldung im Acrobat Reader identisch.

Freue mich über zeitnahe Lösung.

Beste Grüße

Adam

[Adam133]

Hallo zusammen,

mein Ticket beim Shopify-Support wurde eskaliert und an einen offensichtlich sehr kompetenten Mitarbeiter weitergegeben. Es gibt einen einfachen Workaround, den ich nicht nachvollziehen kann, aber es funktioniert:

Einfach den Code, der die PDFs erzeugt in die Tabellen-Zelle mit dem "disclaimer__subtext" ziehen: TADAAAA! 

<td>
{{ shop.terms_of_service | attach_as_pdf: "Terms of Service" }}
{{ shop.refund_policy | attach_as_pdf: "Refund Policy" }}
<p class="disclaimer__subtext">Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter <a href="mailto:{{ shop.email }}">{{ shop.email }}</a>.</p>
</td>

Viele Grüße

Adam

[sharpnote]

Hi Adam,

hört sich gut an! 🙂

Kannst du vielleicht kurz sagen in welcher Zeile (Nummer) du dies bei dir eingefügt hast?

Vielen Dank!

Gruß Nils

[Adam133]

Hallo Nils,

es ist bei mir Zeile 632. Aber bei dir vielleicht anders, da ich nicht sagen kann, ob der Shopify-Support noch andere Änderungen durchgeführt hat. Suche bei dir nach "Falls du Fragen hast, antworte auf diese E-Mail". Direkt dort drüber stehen die zwei Zeilen.

Im Anhang schicke ich euch den ganzen Code. Ich habe an der Bestellbestätigung nichts für meinen eigenen Shop geändert. Die Datei hat die Endung csv, damit ich sie hier hochladen kann. Es ist eine einfache txt-Datei.

Viele Grüße

Adam

[Adam133]

Anhang möchte er nicht annehmen... Du findest die richtige Stelle bestimmt auch so.

[sharpnote]

Ja, funktioniert bei mir 🙂

PDFs werden jetzt fehlerfrei an die Mail gehangen.

Vielen Dank @Adam133 

[LJHH]

Geil, danke dir hierfür! Funktioniert einwandfrei 🙂

[Gabe]

Hey Leute! 

Es scheint die Lösung wurde mit etwas serendipity gefunden aber das funzt in der Tat und hier handelt es sich darum, das in manche Shops die Codezeilen ggf. an der falschen Stelle eingepflegt wurden, wie z.B. unterhalb eines Footer Codes (es lieber darüber einpflegen) und deshalb die Wichtigkeit betonen, das immer vorher zu testen... Und zwar ganz unten in der Vorlage den Folgenden Code einspeichern (Backup machen bladeebla...):

{{ shop.terms_of_service | attach_as_pdf: "Terms of Service" }}
{{ shop.refund_policy | attach_as_pdf: "Refund Policy" }}          
              <p class="disclaimer__subtext">Bei weiteren Fragen können Sie uns hier kontaktieren: <a href="mailto:{{ shop.email }}">{{ shop.email }}</a>.</p>

Hier ein Vergleich zu wie das in meiner "alten" Test-Vorlage noch aussieht wo die PDFs nicht richtig angezeigt werden:

<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

{%- if shop.terms_of_service.body != blank -%}
  {{ shop.terms_of_service | attach_as_pdf: "AGB" }}
{%- endif -%}

{%- if shop.refund_policy.body != blank -%}
  {{ shop.refund_policy | attach_as_pdf: "Widerrufsbelehrung" }}
{%- endif -%}

{% if line.grams != blank %}
<span class="order-list__item-variant"> Gewicht pro Einheit: {{ line.variant.weight | weight_with_unit }}</span>
{% endif %}<a href="https://cdn.shopify.com/s/files/1/0002/2783/5906/files/1234567.pdf?v=1674146965">dein_pdf_Name_hier</a>

Hier eine Erklärung aus unserer Developer Doku zu was der class="disclaimer__subtext" ist und warum die pdf Objekte und Filter richtig im Code platziert werden müssen:

class ist ein Attribut eines HTML-Elements, das verwendet wird, um den Stil, das Layout oder andere Eigenschaften des Elements in einem CSS-Stylesheet zu definieren. 

class="disclaimer__subtext" ist ein spezifischer Klassenname, der einem bestimmten Element auf einer Website zugewiesen werden sein kann. Ein class -Attribut mit dem Wert "disclaimer__subtext" ist ein spezifischer Klassenname, der in einem CSS-Stylesheet einem bestimmten Element auf einer Website zugewiesen werden sein kann, um ein bestimmtes HTML-Element zu kennzeichnen und zu gestalten.

Die genaue Platzierung des class-Attributs innerhalb des HTML-Codes hängt vom Design und der Struktur der Vorlage ab. Im Allgemeinen kann das class-Attribut jedem HTML-Element hinzugefügt werden, z. B. einem Absatz, einer Überschrift, einem div, einer Schaltfläche usw. Das class-Attribut sollte innerhalb des öffnenden Tags des HTML-Elements platziert werden, etwa so:

<p class="disclaimer__subtext">This is some text with the disclaimer__subtext class applied to it.</p>

Es wird also im HTML-Code platziert, wo du die im CSS-Stylesheet definierten Stile anwenden musst. 

[ar06ny]

Hey @Gabe ,

ich habe den neuen Code verwendet, der funktioniert auch super.

Ich habe aber auch den Text "Terms of Service" durch "AGB" und den Text "Refund Policy" durch "Widerrufbelehrung & Widerrufsformular" ersetzt , damit die Überschriften in Deutsch zu lesen sind.

Da "Widerrufbelehrung & Widerrufsformular" zu lange ist, wird mir die Folgezeile (rot) angezeigt (siehe Bild).

Die PDF werden trotzdem fehlerfrei mit der Mail mitgeschickt und angezeigt.

Kann das irgend eine andere negative Auswirkung haben, bzw. wie kann ich das beheben?

LG Alfred

[ar06ny]

Hey @Adam133 ,

funktioniert.

Danke 😎