Shortcodes voor het toevoegen van een winkel aan WordPress
Ecwid-plug-in voor WordPress maakt het mogelijk om winkelonderdelen toe te voegen aan uw sitepagina's of blogberichten. U kunt uw productcatalogus, een bepaalde categorie of een enkel product toevoegen.
De eenvoudigste manier om ze toe te voegen is door de ingebouwde blokken "Winkel" en "Product" in de WordPress-editor te gebruiken. Hier vindt u een instructie voor het installeren van de Ecwid-plug-in: Uw Ecwid-winkel toevoegen aan een WordPress-site.
Maar als u liever WordPress-shortcodes gebruikt, zijn die ook beschikbaar. Hier is de volledige lijst van shortcodes en hun parameters die beschikbaar zijn in de plug-in.
In dit artikel:
Shortcodes toevoegen in WordPress
U kunt in WordPress shortcodes toevoegen om het uiterlijk van uw winkel te wijzigen.
De shortcode toevoegen of wijzigen:
- Ga in uw WordPress-dashboard naar Pagina's en selecteer de pagina met uw Ecwid-winkel.
- Klik rechtsboven op de drie puntjes om het menu te openen en klik op Code-editor om over te schakelen naar de HTML-modus.
Nu kunt u de code bewerken.
Productcatalogus
De [ecwid]-shortcode voegt de hele winkeletalage in op een pagina.
De code ziet er als volgt uit:
[ecwid widgets="productbrowser search categories"
default_category_id="CATEGORY_ID"
default_product_id="PRODUCT_ID" lang="FR"]
De code bestaat uit verschillende parameters. Elke parameter bepaalt welke elementen moeten worden weergegeven. Standaard wordt de productbrowser (uw productcatalogus) weergegeven. Maar u kunt er een zoekveld en een categorieënmenu aan toevoegen.
- widgets — hiermee kunt u de elementen instellen die op de winkelpagina worden weergegeven. De waarden kunnen afzonderlijk of in combinatie worden gebruikt. Om een lijst van producten toe te voegen gebruikt u de waarde productbrowser. De waarde productbrowser is verplicht.
Om een lijst van producten en een zoekbalk toe te voegen gebruikt u productbrowser, search. De code om producten en een zoekbalk toe te voegen is de volgende:
[ecwid widgets="productbrowser search"]Om producten, een zoekbalk en categorieën toe te voegen gebruikt u de waarden productbrowser, search, categories:
[ecwid widgets="productbrowser search categories"]- default_category_id — stelt de categorie in die op de winkelpagina wordt weergegeven voor bezoekers die de pagina voor het eerst openen. Deze functie is handig wanneer u een specifieke categorie op de startpagina van de winkel wilt weergeven.
- default_product_id — net als met 'default_category_id' kunt u met deze parameter bepaalde producten standaard openen wanneer de winkelpagina wordt geopend.
- lang — stelt de taal van de winkeletalage in. Normaal gesproken heeft u deze parameter niet nodig omdat Ecwid de juiste taal detecteert en inschakelt op basis van de browserinstellingen van de klant. Meer informatie over automatische vertalingen van Ecwid: Ecwid-vertalingen
Men kan deze parameter gebruiken bij het bouwen van een meertalige site met verschillende talen op afzonderlijke sitepagina's. De winkel wordt niet automatisch vertaald wanneer de taal is gedefinieerd in de code. Om een meertalige website te maken, maakt u verschillende tabbladen, bijvoorbeeld "Winkel" (NL), "Tienda" (ES) en "Laden" (DE). Voeg vervolgens de Ecwid-code toe en definieer er een taal voor. Dit is een voorbeeld van de code om een winkel in het Duits toe te voegen.
[ecwid widgets="productbrowser search" lang=de]Hier vindt u een lijst met korte codes voor taalnamen: Lijst van ISO 639-2-codes. Gebruik de waarden uit de kolom '639-1'.
Het aantal producten per pagina wijzigen
U kunt het aantal producten per pagina wijzigen door de parameter grid toe te voegen aan de [ecwid]-shortcode.
De code kan er als volgt uitzien:
[ecwid widgets="productbrowser search categories"
grid="5,1"
default_category_id=""]
- grid geeft u de mogelijkheid om het aantal artikelen per pagina aan te passen door twee variabelen te vermenigvuldigen. Als u bijvoorbeeld 5 artikelen per pagina wilt weergeven, kunt u de volgende regel aan de code toevoegen: grid="5,1". WordPress vermenigvuldigt de waarde van twee parameters (5 en 1) en geeft 5 producten per pagina weer.
Categoriepagina
Om een bepaalde winkelcategorie aan een pagina toe te voegen, gebruikt u de shortcode met de parameter 'default_category_id':
[ecwid widgets="productbrowser"
default_category_id="CATEGORY_ID"]Productkaart/Nu kopen
De [ecwid_product]-shortcode voegt een enkel product met een 'Nu kopen'-knop in op een pagina of bericht.
Dit is de code om een product toe te voegen:
[ecwid_product id="PRODUCT_ID" display="picture title price options qty addtobag"
version="2" show_border="1" show_price_on_button="1" center_align="1"]Parameters:
- id— product-ID (verplicht). Geef de ID aan van een product dat u wilt toevoegen. Bekijk hier hoe u een product-ID kunt zoeken: De ID van uw product of categorie ophalen
- display— stelt in welke delen van een widget worden weergegeven. Toegestane waarden: picture, title, price, qty, options, addtobag. Een minimaal haalbare set is 'addtobag' — dit geeft 'Nu kopen'-knop weer zonder productafbeelding of -prijs. Dit is een voorbeeld van een gewone Nu kopen-knop:
Wanneer picture, title, price, qty, options worden gebruikt, ziet het enkele product er zo uit:
- show_border — bepaalt of de rand van de widget zichtbaar moet zijn of niet. Stel "0" in voor niet zichtbaar en "1" voor zichtbaar.
- show_price_on_button — of de prijs moet worden weergegeven in de 'Nu kopen'-knop of apart. Stel "1" in om de prijs op de knop weer te geven en "0" om deze apart weer te geven.
- center_align — maakt het mogelijk het productblok op een pagina te centreren (0/1). We raden u aan dit op "0" in te stellen wanneer u meerdere producten achter elkaar plaatst.
Productpagina
Als u slechts één product verkoopt, kunt u in plaats van een hele winkeletalagepagina met een enkele productminiatuur of een kleine productkaart toevoegen, een reeds geopende pagina met productgegevens op uw site toevoegen. Hiervoor kunt u de volgende shortcode gebruiken:
[ecwid widgets="productbrowser" default_product_id="PRODUCT_ID"]
Vergeet niet om PRODUCT_ID te vervangen door de ID van uw product.
Zodra de shortcode aan een sitepagina is toegevoegd, wordt daar de pagina met productgegevens weergegeven, inclusief uw productbeschrijving en extra afbeeldingen:
Gerelateerde artikelen
Uw Ecwid-winkel toevoegen aan een WordPress-site
Het ontwerp van uw Ecwid-winkel aanpassen op een WordPress-site