Einbindung des Gütesiegels auf Ihrer Webseite
Wir stellen Ihnen das Gütesiegel in verschiedenen Größen zur Verfügung. Wir empfehlen die vordefinierten Standardgrößen zu verwenden, da diese den Verbrauchern bekannt sind.
Standard-Variante (86x86 Pixel)
Das hier abgebildete Shop-Gütesiegel ist auf den meisten Webseiten integriert. Die Maße betragen 86x86 Pixel. Die zugehörige Grafikdatei befindet sich im Ordner „PNG” mit der Dateibezeichnung EhrlicheHandwerker.de_86x86.png.
Einbindungsbeispiel:
Header-Variante (58x58 Pixel)
Das Gütesiegel kann auch direkt in den Header-Bereich eingebunden werden. Wir empfehlen hierfür das Shop-Gütesiegel mit den Maßen 58x58 Pixel. Eine für diese Größe optimierte Grafikdatei befindet sich im Ordner „PNG” mit der Dateibezeichnung EhrlicheHandwerker.de_58x58.png.
Einbindungsbeispiel:
Freistehende Widget-Variante (mit integriertem CSS-Code)
Das Gütesiegel steht auch als sogenanntes „Widget” zur Verfügung. Der Vorteil dieser freistehenden Variante besteht darin, dass Aufbau und Optik einer Webseite unverändert bleiben. Die freistehende Widget-Variante bietet sich optimal als zusätzliche Ergänzung an.
Einbindungsbeispiel:
Die technische Einbindung der freistehende Widget-Variante erfolgt per Copy&Paste-Code. Hierfür ist eine FTP-Verbindung zu Ihrem Server erforderlich.
Öffnen Sie die entsprechende Quellcode-Datei Ihrer Webseite (z.B. index.php, frontend.php o.ä.). Suchen Sie nun die Zeile </body> (meistens am Ende des Quellcodes zu finden) und fügen Sie direkt über dieser Zeile den folgenden Code ein:
<!-- EhrlicheHandwerker.de Gütesiegel --> <div style="float:right; position:fixed; right:0; bottom:0; display:block; z-index:100000; font-size: 9px;"> <a href="https://ehrlichehandwerker.de/pages/1234567890" target="_blank" title="Online-Zertifikat prüfen"><img src="https://cdn.shopify.com/s/files/1/0761/0276/2836/files/EhrlicheHandwerker.de_86x86_5650c6f5-7a13-4790-9b60-5e8774e2bfa9.png?v=1687517326" border="0"></a> </div> <!-- / EhrlicheHandwerker.de Gütesiegel --> |
Bitte beachten: Der rot markierte Abschnitt muss unbedingt durch Ihre persönliche Zertifikatsnummer ersetzt werden, sonst wird Ihr Zertifikat nicht angezeigt.
Freistehende Widget-Variante (mit Stylesheet Auslagerung)
Das Gütesiegel steht auch als sogenanntes „Widget” zur Verfügung. Der Vorteil dieser freistehenden Variante besteht darin, dass Aufbau und Optik einer Webseite unverändert bleiben. Die freistehende Widget-Variante bietet sich optimal als zusätzliche Ergänzung an.
Einbindungsbeispiel:
Die technische Einbindung der freistehende Widget-Variante erfolgt per Copy&Paste-Code. Hierfür ist eine FTP-Verbindung zu Ihrem Server erforderlich.
Fügen Sie zunächst folgenden Code in das entsprechende Stylesheet (CSS-Datei) ein:
#shopsiegel_ehrlichehandwerker.de { float: right; position: fixed; right: 0; bottom: 0; display: block; z-index: 100000; font-size:9px; } |
Anschließend öffnen Sie die entsprechende Quellcode-Datei Ihrer Webseite (z.B. index.php, frontend.php o.ä.). Suchen Sie nun die Zeile </body> (meistens am Ende des Quellcodes zu finden) und fügen Sie direkt über dieser Zeile den folgenden Code ein:
<!-- EhrlicheHandwerker Gütesiegel --><div id="shopsiegel_ehrlichehandwerker.de"><a href="https://ehrlichehandwerker.de/pages/1234567890" target="_blank" title="Online-Zertifikat prüfen"><img src="https://cdn.shopify.com/s/files/1/0761/0276/2836/files/EhrlicheHandwerker.de_86x86_5650c6f5-7a13-4790-9b60-5e8774e2bfa9.png?v=1687517326" border="0"></a></div><!-- / EhrlicheHandwerker Gütesiegel --> |
Bitte beachten: Der rot markierte Abschnitt muss unbedingt durch Ihre persönliche Zertifikatsnummer ersetzt werden, sonst wird Ihr Zertifikat nicht angezeigt.
Allgemein zu beachten
Achten Sie darauf, dass das Gütesiegel immer auf das hinterlegte Online-Zertifikat verlinkt.
Achten Sie darauf, dass das Online-Zertifikat immer in einem neuen Fenster bzw. Tab geöffnet wird.
Achten Sie darauf, dass das Gütesiegel möglichst „harmonisch” wirkt. Falls sich hinter dem Gütesiegel ein quadratischer Farbhintergrund (weiß oder schwarz) abzeichnet, so könnte eine fehlerhafte Bildkonvertierung die Ursache sein. Der Support von EhrlicheHanderker.de kann Ihnen dabei behilflich sein.