Kennisbank
Handleidingen
Academy
Instructievideo's
Probeer te zoeken naar:
Recent bekeken artikelen:

Op deze pagina

Ecwid-blokken toevoegen in de Gutenberg-editor

Nadat u de Ecwid E-Commerce plug-in voor WordPress heeft geïnstalleerd, krijgt u toegang tot een aantal blokken voor winkelinhoud. Ze zijn beschikbaar in de standaard codevrije pagina-editor en publicatietool die ook wel bekend is als de Gutenberg-editor. U kunt deze blokken gebruiken om in enkele minuten functies van uw online winkel toe te voegen aan elke pagina op uw WordPress-site.

Winkelblokken toevoegen

U kunt een of meerdere E-commerce-blokken toevoegen aan elke pagina van een WordPress-site en ze vervolgens aanpassen aan het ontwerp van uw site.

Een winkelblok toevoegen:

  1. Ga naar het WordPress-dashboard → Pagina's en open de pagina waar u online winkelonderdelen wilt toevoegen. U kunt ze toevoegen aan een nieuwe of aan een bestaande pagina.
  2. Klik linksboven op de knop +. In het Ecwid-gedeelte ziet u een lijst met beschikbare winkelblokken:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__2_.png

  3. Klik op het blok om het aan uw pagina toe te voegen.
  4. Om het uiterlijk van het blok te wijzigen, klikt u in de sitepagina op het blok en gebruikt u het menu voor blokinstellingen aan de rechterkant:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__1_.png

  5. Klik op Publiceren of Bijwerken om de wijzigingen op te slaan.

Dat is alles! U heeft een E-commerce blok toegevoegd aan de pagina van uw WordPress-site.

Overzicht winkelblokken

De volledige lijst met inhoudsblokken voor uw Ecwid-winkel voor de standaard WordPress-editor bevat:

  • Uw hele etalage
  • Afzonderlijke categoriepagina's
  • Afzonderlijke productkaarten in de vorm van Koopknoppen (drie lay-outopties)
  • Producten zoeken (met of zonder filters)
  • Winkelwagen- en afrekenpagina
  • Categorieënmenu
  • Winkelwagenpictogram

U kunt per pagina een of meerdere blokken toevoegen, afhankelijk van wat u nodig heeft.

Startpagina winkel

Met het blok Startpagina winkel kunt u uw hele etalage toevoegen aan elke WordPress-pagina:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__8_.png

U kunt direct in de WordPress-editor beheren hoe de etalage eruitziet: grootte en beeldverhouding voor miniaturen van producten en categorieën kiezen, het uiterlijk van de productpagina's instellen, de productweergave op de winkelvoorpagina kiezen, navigatie-elementen toevoegen en nog veel meer.

Productkaart-klein

Het blok Productkaart-klein is perfect om één of meer producten aan een blogpost of uw homepage toe te voegen. U kunt het ook gebruiken als u maar een paar producten verkoopt en geen hele winkel op uw site wilt zetten.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__7_.png

Nadat u het blok toevoegt aan een sitepagina kunt u een product voor het blok selecteren door te klikken op Product kiezen.

Na het toevoegen van de productkaart kunt u het uiterlijk direct in de WordPress-editor aanpassen: u kunt kiezen welke elementen u wilt weergeven en wijzigen hoe de knop eruitziet.

Koop nu-knop

U kunt het minimalistische blok voor de Koop nu-knop gebruiken voor het toevoegen van koopknoppen met de optie om specifieke producten meteen af te rekenen. Bijvoorbeeld als u op de pagina met de productbeschrijving een CTA wilt hebben die u zelf heeft ontworpen op uw WordPress-site.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__9_.png

Nadat u het blok toevoegt aan een sitepagina kunt u een product voor de Koop nu-knop selecteren door te klikken op Product kiezen. Ook kunt u na het toevoegen van de knop in de WordPress-editor het uiterlijk van de knop aanpassen en ervoor kiezen om in de Koop nu-knop niet de prijs te laten zien.

Zoekveld voor producten

Met het blok Zoekveld voor producten kunt u aan elke pagina een compact zoekveld toevoegen:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__4_.png

Voor klassieke WP-themagebruikers: Als u in één keer een zoekveld aan al uw pagina's wilt toevoegen, gaat u naar Uiterlijk → Widgets en voegt u de Zoekveld-widget toe aan de zijbalk.

Winkelcategorieënmenu

Met het blok Winkelcategorieënmenu kunt u boven of onder in uw pagina een categorieënmenu toevoegen. Het menu helpt klanten bij het bladeren door uw winkel en kan ook dienen om de aandacht te trekken.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__3_.png

