Bild aus HTML Code wird nicht angezeigt in der E-Mail

Topic summary

Ein Nutzer hat Probleme beim Erstellen von HTML-E-Mails für Shop-Marketing: Das erste Bild wird nicht angezeigt, nur das zweite.

Vorgeschlagene Lösungen:

  • Bild-URL auf Korrektheit prüfen (im Browser testen)
  • Hintergrundbild als <img>-Tag statt CSS-Background einbinden, da E-Mail-Clients CSS-Eigenschaften unterschiedlich unterstützen
  • Feste Höhe für Elemente definieren
  • Inline-CSS statt Header-CSS verwenden

Aktueller Stand:
Nach Anpassungen funktioniert es weiterhin nicht. Zusätzliches Problem: Der “open_tracking_block” sollte transparent sein, zeigt aber Schrift in der E-Mail an (beim Coden nicht sichtbar).

Externe Builder wurden getestet – die E-Mail wird dort korrekt angezeigt, was auf ein Shopify-E-Mail-spezifisches Problem hindeutet.

Nächste Schritte:
Der Support empfiehlt, ein Ticket zu öffnen und Details (Shopify-Shop-URL, verwendete E-Mail-Adresse) bereitzustellen, damit das Team das autorisierte Konto direkt prüfen kann.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.

Guten Tag,

wir wollen E-Mail Marketing über den Shop machen und haben einen HTML Code dafür für die APP geschrieben.

Allerdings zeigt er das erste Bild nicht an, sondern immer nur das zweite.

Kann da jemand unterstützen?

Hier der HTML Code

 

 

Gutscheincode: FITNESS50

 
 

Liebes Team,

wir freuen uns, euch ein exklusives Angebot von SodaShaker vorstellen zu dürfen!

SodaShaker ist bekannt für seine überragenden Getränkesirups, die durch ihre einzigartige Zusammensetzung aus Fruchtzucker und Süßungsmitteln nicht nur Sodbrennen verhindern, sondern auch ein geschmackliches Highlight sind.

Unsere Halb-Light Getränke sind perfekt für eure Kunden, die auf Geschmack und Gesundheit Wert legen.

Euer exklusiver Vorteil:

Testet unser Siruppaket mit allen Geschmacksrichtungen jetzt mit einem einmaligen 50% Rabatt! Gebt einfach den Code FITNESS50 bei eurer Bestellung in unserem Online-Shop ein.

Warum SodaShaker?

Beste Qualität: Unser Sirup bietet den besten Geschmack auf dem Markt.

Gesundheit: Die Zusammensetzung verhindert Sodbrennen.

Vielfalt: Eine breite Auswahl an Geschmacksrichtungen, perfekt für jede Vorliebe.

Attraktive Preise: Mit unserem Rabattcode genießen Sie Premiumqualität zum halben Preis.

Das Testpaket beinhaltet alle Sorten sowie Dosierpumpen. Wir empfehlen euch, das Sirup neben einer Wasseranlage zu platzieren oder durch euch an die Mitglieder auszugeben. Solltet ihr weitere Fragen, Anliegen oder Anfragen haben könnt ihr uns direkt über den Shop kontaktieren.

Wir freuen uns auf euch! Euer SodaShaker Team

Abmelden

((open_tracking_block))

Hey @Sari_5

Danke für den Code und das Problem, dass das erste Bild in deinem HTML-Code nicht angezeigt wird, kann durch mehrere Ursachen hervorgerufen werden. Hier sind einige Schritte zur Fehlerbehebung:

Stelle sicher, dass die Bild-URL korrekt ist und das Bild tatsächlich vorhanden ist. Du kannst die URL in einem Browser öffnen, um zu überprüfen, ob das Bild angezeigt wird. Einige E-Mail-Clients unterstützen bestimmte CSS-Eigenschaften und HTML-Elemente nicht. Überprüfe, ob das Hintergrundbild in verschiedenen E-Mail-Clients (wie Outlook, Gmail, Yahoo Mail, etc.) angezeigt wird. Sie unterstützen CSS im Head-Bereich nicht immer zuverlässig. Verwende stattdessen Inline-CSS:


E-Mail-Clients benötigen oft eine feste Höhe, um Hintergrundbilder korrekt darzustellen. Stelle sicher, dass du eine feste Höhe für das Element angibst:


Wenn das Hintergrundbild nicht funktioniert, kannst du stattdessen das Bild als img-Tag einfügen:


![Testangebot|700x500](upload://8XTNTBg16P66YXGFILBqnpCB2Vf.png)

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:


Haben den jetzt einmal angepasst schaut wie folgt aus, funktioniert nur leider immer noch nicht?

der “open_tracking_block” ganz unten im Code eigentlich auf volle Transparent gestellt ist. In der Mail sieht man leider die Schrift unten, beim Coden nicht…
Haben wir was falsch gemacht?

Show More

# ### Gutscheincode: **FITNESS50**

[Zum Shop](https://socialray.cmail20.com/t/y-i-maukky-l-r/)

![Testangebot|700x500](upload://8XTNTBg16P66YXGFILBqnpCB2Vf.png)

Liebes Team,

wir freuen uns, euch ein exklusives Angebot von SodaShaker vorstellen zu dürfen!

SodaShaker ist bekannt für seine überragenden Getränkesirups, die durch ihre einzigartige Zusammensetzung aus Fruchtzucker und Süßungsmitteln nicht nur **Sodbrennen verhindern**, sondern auch ein **geschmackliches Highlight** sind.

Unsere Halb-Light Getränke sind perfekt für eure Kunden, die auf **Geschmack und Gesundheit** Wert legen.

**Euer exklusiver Vorteil:**

Testet unser Siruppaket mit allen Geschmacksrichtungen jetzt mit einem einmaligen **50% Rabatt**! Gebt einfach den Code **FITNESS50** bei eurer Bestellung in unserem [Online-Shop](https://socialray.cmail20.com/t/y-i-maukky-l-y/) ein.

[Zum Shop](https://socialray.cmail20.com/t/y-i-maukky-l-j/)

**Warum SodaShaker?**

• **Beste Qualität:** Unser Sirup bietet den besten Geschmack auf dem Markt.

• **Gesundheit:** Die Zusammensetzung verhindert Sodbrennen.

• **Vielfalt:** Eine breite Auswahl an Geschmacksrichtungen, perfekt für jede Vorliebe.

• **Attraktive Preise:** Mit unserem Rabattcode genießen Sie Premiumqualität zum halben Preis.

![SodaShaker Angebot|1280x1280](upload://oVo526TesJSZwyJT6yIcMUL49ld.jpeg)

Das Testpaket beinhaltet **alle Sorten sowie Dosierpumpen.** Wir empfehlen euch, das Sirup neben einer Wasseranlage zu platzieren oder durch euch an die Mitglieder auszugeben. Solltet ihr weitere Fragen, Anliegen oder Anfragen haben könnt ihr uns direkt über den Shop kontaktieren.

Wir freuen uns auf euch!

Euer SodaShaker Team

Abmelden

((open_tracking_block))

@Gabe kannst du noch einmal unterstützen ?

Haben jetzt andere externe Builder ausprobiert da wird die Mail immer korrekt angezeigt, es scheint an Shopify Email zu liegen.

Beste Grüße

Hey @Sari_5

Um dir dabei behilflich zu sein, wird unser Team das :eyes: müssen. Hast du bereits ein Ticket bei unserem Support-Team geöffnet?

Falls nicht, sende bitte eine E-Mail an unseren Support wie hier demonstriert 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.