Branding van uw Ecwid-winkel
U kunt kleuren, lettertypen en afbeeldingen (bijv. een logo) gebruiken om uw winkeletalage en Instant Site te laten aansluiten op het merk van uw bedrijf. Met consistente branding verbetert u het ontwerp van uw website en bouwt u vertrouwen op bij uw klanten, waardoor het waarschijnlijker wordt dat ze iets bij u kopen.
Wijzigingen in de inhoud van de Instant Site en het ontwerp worden aangebracht in de Site-editor, die toegankelijk is op de pagina Website in uw Ecwid-beheerder. Voor wijzigingen in het ontwerp van de winkeletalage (de feitelijke winkel waar klanten door producten bladeren) moet u mogelijk CSS-codes gebruiken.
Kleuren bijwerken
U kunt de kleur van alle elementen in uw Ecwid-winkel en op uw Instant Site veranderen: koop-knoppen en teksten van knoppen, productbeschrijvingen, blokken op de website, enz. Als u al een bepaald ontwerp gebruikt voor uw website, kunt u kijken naar de kleuren die u al gekozen heeft en ervoor zorgen dat die ook consequent terugkomen in uw winkeletalage.
De kleuren veranderen:
- Ga in de Ecwid-beheerder naar Website → Site bewerken (of Overzicht → Instant Site beheren → Site bewerken).
- Klik op het blok.
- Schakel over naar het tabblad Ontwerpen.
- Klik op het element.
- Klik op het veld Kleur en kies de kleur die u nodig heeft met behulp van de tool voor kleurkeuze. U kunt in het veld Kleur ook een bestaande kleurcode invoeren, als u die al weet.
- Klik op de knop Opslaan en publiceren als u klaar bent met het bewerken van uw website.
- Kopieer uit het artikel in het CSS-Cookbook (in het Engels) de code die bij uw doel past en wijzig het kleurnummer naar elke gewenste kleur of configureer zelf de code.
- Ga in de Ecwid-beheerder naar Ontwerpen.
- Scrol naar beneden naar de sectie Thema's en diepgaande aanpassingen.
- Klik op Thema maken.
- Deze stap varieert afhankelijk van waar u verkoopt:
- Als u verkoopt op de Nieuwe generatie Instant Site, wordt u doorgeleid naar de Site-editor. Plak uw code in het veld Aangepaste CSS-code.
- Als u verkoopt op de originele versie van de Ecwid Instant Site, WordPress, Wix of een andere aangepaste website, klikt u op de geopende pagina op Nieuw CSS-thema toevoegen en plakt u de CSS code in het veld. Klik aan de rechterkant op de link Activeren om dit thema te gebruiken voor uw winkeletalage.
- Sla de wijzigingen op.
Verder lezen:
Configuratie van ontwerp en inhoud van Nieuwe generatie Instant Sites →
Configuratie van ontwerp van Instant Site (originele versie) →
CSS-codes toevoegen aan uw winkel →
CSS-Cookbook van Ecwid (in het Engels) →
Lettertypen bijwerken
U kunt de lettertypen van alle elementen van uw Ecwid-winkel en uw Instant Site veranderen: teksten van knoppen, productbeschrijvingen, broodkruimels, enz. Als u een specifiek lettertype wilt gebruiken, kunt u dit toepassen op bepaalde elementen of op alle teksten van uw Ecwid-winkel of Instant Site.
De lettertypen veranderen:
- Ga in de Ecwid-beheerder naar Website → Site bewerken (of Overzicht → Instant Site beheren → Site bewerken).
- Klik op het blok.
- Schakel over naar het tabblad Ontwerpen.
- Klik op het element.
- Kies het lettertype en de instellingen voor het lettertype (bijv. grootte en stijl).
- Klik op de knop Opslaan en publiceren als u klaar bent met het bewerken van uw website.
U kunt ook voor alle blokken van uw website het standaardlettertype instellen via algemene lettertype-instellingen →
- Kopieer uit het artikel in het CSS-Cookbook (in het Engels) de code "Alle lettertypen wijzigen" (in het Engels) en vervang de NAME_OF_FONT door een betaande naam van een lettertype of configureer de code zelf.
- Ga in de Ecwid-beheerder naar Ontwerpen.
- Scrol naar beneden naar de sectie Thema's en diepgaande aanpassingen.
- Klik op Thema maken.
- Deze stap varieert afhankelijk van waar u verkoopt:
- Als u verkoopt op de Nieuwe generatie Instant Site, wordt u doorgeleid naar de Site-editor. Plak uw code in het veld Aangepaste CSS-code.
- Als u verkoopt op de originele versie van de Ecwid Instant Site, WordPress, Wix of een andere aangepaste website, klikt u op de geopende pagina op Nieuw CSS-thema toevoegen en plakt u de CSS code in het veld. Klik aan de rechterkant op de link Activeren om dit thema te gebruiken voor uw winkeletalage.
- Sla de wijzigingen op.
Logo en favicon bijwerken
U kunt het logo voor uw Ecwid-winkel en Instant Site wijzigen. Het logo verschijnt in de koptekst van uw site en in meldingen aan klanten, dus elke e-mail die vanuit uw winkel wordt verstuurd, bevat uw merk.
Voor het beste resultaat moet u de afbeelding zo schalen dat hij goed past en er zowel in de header als in de e-mail goed uitziet.
Een logo uploaden:
- Ga in de Ecwid-beheerder naar Website → Site bewerken (of Overzicht → Instant Site beheren → Site bewerken).
- Klik op het blok Koptekst.
- Klik op Wijzigen naast het Site-logo:
- Kies Afbeelding in het keuzemenu Type logo.
- Klik op Afbeelding wijzigen.
- Kies een afbeelding op uw computer.
- Klik op de knop Opslaan en publiceren als u klaar bent met het bewerken van uw website.
- Ga in de Ecwid-beheerder naar Instellingen → Meldingen.
- Scrol naar beneden naar de sectie Logo.
- Klik op Logo uploaden.
- Kies een afbeelding op uw computer.
De wijzigingen worden automatisch opgeslagen. Het logo is meteen ingesteld voor alle e-mailmeldingen aan de klant. Het wordt ook gebruikt voor uw facturen en btw-facturen als die nog geen logo hebben.
U kunt ook een favicon voor uw website toevoegen. De favicon is de kleine afbeelding die in het tabblad van de browser en naast de URL in de adresbalk van de browser wordt getoond. Als u de originele versie van Ecwid Instant Site gebruikt, dan wordt het logo automatisch als favicon gebruikt als u het uploadt voor uw Instant Site. Als u een Nieuwe generatie Instant Site gebruikt, vindt u hier meer informatie over een favicon uploaden voor uw Nieuwe generatie Instant Site →
Verder lezen:
Afbeeldingen bijwerken
U kunt de afbeeldingen voor uw Ecwid-winkel en Instant Site wijzigen. Deze afbeeldingen omvatten alles van uw omslagafbeeldingen tot uw productafbeeldingen en zijn een belangrijk onderdeel van uw merk.
U kunt afbeeldingen in hoge kwaliteit uploaden tot 20 MB. Ecwid zal de afbeeldingen automatisch comprimeren zodat ze er goed uitzien en uw winkel en website snel worden geladen.
Afbeeldingen bijwerken:
- Ga in de Ecwid-beheerder naar Website → Site bewerken (of Overzicht → Instant Site beheren → Site bewerken).
- Klik op het blok dat een afbeelding in zijn sjabloon heeft.
- Klik op Afbeelding wijzigen naast de afbeelding:
- Kies een afbeelding op uw computer.
- Klik op de knop Opslaan en publiceren als u klaar bent met het bewerken van uw website.
U kunt afbeeldingen uploaden met indeling JPG, PNG, JPEG2000, GIF, WEBP of TIFF.
- Ga in de Ecwid-beheerder naar Catalogus → Producten.
- Maak een nieuw product of kies een bestaand product.
- In de sectie met afbeeldingen op de productpagina kunt u afbeeldingen slepen en neerzetten vanaf uw computer of klikken op +Afbeeldingen uploaden.
- Sla de wijzigingen op.
U kunt afbeeldingen uploaden met indeling JPG, BMP, PNG of GIF.
Verder lezen:
Configuratie van ontwerp en inhoud van Nieuwe generatie Instant Sites →
Configuratie van ontwerp van Instant Site (originele versie) →
Productafbeeldingen →