Het winkelcategorieënmenu bevat alle ingeschakelde categorieën van uw winkel.

Winkelwagenpictogram

Met het blok Winkelwagenpictogram kunt u ervoor zorgen dat uw winkelwagen nog beter zichtbaar is. Dit kan helpen om het aantal verlaten winkelwagens te beperken en de navigatie in de hele winkel te verbeteren. Wanneer klanten op het pictogram klikken, worden ze doorgestuurd naar de afrekenpagina.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__12_.png

U kunt het uiterlijk van het pictogram direct in de WordPress-editor aanpassen: u kunt kiezen hoe het wordt uitgelijnd (links, midden of rechts) en hoe het eruit zal zien (tas, winkelwagen of winkelmandje, grootte, aantal artikelen enz.).

Voor klassieke WP-themagebruikers: Als u in één keer een winkelwagenpictogram aan al uw pagina's wilt toevoegen, gaat u naar Uiterlijk → Widgets en voegt u de Winkelwagen-widget toe aan de zijbalk.

Winkelcategoriepagina

Met het blok Winkelcategoriepagina kunt u een specifieke winkelcategorie toevoegen aan elke pagina van uw WordPress-site. Dit kan elke categorie zijn die in uw winkel bestaat.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__6_.png

In het menu voor blokinstellingen aan de rechterkant kunt u in het keuzemenu Categorie selecteren een categorie selecteren die u wilt toevoegen. U krijgt hier toegang toe door na het toevoegen van het blok aan de sitepagina op het blok te klikken.

Nadat u de categorie heeft toegevoegd, kunt u direct in de WordPress-editor beheren hoe hij eruitziet: grootte en beeldverhouding voor miniaturen van producten en categorieën kiezen, het uiterlijk van de productpagina's instellen, de productweergave op de winkelvoorpagina kiezen, navigatie-elementen toevoegen en nog veel meer.

Productkaart-groot

Het blok Productkaart-groot is perfect om afzonderlijke productpagina's op uw WordPress-site te bouwen. Bijvoorbeeld als u een specifiek product wilt uitlichten - zoals een goed verkopend of beperkt beschikbaar artikel - en u geen tijd wilt besteden aan het zelf ontwerpen van de websitepagina.

Grote productkaarten bevatten alle informatie die ook op een reguliere pagina met productgegevens staat: titel, afbeeldingen, beschrijving, opties (indien aanwezig), prijs, enz.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__5_.png

Nadat u het blok toevoegt aan een sitepagina kunt u een product voor het blok selecteren door te klikken op Product kiezen.

Nadat u de productkaart heeft toegevoegd, kunt u direct in de WordPress-editor beheren: de lay-out van de productpagina en afbeeldingengalerij kiezen, de inhoud van de zijbalk instellen en nog meer.

Producten zoeken en filters

Met het blok Producten zoeken en filters kunt u geavanceerde zoekmogelijkheden toevoegen. De pagina van uw Wordpress-site bevat niet alleen een zoekveld, maar ook al uw producten en een lijst met productfilters. Klanten kunnen op die manier sneller vinden wat ze zoeken.

Meer informatie over het toevoegen van productfilters in uw winkel →

Adding_Ecwid_blocks_in_the_Gutenberg_editor__11_.png

Nadat u het blok voor producten zoeken en filters heeft toegevoegd, kunt u direct in de WordPress-editor beheren hoe het eruitziet: de positie van het filterscherm kiezen, het uiterlijk van de productlijst en de winkelnavigatie instellen en nog meer.

Winkelwagen en afrekenen

Met het blok Winkelwagen en afrekenen kunt u de afrekenpagina toevoegen aan elke pagina van uw WordPress-site. Bijvoorbeeld om het te koppelen aan het hoofdmenu van uw site zodat klanten die de aankoop willen afronden het sneller kunnen vinden.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__10_.png

Was dit artikel nuttig?

Fantastisch! Bedankt voor uw feedback!

Bedankt voor uw feedback!

Wat vervelend! Wat ging er mis?
Aantal gebruikers dat dit nuttig vond: 2 van 4
10
We gebruiken cookies en vergelijkbare technologieën om uw voorkeuren te onthouden, de effectiviteit van onze campagnes te meten en gedepersonaliseerde gegevens te analyseren om onze site beter te laten werken. Door «Accepteren» te kiezen, stemt u in met het gebruik van cookies.
Cookies accepteren Afwijzen