Girocodes/EPC-QR-Code in Emails ermöglichen

smomsy

Hallo zusammen,
für unsere Zeltlager-Anmeldung fände ich es cool, wenn die Eltern einen Girocode direkt in die Email bekommen.
Dafür kann man die qr-Kontrollstruktur gut verwenden.

Wenn ich in einer Email folgenden QR-erstellen lasse,

{{#qrcode}}
BCD
002
1
SCT
Freie evangelische Gemeinde Coburg
DE03 7836 0000 0001 3026 71
EUR130.00
MoveKidsCamp 2025 {{person.firstName}} {{person.lastName}}
{{/qrcode}}

ist der Inhalt des generierten QR-Codes folgender:

<br>BCD<br>002<br>1<br>SCT<br>Freie evangelische Gemeinde Coburg<br>DE03 7836 0000 0001 3026 71<br>EUR130.00<br>MoveKidsCamp 2025 Simon Rupprecht</div>
<div>

Damit der Girocode aber funktioniert, soll der Inhalt des QR-Codes die einzelnen Zeilen ohne HTML-Elemente anzeigen.
Wäre das eine mögliche Verbesserung der QR-Code-Kontrollstruktur?

Vielen Dank und Beste Grüße,
Simon

smomsy

@smomsy Ergänzung: Ich hatte auch schon jegliche new-Line Symbole, wie z.B. \n probiert. Diese werden aber nicht geparsed, sondern einfach im QR-Code abgebildet.

bwl21

@smomsy ich hab das so gemacht, dass ich eine E-Mail-Vorlage erstellt habe. Die kann man dann für verschiedene Freizeiten verwenden.

Die Sache mit den Vorlagen hat den Vorteil, dass man volle Kontrolle über das HTML hat.
Die Vorlage habe ich von Hand erstellt und als HTML-hochgeladen. Wenn man sich auf ein einfaches Layout beschränkt geht das auch in alle Mailern.

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"
>
<body style="word-spacing:normal;">

<p>
    Hallo {{{person.firstName}}} {{{person.lastName}}},
</p>

<p>
    danke für deine Buchungsanfrage zur '{{{group.name}}}'. Wir bestätigen hiermit, dass du wie folgt angemeldet bist:
</p>

<p>
    Aufgrund deiner Anfrage nach Zimmerkategorie '{{{groupMemberField.zimmerkategorie}}}' haben wir für dich reserviert:

    </br></br>
    <strong>Zimmer '{{{groupMemberField.zimmer}}}'</strong> zum Preis von {{{groupMemberField.freizeitbetrag}}} Euro
</p>

<p>Das Programm mit den Einzelheiten zur Freizeit wird im Frühjar 2025 verteilt.</p>

<p>Bitte überweise den  Freizeitbetrag bis 31.03.2025 auf das Konto der BGK bei der KSK Ludwigsburg:</p>
<pre>
IBAN: DE39 6045 0050 0009 9560 07
BIC: SOLADES1LBG
Verwendungszweck: Freizeit {{{group.id}}} Teilnehmer {{{person.id}}}
</pre>

<p>Falls du die Fotoüberweisung in deinem Smartphone eingerichtet hast, kannst du auch folgenden QR-code verwenden:</p>

<div style="text-align: center;">
{{#qrcode}}
BCD
001
1
SCT
SOLADES1LBG
Ev. Bruedergemeinde Korntal
DE39604500500009956007
EUR
Freizeit {{{group.id}}} Teilnehmer {{{person.id}}}
{{{person.street}}} {{{person.zip}}} {{{person.city}}}
{{/qrcode}}
</div>
<p>
Bei Fragen steht dir das Organisationsteam gerne zur Verfügung.
</p>
<p>
Herzliche Grüße, dein Organisationsteam '{{{group.name}}}'
</p>
<div>
    {{body}}
</div>
</body>
</html>

DA hat man die volle Kontrolle über das ganze.

Das Ergebnis ist:

2025-01-02 at 18.49.35_CleanShot_Google Chrome@2x.png

smomsy

@bwl21 Vielen Dank! Daran hatte ich noch nicht gedacht, das direkt in der Vorlage zu machen. Das ist zwar dann leider nicht für jedermann einfach zu editieren, aber doch erstmal eine gute Zwischenlösung.

Wenn diese Funktion in Zukunft auch direkt in der Email verwendbar wäre, wäre das für uns praktisch

bwl21

@smomsy Es villeicht so, dass das ohnehin nicht jeder machen müsste/sollte, sondern es Gemeindeweit bereitgestellt wird. Das finde ich eher noch einen Vorteil.

Aber du hast natürlich recht, CT, sollte die Vorgenhensweise nicht erzwingen, daher sollte es auch im content der einzelne Mail gehen.

d3chris

@bwl21 sagte in Girocodes/EPC-QR-Code in Emails ermöglichen:

[...] Aber du hast natürlich recht, CT, sollte die Vorgenhensweise nicht erzwingen, daher sollte es auch im content der einzelne Mail gehen.

Weißt du zufällig, ob das geplant ist?

bwl21

@d3chris das muesste man mal probieren ob das geht

Lukas 1

@bwl21
Bei uns habe ich das hinbekommen mit etwas Copy/Paste aus anderen Editoren bei dem wohl etwas Formatierung mit kopiert wurde... Genau kann ich das aber nicht mehr sagen. Wir kopieren das Element immer aus Vorlagen oder bestehenden Automatschen E-Mails

<pre>{{#qrcode}}BCD 001 1 SCT BIC Empfänger IBAN EUR190 {{person.lastName}}, {{person.firstName}} - {{group.name}}{{/qrcode}}</pre>

smomsy

@Lukas-1
Wo genau fügst du diesen Codeschnipsel ein?
Ich sehe dafür 3 Möglichkeiten:

In einer E-Mail Vorlage in eigenen HTML Code
In einer E-Mail Vorlage im Vorlagen-Editor
Im Content-Bereich einer E-Mail (z.B. automatische Email)

Nach meinen Tests habe ich es nur in Möglichkeit 1 zum funktionieren gebracht (Bei den anderen Möglichkeiten wurden HTML-Elemente mit in den QR-Code codiert, wie man in meiner ersten Nachricht sieht). Ich fände es praktisch, wenn man auch in Möglichkeiten 2 und 3 den Code für einen QR-Code direkt einfügen könnte. So könnte es auch der "normale Benutzer" anpassen. Es gibt ja schon im Vorlagen-Editor das "Conditional", evtl. könnte man hier auch weitere Kontrollstrukturen, wie z.B. den QR-Code ermöglichen?

bwl21

@smomsy Der normale Benutzer wird das nicht hinkriegen, denn der Text muss ja auch sehr genau sein. Daher fand ich es besser es in eine Vorlage zu packen, dann kommt der QR-Code halt immer unten.

Es wäre was anderes bei den automatischen E-Mails. Da könnte man versuchen, das im HTML Wiki zu hinterlegen und paar cut and Paste in die Mail hinein zu kopieren.

Einfach nur schade, dass der wysiwig Editor keinen durchgriff auf plain HTML hat. Das bist mal einige Anwender fordern. Vielleicht kommt es dann.

Lukas 1

@smomsy Die QR-Code Kontrollstruktur haben wir im Content Bereich einer automatischen E-Mail eingefügt. Wie @bwl21 schreibt hat das über Copy-Paste aus einer Wiki Seite funktioniert. Folgendes in einen Code-Block einfügen und dann aus dem Frontend in einer Mail einfügen.

{{#qrcode}}BCD
001
1
SCT
BIC
Empfänger
IBAN
EUR180

Teilnehmerbeitrag von {{person.lastName}},{{person.firstName}}--{{group.name}}{{/qrcode}}

d3chris

Vielen Dank @bwl21 und @Lukas-1! So funktioniert es. Sogar, wenn es in einem Code-Block im Markdown-Wiki einfügt.

smomsy

@Lukas-1
Vielen Dank für die genaue Beschreibung des Workarrounds!