Einleitung

Als Beispiel wird in dieser Anleitung das Instagram Icon der E-Mail Signatur-Vorlage “Signatur extern CH” hinzugefügt.

Dabei muss ein Skript vom Typ “Link” erstellt werden, das anschliessend in die E-Mail Signatur-Vorlage eingefügt wird. Was diese Anleitung beinhaltet:

• Skript vorbereiten - Bevor das Skript erstellt werden kann, muss zuerst das Instagram-Icon konvertiert und eine Übersetzung hinzugefügt werden.

• Neues Skript erstellen - Zum Erstellen des neuen Skript, orientieren wir uns an den vorhandenen Skripten und ersetzen einfach die Inhalte mit den korrekten Werten.

• Skript in Vorlagen einfügen - In der E-Mail Signatur Vorlage muss das Skript schlussendlich eingefügt und die Signatur getestet werden.

Skript vorbereiten

Instagram-Icon-Datei konvertieren

Ziel: Das Instagram Icon Bild (eine .jpg- oder .png-Datei), das angezeigt werden soll, muss in einen Base64-String (eine Zeichenfolge) konvertiert werden, damit das Bild im Skript für die Vorlage verwendet werden kann.

1. Folgende Website öffnen: https://www.base64-image.de/

2. Das Bild aus dem Datei-Explorer auf den Drag & Drop Bereich ziehen

3. Im Bereich “Encoding” auf den Button “copy image” klicken.

   Open

   

4. Den Text in einem beliebigen Texteditor (z.B. Windows Editor oder notepad++) einfügen (Ctrl. + V) zum Zwischenspeichern

5. Alles bis und mit dem ersten Komma in diesem String löschen: data:image/png;base64,iVBORw0KGg[…]

Link in den Übersetzungen erfassen

1. Globale Übersetzungen öffnen

2. In den Datensatz “Links” navigieren

3. Button “Neuer Eintrag” klicken und das Wort “New” ersetzen mit “InstagramLink”

4. Im neuen Eintrag alle Instagram-Links je nach Filiale abfüllen. Falls für alle Sprachen/Filialen derselbe Link zum Tragen kommt oder der Link sowieso nur in den deutschen Signaturen verwendet wird, dann den Link zuoberst bei “Deutsch” einfügen.

5. Speichern

Neues Skript erstellen

1. Globale Konfigurationen öffnen

2. In den Bereich “Skripts” → “MailGeneral” navigieren

3. Das Skript (<CustomDataNode> bis </CustomDataNode>) mit der id “Icon.Youtube” markieren, kopieren (Ctrl. + C)

4. Das kopierte Skript auf einer neuen Zeile einfügen (Ctrl. + V).

5. Die id des Skript anpassen mit “Icon.Instagram”.

6. Das Element “Link” mit den richtigen Daten abfüllen (mehr Informationen zu Link-Skripten finden Sie in unserer technischen Dokumentation: Skripte: Link):

   1. Im Attribut “imageAltText” “Youtube Icon” ersetzen mit “Instagram Icon”

   2. Im Attribut “imageDataBase64” die lange Zeichenfolge ersetzen mit der Zeichenfolge, die Sie im Editor zwischengespeichert haben.

   3. Zwischen <Link […]> und </Link> die ID der Verknüpfung mit den Globalen Übersetzungen “{D[Links.YoutubeLink]}“ ersetzen mit “{D[Links.InstagramLink]}“.

Skript in Vorlagen einfügen

1. Für die CH-Vorlage "Signatur extern CH": Sicherstellen, dass die Dokumentsprache “Deutsch - CH” ist. Gleiches für die deutsche Signaturvorlage mit Deutsch - DE.

2. Outlook öffnen

3. In OneOffixx die Vorlage “Signatur extern CH“ (oder die deutsche) mit "Vorlage bearbeiten" öffnen

4. Im Vorlageneditor auf "Editor" klicken und warten, bis Outlook die Mail-Vorlage geöffnet hat.

5. In der geöffneten E-Mail-Vorlage im Ribbon “OneOffixx Entwurf” auf “Inhalt verknüpfen” klicken

6. In der geöffneten Designer-Pane in den Bereich “Skripting” navigieren und dann den Ordner “Icon” öffnen

7. Im Textbereich links (Html-Editor) den Cursor dort platzieren, wo das Icon hin soll. Da es sich hier um Link-Skripte handelt, ist folgendes zu beachten: Der Cursor darf nicht in einem anderen Skript platziert werden. Die Skripts werden direkt aneinander gereiht, damit sie in einer Zeile erscheinen. Beispiel: Sie möchten das Instagram-Icon zwischen dem Facebook-Icon und dem Youtube-Icon platzieren. Dann muss der Cursor, wie im Screenshot, genau zwischen diese zwei Link-Elemente platziert werden.
   Also wie hier:

   Open

   

   Es darf weder das vordere noch das hintere Feld markiert sein. Also nicht so:

8. Ist der Cursor platziert, in der Designer-Pane im Icon-Ordner auf “Instagram” doppelklicken klicken → Das Skript-Feld wird eingefügt.

9. Speichern.

10. OneOffixx Administrator-Modus verlassen.

11. Signatur mit einem geeigneten Profil testen.

Falls Probleme auftauchen, den Support mittels Öffnen eines Ticket kontaktieren.