Branding Ihres Ecwid-Shops
Sie können Farben, Schriftarten und Bilder (z. B. ein Logo) verwenden, um Ihr Schaufenster und Ihre Instant Site an die Marke Ihres Unternehmens anzupassen. Ein konsistentes Branding verbessert das Design Ihrer Website und schafft Vertrauen bei Ihren Kunden und Kundinnen, sodass diese eher zum Kauf bereit sind.
Änderungen an Inhalt und Design der Instant Site werden im Site Editor vorgenommen, der über die Seite Webseite in Ihrer Ecwid-Verwaltung zugänglich ist. Designänderungen am Schaufenster (dem eigentlichen Shop, in dem Kunden und Kundinnen nach Produkten suchen) können die Verwendung von CSS-Codes erfordern.
Aktualisierung der Farben
Sie können die Farbe eines jeden Elements in Ihrem Ecwid-Shop und auf Ihrer Instant Site ändern: Kaufschaltflächen und Schaltflächentexte, Produktbeschreibungen und Website-Blöcke, usw. Wenn Sie auf Ihrer Website ein bestimmtes Design verwenden, können Sie sich die Farben, die Sie bereits ausgewählt haben, noch einmal ansehen und sichergehen, dass sie auch in Ihrem Schaufenster konsistent verwendet werden.
Um die Farben zu ändern:
- Gehen Sie in Ihrer Ecwid-Verwaltung auf Webseite → Website bearbeiten (oder Übersicht → Instant Site verwalten → Website bearbeiten).
- Klicken Sie auf den Block.
- Wechseln Sie auf die Registerkarte Gestaltung.
- Klicken Sie auf das Element.
- Klicken Sie auf das Feld Farbe und wählen Sie mit dem Farbauswahl-Werkzeug die gewünschte Farbe. Sie können auch einen existierenden Farbcode in das Feld Farbe eingeben, wenn Sie diesen kennen.
- Klicken Sie auf die Schaltfläche Speichern & Veröffentlichen, wenn Sie mit der Bearbeitung Ihrer Website fertig sind.
- Kopieren Sie aus dem CSS Kochbuch-Artikel (auf Englisch) den gewünschten Code und ändern Sie die Farbzahl auf eine beliebige Farbe, oder konfigurieren Sie den Code selbst.
- Gehen Sie von Ihrer Shop-Verwaltung aus zu Gestaltung.
- Scrollen Sie nach unten zum Abschnitt Designs und detaillierte Anpassungen.
- Klicken Sie auf Thema erstellen.
- Dieser Schritt variiert je nachdem, wo Sie verkaufen:
- Wenn Sie auf der Instant Site der nächsten Generation verkaufen, werden Sie zum Site Editor weitergeleitet. Fügen Sie Ihren benutzerdefinierten CSS-Code in das Feld ein.
- Wenn Sie mit der Originalversion der Ecwid Instant Site, WordPress, Wix oder einer anderen benutzerdefinierten Website verkaufen, klicken Sie auf der geöffneten Seite auf Neues CSS-Thema hinzufügen und fügen Sie Ihren CSS-Code in das Feld ein. Klicken Sie rechts auf Aktivieren, um dieses Thema bzw. Design auf Ihr Schaufenster anzuwenden.
- Speichern Sie die Änderungen.
Mehr lesen:
Konfigurieren von Design und Inhalt für die Ecwid Instant Site der nächsten Generation →
Konfigurieren des Instant Site-Designs (Originalversion) →
CSS-Codes zu Ihrem Shop hinzufügen →
Ecwid CSS-Kochbuch (auf Englisch) →
Aktualisierung der Schriftarten
Sie können die Schriftart aller Elemente in Ihrem Ecwid-Shop und Ihrer Instant Site ändern: Schaltflächentexte, Produktbeschreibungen, Brotkrümel, etc. Wenn Sie eine bestimmte Schriftart für Ihren Shop verwenden, können Sie sie für bestimmte Textelemente oder für alle Texte in Ihrem Ecwid-Shop und auf Ihrer Instant Site anwenden.
Um die Schriftarten zu ändern:
- Gehen Sie in Ihrer Ecwid-Verwaltung auf Webseite → Website bearbeiten (oder Übersicht → Instant Site verwalten → Website bearbeiten).
- Klicken Sie auf den Block.
- Wechseln Sie auf die Registerkarte Gestaltung.
- Klicken Sie auf das Element.
- Wählen Sie die Schriftart und die Schrifteinstellungen (z. B. Größe und Stil).
- Klicken Sie auf die Schaltfläche Speichern & Veröffentlichen, wenn Sie mit der Bearbeitung Ihrer Website fertig sind.
Sie können auch die Standard-Schriftart aller Blöcke Ihrer Seite einstellen unter Globale Schrifteinstellungen →
- Kopieren Sie aus dem CSS Kochbuch-Artikel (auf Englisch) den Code „Change all fonts“ (auf Englisch) und ersetzen Sie NAME_OF_FONT durch einen tatsächlichen Schriftartnamen oder konfigurieren Sie den Code selbst.
- Gehen Sie von Ihrer Shop-Verwaltung aus zu Gestaltung.
- Scrollen Sie nach unten zum Abschnitt Designs und detaillierte Anpassungen.
- Klicken Sie auf Thema erstellen.
- Dieser Schritt variiert je nachdem, wo Sie verkaufen:
- Wenn Sie auf der Instant Site der nächsten Generation verkaufen, werden Sie zum Site Editor weitergeleitet. Fügen Sie Ihren benutzerdefinierten CSS-Code in das Feld ein.
- Wenn Sie mit der Originalversion der Ecwid Instant Site, WordPress, Wix oder einer anderen benutzerdefinierten Website verkaufen, klicken Sie auf der geöffneten Seite auf Neues CSS-Thema hinzufügen und fügen Sie Ihren CSS-Code in das Feld ein. Klicken Sie rechts auf Aktivieren, um dieses Thema auf Ihr Schaufenster anzuwenden.
- Speichern Sie Ihre Änderungen.
Aktualisierung von Logo und Favicon
Sie können das für Ihren Ecwid-Shop und Ihre Instant Site verwendete Logo ändern. Das Logo kann in der Kopfzeile Ihrer Website sowie in Kundenbenachrichtigungen erscheinen, so dass jede E-Mail, die von Ihrem Shop ausgeht, mit dem Logo versehen ist.
Um ein optimales Ergebnis zu erzielen, stellen Sie sicher, dass das Logobild richtig skaliert ist und sowohl in der Kopfzeile als auch in der E-Mail gut aussieht.
Um ein Logo hochzuladen:
- Gehen Sie in Ihrer Ecwid-Verwaltung auf Webseite → Website bearbeiten (oder Übersicht → Instant Site verwalten → Website bearbeiten).
- Klicken Sie auf den Block Kopfzeile.
- Klicken Sie neben Seitenlogo auf Ändern:
- Wählen Sie im Dropdown Art des Logos die Option Bild.
- Klicken Sie auf Bild ändern.
- Wählen Sie ein Bild von Ihrem Computer aus.
- Klicken Sie auf die Schaltfläche Speichern & Veröffentlichen, wenn Sie mit der Bearbeitung Ihrer Website fertig sind.
- Gehen Sie von Ihrer Ecwid-Verwaltung aus zu Einstellungen → Benachrichtigungen.
- Scrollen Sie nach unten zum Abschnitt Logo.
- Klicken Sie auf Logo hochladen.
- Wählen Sie ein Bild von Ihrem Computer hoch.
Die Änderungen werden automatisch gespeichert. Das Logo wird für alle Kunden-E-Mail-Mitteilungen auf einmal festgelegt. Dieses wird für Ihre Quittungen und Rechnungen verwendet, falls diese noch kein Logo haben.
Sie können auch ein Favicon für Ihre Website hinzufügen. Ein Favicon ist das kleine Bild, das in der Browser-Registerkarte und neben der URL in der Adressleiste des Browsers angezeigt wird. Wenn Sie die Originalversion der Ecwid Instant Site verwenden, wird das Logo, das Sie für Ihre Instant Site hochladen, automatisch als Favicon verwendet. Wenn Sie die Instant Site der nächsten Generation nutzen, erfahren Sie hier, wie Sie ein Favicon für Ihre Instant Site der nächsten Generation (auf Englisch) → hochladen
Mehr lesen:
Instant Site-Favicon (auf Englisch) →
E-Mail-Mitteilungen bearbeiten →
Aktualisierung der Bilder
Sie können die in Ihrem Ecwid-Shop und auf Ihrer Instant Site verwendeten Bilder ändern. Diese Bilder umfassen alles von Ihren Titelbildern bis hin zu Ihren Produktbildern und sind ein wichtiger Teil Ihrer Marke.
Sie können Bilder in hoher Qualität mit bis zu 20 MB hochladen. Ecwid wird Bilder automatisch komprimieren, damit sie gut aussehen und der Shop schnell geladen wird.
Um Bilder zu aktualisieren:
- Gehen Sie in Ihrer Ecwid-Verwaltung auf Webseite → Website bearbeiten (oder Übersicht → Instant Site verwalten → Website bearbeiten).
- Klicken Sie auf den Block, der ein Bild in seiner Vorlage hat.
- Klicken Sie neben dem Bild auf Bild ändern:
- Wählen Sie ein Bild von Ihrem Computer aus.
- Klicken Sie auf die Schaltfläche Speichern & Veröffentlichen, wenn Sie mit der Bearbeitung Ihrer Website fertig sind.
Sie können Bilder im JPG-, PNG-, JPEG2000-, GIF-, WEBP- und TIFF-Format hochladen.
- Gehen Sie von Ihrer Ecwid-Verwaltung aus zum Produkte → Produkte.
- Erstellen Sie ein neues Produkt oder wählen Sie ein vorhandenes.
- Im Bilder-Abschnitt auf der Produktseite können Sie entweder Bilder von Ihrem Computer ziehen und ablegen oder auf +Bilder hochladen klicken.
- Speichern Sie die Änderungen.
Sie können Bilder im JPG-, BMP-, PNG- und GIF-Format hochladen.
Mehr lesen:
Konfigurieren von Design und Inhalt für die Ecwid Instant Site der nächsten Generation →
Konfigurieren von Design und Inhalt für die Ecwid Instant Site der nächsten Generation (reguläre Version) →
Produktbilder →