Email signatur maker

[NGMedien]

Hallo ich wollte den Email Signatur maker von Hubspot nutzen.  Allerdings werden die Emails nach Außen sehr merkwürdig angezeigt. Woran kann das liegen. Ich nutze das gängige System Outlook. 

Hier ein Screenshot davon https://ibb.co/Tq8Qfg6 . Außerdem werden kleine Dateien im Anhang mitgesendet. Wie kann man diese entfernen?

[karstenkoehler]

Hallo @NGMedien,

wenn ich deinen HTML-Code teste, werden die zusätzlichen orangen Linien bei mir kurioserweise an anderer Stelle angezeigt...

Die Probleme des HubSpot Email Signature Generators mit Outlook sind tatsächlich bereits bekannt und es gibt aktuell (Stand August 2020) leider noch keine Lösung dafür, siehe Antwort von @PamCotton (Community Manager) in diesem Thread.

Vielleicht kann @JessicaH Nutzerinnen und Nutzer mit mehr HTML-Erfahrung markieren, die direkt eine Lösung sehen.

Am Ende bitte nicht vergessen, die Beiträge, die zur Lösung geführt haben, als solche zu markieren. Danke!

Viele Grüße!

[JessicaH]

Hi @mii @Anton @Chris-M @Hanta, habt ihr hierzu eine Lösung?

Liebe Grüße,

Jessica 

[NGMedien]

Hallo Karsten,

das hat schonmal super funktioniert. Die Anhänge sind jetzt weg und mobil wird es besser angezeigt. Das einzige was jetzt nicht zu 100% gut aussieht sind die kleinen icons für Telefon, email etc. Da sind so Striche oben und unten jeweils siehe screen:

Außerdem ist die Höhe meines Logos nicht analog zu der Höhe des Namens, das wäre auch noch gut zu verbessern.

Ich nutze diesen code:

