
Shopsiegel einbauen
Es gibt zwei einfache Methoden, das Shopsiegel in Ihren Online-Shop zu integrieren:
1. Als frei platzierbarer Link (klassische Einbindung)
Sie können das Shopsiegel an jeder beliebigen Stelle in Ihrem Shop einbauen - zum Beispiel im Footer, auf der Startseite oder im Vertrauensbereich. Das Siegel wird dabei als Bild mit einem Link zu Ihrem Zertifikat eingefügt.
Vorteil: Sie entscheiden selbst, wo und wie groß das Siegel angezeigt wird.
Beispiel: Als frei platzierbarer Link
Fügen Sie diesen HTML-Code an der gewünschten Stelle in Ihren Shop ein:
Erklärung:
Wo sollte das Siegel angezeigt werden?
Empfehlenswert ist eine sichtbare Position, z.B. im Footer (ganz unten) oder in der Seitenleiste
Fügen Sie diesen HTML-Code an der gewünschten Stelle in Ihren Shop ein:
<a href="https://www.syntrust.eu/zertifikate/SZ-2025060012.html" target="_blank" rel="noopener"> <img src="https://www.meinshop.de/bilder/shopsiegel.png" width="140px" alt="Shopsiegel - SYNtrust Zertifikat"> </a>
Erklärung:
- href=... Link zum Zertifikat (erhalten Sie von uns per Email)
- src=... Link zu Ihrer Shopsiegel-Grafik (Ihr Speicherort des Siegels)
- target="_blank" öffnet das Zertifikat in neuem Tab
- width=... Breite des Siegels (Höhe wird automatisch berechnet)
Wo sollte das Siegel angezeigt werden?
Empfehlenswert ist eine sichtbare Position, z.B. im Footer (ganz unten) oder in der Seitenleiste
2. Als fest positionierte Box mit CSS (z.B. dauerhaft unten links)
Alternativ kann das Shopsiegel als kleine Box dauerhaft am unteren linken Bildschirmrand angezeigt werden - unabhängig vom Shop-Layout. Die Box bleibt auch beim Scrollen immer sichtbar und ist mit dem Zertifikat verlinkt. Vorteil: Maximale Sichtbarkeit für Ihre Besucher, ohne andere Shop-Elemente zu verdecken. Beide Varianten bieten eine sichere Verlinkung zum Prüf-Zertifikat. Wählen Sie die Methode, die am besten zu Ihrem Shop-Design passt!
Beispiel: Shopsiegel dauerhaft unten links einblenden (CSS-Variante)
Fügen Sie diesen HTML- und CSS-Code an beliebiger Stelle im body Bereich in Ihre Seite ein, um das Siegel dauerhaft unten links anzuzeigen:
Info zu der Variante:
Fügen Sie diesen HTML- und CSS-Code an beliebiger Stelle im body Bereich in Ihre Seite ein, um das Siegel dauerhaft unten links anzuzeigen:
<a href="https://www.syntrust.eu/zertifikate/SZ-2025060012.html" target="_blank" rel="noopener" style="position:fixed; left:20px; bottom:20px; z-index:9999; box-shadow:0 0 16px rgba(255,156,0,0.16); border-radius:14px; background:#fff; padding:8px 14px;"> <img src="https://www.meinshop.de/media/shopsiegel.png" alt="Shopsiegel - SYNtrust Zertifikat" style="width:90px; border:0; vertical-align:middle;"> </a>
Info zu der Variante:
- Das Siegel bleibt immer unten links sichtbar, auch beim Scrollen.
- Die position:fixed-Angabe sorgt für die feste Platzierung.
- Der Link führt direkt zum Zertifikat und öffnet es in einem neuen Tab.
- Das Design kann nach Wunsch über die style-Angaben angepasst werden.
- href=... Link zum Zertifikat (erhalten Sie von uns per Email)
- src=... Link zu Ihrer Shopsiegel-Grafik
- target="_blank" öffnet das Zertifikat in neuem Tab
- width=... Gewünschte Breite des Siegels (Höhe wird automatisch berechnet)