<table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td style="vertical-align: top;"><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td class="sc-TOsTZ kjYrri" style="text-align: center;"><img src="https://ng-medien.de/wp-content/uploads/2020/11/download1-5.png" role="presentation" width="130" class="sc-cHGsZl bHiaRe" style="max-width: 130px; display: block;"></td></tr></tbody></table></td><td width="46"><div></div></td><td style="padding: 0px; vertical-align: middle;"><h3 color="#004d8f" class="sc-fBuWsC eeihxG" style="margin: 0px; font-size: 18px; color: rgb(0, 77, 143);"><span>Niklas</span><span>&nbsp;</span><span>Gerbershagen</span></h3><p color="#004d8f" font-size="medium" class="sc-fMiknA bxZCMx" style="margin: 0px; color: rgb(0, 77, 143); font-size: 14px; line-height: 22px;"><span>Digital Marketing Manager</span></p><p color="#004d8f" font-size="medium" class="sc-dVhcbM fghLuF" style="margin: 0px; font-weight: 500; color: rgb(0, 77, 143); font-size: 14px; line-height: 22px;"><span>Inhaber</span><span>&nbsp;|&nbsp;</span><span>NG Medien</span></p><p color="#004d8f" font-size="medium" class="sc-eqIVtm kRufpp" style="color: rgb(0, 77, 143); margin: 0px; font-size: 14px; line-height: 22px;"><span>Online-Marketing - Social-Media - Webdesign - SEO - SEA</span></p><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial; width: 100%;"><tbody><tr><td height="30"></td></tr><tr><td color="#e75323" direction="horizontal" height="1" class="sc-jhAzac hmXDXQ" style="width: 100%; border-bottom: 1px solid rgb(231, 83, 35); border-left: none; display: block;"></td></tr><tr><td height="30"></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr height="25" style="vertical-align: middle;"><td width="30" style="vertical-align: middle;"><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td style="vertical-align: bottom;"><span color="#e75323" width="11" class="sc-jlyJG bbyJzT" style="display: block; background-color: rgb(231, 83, 35);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#e75323" width="13" class="sc-iRbamj blSEcj" style="display: block; background-color: rgb(231, 83, 35);"></span></td></tr></tbody></table></td><td style="padding: 0px; color: rgb(0, 77, 143);"><a href="tel:0541 40994313" color="#004d8f" class="sc-gipzik iyhjGb" style="text-decoration: none; color: rgb(0, 77, 143); font-size: 12px;"><span>0541 40994313</span></a></td></tr><tr height="25" style="vertical-align: middle;"><td width="30" style="vertical-align: middle;"><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td style="vertical-align: bottom;"><span color="#e75323" width="11" class="sc-jlyJG bbyJzT" style="display: block; background-color: rgb(231, 83, 35);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#e75323" width="13" class="sc-iRbamj blSEcj" style="display: block; background-color: rgb(231, 83, 35);"></span></td></tr></tbody></table></td><td style="padding: 0px;"><a href="mailto:gerbershagen@ng-medien.de" color="#004d8f" class="sc-gipzik iyhjGb" style="text-decoration: none; color: rgb(0, 77, 143); font-size: 12px;"><span>gerbershagen@ng-medien.de</span></a></td></tr><tr height="25" style="vertical-align: middle;"><td width="30" style="vertical-align: middle;"><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td style="vertical-align: bottom;"><span color="#e75323" width="11" class="sc-jlyJG bbyJzT" style="display: block; background-color: rgb(231, 83, 35);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#e75323" width="13" class="sc-iRbamj blSEcj" style="display: block; background-color: rgb(231, 83, 35);"></span></td></tr></tbody></table></td><td style="padding: 0px;"><a href="//www.ng-medien.de" color="#004d8f" class="sc-gipzik iyhjGb" style="text-decoration: none; color: rgb(0, 77, 143); font-size: 12px;"><span>www.ng-medien.de</span></a></td></tr><tr height="25" style="vertical-align: middle;"><td width="30" style="vertical-align: middle;"><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td style="vertical-align: bottom;"><span color="#e75323" width="11" class="sc-jlyJG bbyJzT" style="display: block; background-color: rgb(231, 83, 35);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/address-icon-2x.png" color="#e75323" width="13" class="sc-iRbamj blSEcj" style="display: block; background-color: rgb(231, 83, 35);"></span></td></tr></tbody></table></td><td style="padding: 0px;"><span color="#004d8f" class="sc-csuQGl CQhxV" style="font-size: 12px; color: rgb(0, 77, 143);"><span>Bramscher Straße 145, 49088 Osnabrück</span></span></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;"><tbody><tr><td height="30"></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

[karstenkoehler · Accepted solution]

Hallo @NGMedien,

wie genau das Problem entsteht, lässt sich aus der Ferne schwer beurteilen – vermutlich beim Kopieren. Es gibt allerdings einen Weg, die Signatur in Outlook einzufügen, der weniger fehleranfällig ist. (Gehe ich richtigerweise davon aus, dass es um die Desktop-Anwendung von Outlook geht?)

Hier die dafür nötigen Schritte:

1. Du legst eine neue Signatur in Outlook an, per Datei > Optionen > E-Mail > Signaturen.
2. Dieser Signatur gibst du einen aussagekräftigen Namen, damit du sie gleich gut wiederfinden kannst.
3. Im nächsten Schritt suchen wir die htm-Datei, die Outlook jetzt automatisch für diese neue Signatur angelegt hat, unter:

   C:\Users\Benutzername\AppData\Roaming\Microsoft\Signatures

4. Dort solltest du die htm-Datei mit dem oben erwähnten aussagekräftigen Namen finden. Mit dem Windows Editor (Notepad) kannst du diese Datei öffnen.
5. Jetzt entfernst du den kompletten Inhalt der Datei, fügst Quellcode der Signatur aus dem E-Mail Signature Generator von HubSpot ein und speicherst die htm-Datei.
6. Outlook sollte direkt den neu eingefügten HTML-Quellcode erkennen und die Signatur nun "schön" anzeigen.

Freue mich über eine Rückmeldung, ob dieser Weg funktioniert hat.

Viele Grüße!