Inhoud

In [inhoud] maak je de inhoud/teksten en design aan van verschillende types pagina’s en elementen. Dit doe je aan de hand van rijen en zones waarin teksten/artikelen/afbeeldingen/… kunnen worden geplaatst. In onderstaand hoofdstuk worden de verschillende types pagina’s, elementen en zones verder toegelicht.

Hierbij alvast een overzicht van de verschillende types:

  • Homepage/startpagina

  • Landingspagina’s

  • FAQ

  • Downloads

  • Nieuws

  • Blog

  • Contact

  • Header

  • Footer

  • Cookies

  • Voorwaarden

Daarnaast behandelen we ook nog de ‘search analysis’ functionaliteit hoofdstuk.

Startpagina

Inhoud > Startpagina

De startpagina is de eerste pagina van je website. Hierop landen jouw gebruikers wanneer ze naar jouw hoofdURL surfen. Vanaf hier kan men jouw website/shop verder ontdekken.

De startpagina opbouwen doe je aan de hand van een een rijen indeling waarin je zones kunt plaatsen met verschillende functionaliteiten en visuals. Hierover hieronder meer.

Daarnaast bevat deze pagina ook 4 tabbladen:

  • Hoofdpagina

  • Meta info (SEO)

  • ???Popup_form_title???

  • Placeholder

Hoofdpagina

Inhoud > startpagina > Hoofdpagina

Hoofdpagina.Header

../images/e2b7b3de-68ab-49de-a64c-e640cd0587a6.png

Hier zien we enkele basisinstellingen voor de webshop. Aan de hand van deze instellingen bepaal je enkele standaardvoorwaarden.

De parameters bestaan uit:

  • Basistarief op site: Hier bepaal je het basistarief voor artikelen op jouw webshop. Dit tarief is van toepassing indien geen (alternatief) werd ingesteld voor deze klant. Meer over tarieven vind je in ‎ Tarieven.

    • Forceer standaard tariefgroep voor nieuwe accounts: Indien nieuwe accounts worden aangemaakt kun je via deze instelling aangeven dat deze nieuwe accounts het standaardtarief van artikelen moeten aangeven. Echter indien de account gekoppeld is aan een reeds bestaande klant die gekoppeld is aan een ander tarief, dan zal het desbetreffende tarief geactiveerd worden voor deze account.
  • Standaard betalingsvoorwaarde: Instelling die de standaard betalingsvoorwaarde bepaalt voor jouw accounts.

    • Force default paymentcondition for new accounts: I ndien nieuwe accounts worden aangemaakt kun je via deze instelling aangeven dat voor deze nieuwe accounts de standaard betalingsvoorwaarde van toepassing is. Echter indien de account gekoppeld is aan een reeds bestaande klant die gekoppeld is aan een andere betalingsvoorwaarde, dan zal het desbetreffende tarief geactiveerd worden voor deze account.
  • Nieuwe accounts kunnen facturen bekijken: Via deze instelling geeft je aan dat nieuwe accounts altijd de mogelijkheid krijgen om hun facturen online in te kijken via de klantenzone. Voor bestaande accounts stel je dit in via [Accounts > Accounts > Account > Account]. Of bij onboarding/support kan dit voor je in bulk worden ingesteld.

  • Klant: Dit is enkel van toepassing voor het Venice ERP-pakket. Hier voeg je een willekeurige klant toe die als standaard genomen moet worden.

  • Eenheid: Hier bepaal je wat de basiseenheid is voor artikels zonder gedefinieerde eenheid. Meer over eenheden in sectie Eenheden.

Hoofdpagina.Rijen

Een startpagina in Marcando is vooreerst opgebouwd uit rijen. Dit zijn horizontale stroken die je instelt die je kunt indelen in zones. Meer over zones in.

../images/1edbce81-e478-43b4-bdc3-ba7afa075240.png

Hier zie je een overzicht van de reeds aangemaakte rijen.

  • Interne naam: Dit is een interne naam voor de rij. Deze naam wordt nergens op de shop getoond en doet dus louter dienst als interne identificatie.

  • Achtergrond: Indicatie of deze zone een alternatieve achtergrondkleur heeft. Dit is ‘background zones’ kleur in Websitekleuren.

  • Zones: Hier zie je reeds een indicatie van de zones die deel uitmaken van deze rij. Voor textzones zie je ook een begin van de tekst in deze zone.

  • Acties: Acties geven je mogelijkheden tot aanpassingen van de rij:

../images/0cab1d64-442d-4c07-b957-5493981d2867.png

  • brengt je naar de detailpagina van de rij. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Een rij wijzigen of een nieuwe aanmaken breng je naar hetzelfde type scherm met zelfde parameters. Een rij toevoegen doe je aan de hand van [voeg rij toe]. Hieronder wordt dit verder toegelicht.

../images/3b129736-3b42-497c-aab6-42927d7549d2.png

  • zorgt voor de verwijdering van de rij. Dit na bevestiging in de confirmatie pop-up.

Rij

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij

../images/68eed84c-d334-48f8-9ecc-564220e1978e.png

Bij het wijzigen van een rij via deze knop

of

../images/5e2009c2-43eb-4ead-a556-69588c0f6df0.png

bij het toevoegen van een nieuwe rij zien we onderstaande zaken.

Rij.Header

../images/646ec078-3e02-4248-96b9-4c2cbbf3f986.png

Met volgende parameters/instellingen:

  • Interne naam: Dit is een interne naam voor de rij. Deze naam wordt nergens op de shop getoond en doet dus louter dienst als interne identificatie.

  • Knop tekst: Bij het invullen van dit optioneel veld zal er in de rij een knop worden voorzien. De tekst die hier wordt ingegeven verschijnt op de knop.

  • Knop url: Indien ‘Knop tekst’ werd ingevuld kan men hier de bestemming van de knop bepalen. Dit kan een interne of externe URL zijn.

Op de front end ziet dit er zo uit – afhankelijk van jouw kleurenschema.

../images/3d522240-2448-4730-a114-d6c4b09388a9.png

  • Achtergrond: Indicatie of deze zone een alternatieve achtergrondkleur heeft. Dit is ‘background zones’ kleur in ‎ Websitekleuren.

Rij.Zones

Hier zien we een overzicht van de zones die deel uitmaken van deze rij. Zones zijn de elementen die jouw pagina finaal vorm geven.

../images/c88acd89-f815-4b2f-b885-7786245f46ff.png

Het overzicht bestaat uit:

  • Gepubliceerd: publicatiestatus van de zone op de webshop.

../images/d3f332fc-573c-43c9-8433-7be4ec0b707a.png

geeft aan dat de zone gepubliceerd is

../images/745e8c53-1d4e-4d6a-9d1d-f19cf0cc6509.png

geeft aan dat de zone niet gepubliceerd is.

  • Type: Zone type. Hieronder worden de verschillende types in detail toegelicht.

  • Items: Elementen van de zone. Bijvoorbeeld in een textzone zien we delen van de tekst. In prodcutzones zien we de artikelen die hier in opgenomen zijn enzoverder.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Acties: Acties geven je mogelijkheden tot aanpassingen van de zone:

../images/6286b409-2d8e-48c4-a3a0-63dc062faf1b.png

  • brengt je naar de detailpagina van de zone. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Een zone wijzigen brengt je naar dezelfde parameters als bij het toevoegen van een zone van hetzelfde type.

../images/c5686910-056f-4c8b-8d4b-9981e2a2e216.png

  • zorgt voor de verwijdering van de zone. Dit na bevestiging in de confirmatie pop-up.

Zones

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones

Voeg Banner zone toe

Inhoud > Startpagina > Hoofdpagina.rijen > Rij.Zones > Zones > Voeg Banner zone toe

Een banner zone zorgt, zoals de naam doet vermoeden, voor een paginabrede banner op jouw pagina. Op de front end ziet dit er zo uit:

../images/2f20c1af-2ffb-4e66-9e7c-2ee8061d087d.png

../images/5183f350-c24e-4968-91b9-043e680bdddd.png

Een banner zone voegt men toe door [Voeg banner zone toe] aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/b1e7b875-5711-459c-9bc5-5c9960a6564d.png

Met volgende paramters:

  • Interne naam: De interne naam van de banner. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO doeleinden.

We zien dat de ‘Banner zone items’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd.

../images/e9ce84c2-a433-48d0-a7d0-9c5f0e024d6c.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/43a0aaec-5309-47cf-bdb0-52f9c8397310.png

Nu kunnen we items toevoegen aan de zone via [voeg banner zone item toe].

../images/7ff519cb-759e-4073-bbba-24f5fb7528df.png

../images/8121c294-e5cb-493e-9673-14f710da2e28.png

Hier hebben we volgende parameters:

  • Interne naam: De interne naam van de banner zone item. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Formaat: Uit deze dropdown kies je ‘staand’, ‘liggend’ of ‘vierkant’ om de oriëntatie van jouw afbeelding te bepalen.

  • URL: Een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal de banner aanklikbaar zijn op de pagina en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

        • _self: De link zal zich openen in de huidige browser tab.
      • Label transparantie: Onder ‘label transparantie’ kan men een label ingeven. Hier kun je bepalen in welke mate dit label transparant dient te zijn.

      • Label: Hier geef je een optioneel label in voor de zone. Dit label verschijnt op het label zone item.

      • Verticale positie: Deze instelling heeft 3 standaard instellingen:

        • Top: Het label wordt bovenaan het label afgebeeld.

          • Middle: Het label wordt in het midden van het label afgebeeld.

          • Bottom: Het label wordt onderaan het label afgebeeld.

En 1 open veld:

  • PX: Aan de hand van dit veld kun je afhankelijk van bovenstaande keuze het label x aantal pixels van de boven/onder rand bewegen. In het geval dat je hier middle koos zal het label x punten naar beneden worden gestuurd.

  • Horizontale positie: Deze instelling heeft 3 standaard instellingen:

    • Left: De tekst van het label wordt links uitgelijnd.

      • Center: De tekst van het label wordt in het midden uitgelijnd.

      • Right: De tekst van het label wordt rechts uitgelijnd.

En 1 open veld:

  • PX: Aan de hand van dit veld kun je afhankelijk van bovenstaande keuze het label x aantal pixels links/rechts bewegen.

  • Border: Deze instelling bepaalt of het banner item een afgelijnde rand heeft of niet. Bij aanvinken zal er een dunne rand verschijnen.

  • Label tekstkleur: Hier heb je de keuze voor de kleur van de tekst in het label item. De selectie van kleuren wordt bepaald in sectie Websitekleuren.

  • Label achtergrondkleur: Hier heb je de keuze voor de kleur van de eventuele achtergrond van het label te selecteren. De selectie van kleuren wordt bepaald in sectie ‎ Websitekleuren.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/b2142654-2a7c-467e-8564-c95cab972a7b.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Carrousel Zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Carrousel Zone toe

Een caroussel zone laat toe om meerdere afbeeldingen up te loaden. Deze zullen alterneren op een door jou gekozen ritme. Hierbij zijn ook meerdere instellingen omtrent labels en intro’s mogelijk zoals hieronder beschreven.

Op de front end ziet een carrousel zone er zo uit:

../images/e68eb6c6-4a0b-48e4-b48f-99b9a794ea4b.png

../images/e326a87f-666d-4d00-9c98-efef28e2cbad.png

../images/c5c32cf2-6ad6-41f6-b726-fbba47e351be.png

Een carrousel zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/b76592e8-1cf3-407b-8763-7044d3285ace.png

Met volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kunt je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Overgang: Het type overgang tussen de items in de carrousel zone. Keuze uit fade of slide.

  • Interval (seconden): Het aantal seconden dat het neemt om te alterneren tussen items in deze zone.

  • Automatisch afspelen: Instelling die bepaalt of de verandering van items in de zone automatisch gebeurt.

  • Boord: Deze instelling bepaalt of de zone een afgelijnde rand heeft of niet. Bij aanvinken zal er een dunne rand verschijnen.

  • Intro: een intro rechts van de carrousel zone met een zelfgekozen tekst per item in de zone.

We zien dat de ‘Carrousel zone items’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd.

../images/a52ae20f-7311-4737-9c88-7e83f83b67c9.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/90571298-e199-4cc0-a1c9-8322a4f154da.png

../images/374638ae-6da5-4e40-9410-efbbd32036e5.png

Met deze knop kunnen we items toevoegen.

../images/13c9fcc5-fa6c-4695-854e-8cea8ea0d32f.png

Via deze knop bestaande items wijzigen.

../images/4e8ab2ad-9122-4e51-9321-a7af28d81034.png

../images/1731e0d9-01d6-49f2-8d18-b71d95cad20c.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • URL: Een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal de banner aanklikbaar zijn op de pagina en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

        • _self: De link zal zich openen in de huidige browser tab.
      • Label transparantie: Onder ‘label transparantie’ kan men een label ingeven. Hier kun je bepalen in welke mate dit label transparant dient te zijn.

      • Label: Hier geef je een optioneel label in voor de zone. Dit label verschijnt op het label zone item.

      • Verticale positie: Deze instelling heeft 3 standaard instellingen:

        • Top: Het label wordt bovenaan het label afgebeeld.

          • Middle: Het label wordt in het midden van het label afgebeeld.

          • Bottom: Het label wordt onderaan het label afgebeeld.

En 1 open veld:

  • PX: Aan de hand van dit veld kun je afhankelijk van bovenstaande keuze het label x aantal pixels van de boven/onder rand bewegen. In het geval dat je hier middle koos zal het label x punten naar beneden worden gestuurd.

  • Horizontale positie: Deze instelling heeft 3 standaard instellingen:

    • Left: De tekst van het label wordt links uitgelijnd.

      • Center: De tekst van het label wordt in het midden uitgelijnd.

      • Right: De tekst van het label wordt rechts uitgelijnd.

En 1 open veld:

  • PX: Aan de hand van dit veld kun je afhankelijk van bovenstaande keuze het label x aantal pixels links/rechts bewegen.

  • Label tekstkleur: De tekstkleur van het label van dit item. Deze kleur komt sectie Websitekleuren

  • Label achtergrondkleur: De achtergrondkleur van het label van dit item. Deze kleur komt uit

  • Intro: Een tekst die rechts van het item verschijnt als blok.

  • Intro tekst color: De tekstkleur van de intro van dit item. Deze kleur komt uit sectie ‎ Websitekleuren.

  • Intro background color: De achtergrondkleur van de intro van dit item. Deze kleur komt uit sectie Websitekleuren.

../images/28e7c6bb-7348-437a-8082-bef5af7187fb.png

In de banner sectie kun je een afbeelding uploaden via deze knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/7c1b3668-6fae-4a37-8cf9-0318b4fe5ff8.png

hier kunnen we de afbeelding verder bijknippen om tot het gewenste resultaat te komen.

../images/ffe8170e-4420-4745-a7ba-2efdc419caa7.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Foto Carrousel zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Foto Carrousel zone toe

Een foto carrousel zone laat toe om meerdere afbeeldingen up te loaden. Deze zullen alterneren op een door jou gekozen ritme. Het verschil met de reguliere carrousel zone is dat de afbeeldingen paginabreed worden getoond en licht inzoomen. Hier is er ook geen optie tot toevoegen van labels en/of intro’s.

Op de front end ziet een foto carrousel zone er zo uit:

../images/3870cf4c-dd1c-44da-b239-d3eb569e1240.png

../images/c24bbea5-e362-496c-b2c0-309754dc5a1d.png

../images/33e5aa02-dd7b-46ba-aa04-08ae65cdf299.png

Een foto carrousel zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/25744c23-2e2f-4364-b26e-cb27e16ff762.png

Met volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Interval (seconden): Het aantal seconden dat het neemt om te alterneren tussen items in deze zone.

../images/9b3ee020-5da5-4b6c-acba-5628d5d9d3d0.png

  • Toon dots: Deze instelling bepaalt het eventueel toevoegen van dots in het geval van meer dan 1 afbeelding.

../images/a66b89a1-3e3a-4b9c-9de8-913636ae139f.png

  • Toon progressbar: Deze instelling bepaalt het eventueel toevoegen van een vullende balk onder het huidige item om aan te geven wanneer er zal geswitcht worden naar het volgende item..

We zien dat de ‘Foto Carrousel zone items’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd.

../images/5203086f-80bb-4bc6-802d-601da084a057.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/18fb617b-9d2f-4c51-a119-7662cd148842.png

Met deze knop kunnen we items toevoegen.

../images/4e543a3e-887d-4b32-ac66-1bdd50838a78.png

Via deze knop kunnen we de bestaande items wijzigen.

../images/a86536a2-21a3-46d3-a372-5c768b5d7934.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

../images/721958c7-2765-4821-8037-c2f4607229bc.png

In de Foto sectie kun je een afbeelding uploaden via deze knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/df0ffae8-7e08-478a-a706-5ed1c2d2190c.png

In deze sectie kunnen we de afbeelding verder bijknippen om tot het gewenste resultaat te komen.

  • Imagecarrouselzoneitem_mobile is voor de mobiele versie.

  • Imagecarrouselzoneitem is voor de desktop versie.

../images/1112ba32-9779-4a21-a8b9-d87f82117ad5.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Logo zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Logo zone toe

Een logo zone is een manier om eventuele referenties/partners/leveranciers/merken/… tentoon te stellen.

Op de front end ziet een logo zone er zo uit:

  • Bar:

../images/d0381ef5-36df-4ae1-bcea-2405b287699b.png

Met automatisch roterende functie. Manueel kan men ook navigeren door op de pijltjes te klikken.

  • Grid:

../images/38b1d68b-33e9-48fb-8a74-15c6c9e28920.png

Bij de ‘grid’ instelling wordt er gestart op een nieuwe rij bij het vullen van 1 paginabreedte.

../images/07aea10d-cb93-4739-bb8b-504ec5125853.png

../images/ff68fb88-5914-4a80-b380-5c999933c078.png

Een foto carrousel zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/9a0bcd80-f609-4368-aa5b-69326aa0116c.png

Met volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO doeleinden.
  • Layout: Keuze tussen ‘bar’ en ‘grid’. Zie boven voor een front end voorbeeld van beide instellingen.

  • Grijstoon: Instelling die een lichtgrijze achtergrond geeft aan de logo zone.

We zien dat de ‘Logo zone items’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd.

../images/e7bf55f2-6c8a-4d0b-a22a-e43bce273560.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/aedf7e3f-126c-4951-81cd-70b817d233d6.png

../images/d78aa2c5-048b-4f64-982f-a286b6b26689.png

Met deze knop kunnen we items toevoegen.

../images/4bbb556a-0cf9-4326-9d07-8fc4cb11dd8f.png

via deze knop kunnen we items wijzigen.

../images/9d87374e-1e14-4b04-b457-91a8d79dce29.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Met de volgende parameters:

  • Naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Label: Optioneel label dat aan het logo gegeven kan worden. Indien ingevuld wordt dit zichtbaar op de shop onderaan het logo.

  • URL: Een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal het logo aanklikbaar zijn en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster : De link zal zich openen in een nieuwe browser tab.

        • _self : De link zal zich openen in de huidige browser tab.

../images/2bf12df9-bba6-4f22-8b43-8ecc308dfed3.png

In de Beeld sectie kun je een afbeelding uploaden via deze knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/ca5b36a0-3e41-4b5c-b03a-f4976df2810b.png

In deze sectie kunnen we de afbeelding verder bijknippen om tot het gewenste resultaat te komen.

../images/c7bee54f-1428-4c6d-a5f2-47eac273a81e.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Product zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Product zone toe

Een product zone is een zone waarin je artikels naar keuze kunt tentoonstellen. Hier heb je de keuze om afzonderlijke artikelen te selecteren, artikelcategorieën of artikelen gelinkt aan een label in onder te brengen.

Op de front-end ziet een voorbeeld er zo uit:

  • Carrousel:

../images/3dbe7cc7-77c8-4e67-a8e3-d6a3b5a6a173.png

  • Tiles:

../images/f9a88aad-cb1f-42ad-8eff-4fcb58d333df.png

../images/daf414d7-701a-4674-8bb9-4bf4292bb6db.png

../images/94cbc304-e4d4-448b-b937-856dacd72a7b.png

Een foto carrousel zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Layout: Keuze tussen ‘Carrousel en ‘tiles’. Zie boven voor een front-end voorbeeld van beide instellingen.

  • Gebruik klantvoorgestelde artikelen: Instelling die zorgt voor een klantspecifieke productzone. Hoe men klantspecifieke artikelen instelt kun je vinden in Artikels.

We zien dat de ‘Artikels’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd. ‘Categorieën’ en ‘Labels’ zijn wel reeds bruikbaar.

../images/1b7ad29e-1279-47ad-ba58-36b0181e9293.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Product zone toe.Artikels

../images/f72c3401-9a11-4097-9016-863a02942910.png

Dit overzicht bevat de volgende informatie:

  • Gepubliceerd: publicatiestatus van het artikel op de webshop.

../images/ca5583c0-4a6a-4006-875d-cff5d8454ff5.png

geeft aan dat het artikel gepubliceerd is

../images/90ff60ba-5af2-4398-ab6e-8b6b0dcc18e7.png

geeft aan dat het artikel niet gepubliceerd is.

  • Artikelcode: De artikelcode.

  • Naam: De naam van het artikel.

  • Prijzen: Een verkort overzicht van de prijzen die van toepassing zijn voor dit product per klant(groep).

  • In stock: Stockindicatie van het artikel.

  • Acties: Acties geven j’ mogelijkheden tot aanpassingen van het artikel:

../images/aadb326b-fd8b-4747-b55b-d260f456bc0b.png

  • brengt je naar de detailpagina van het artikel. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover meer in ‎ Artikel.

../images/6555b4f1-ab2c-4f88-a7dd-84bf0068089f.png

  • zorgt voor de verwijdering van het artikel. Dit na bevestiging in de confirmatie pop-up.

../images/113bb55a-1ec4-4bc0-9760-e3618386fc4c.png

Om artikelen toe te voegen zoekt men via de zoekbalk naar de juiste artikelen en klikt men op deze knop.

../images/da401577-4a5d-4aa8-a3c4-9f8a53ab3ce7.png

De verandering is pas effectief na het opslaan deze knoppen

Voeg Product zone toe.Categorieën

../images/7d18683a-fdb5-4477-90b6-2b24417a3c3b.png

Via het dropdown menu kun je heel gemakkelijk categorieën toevoegen aan de zone.

../images/8380c8e1-3f58-4618-a912-319c9c9d2754.png

Je kiest de artikelcategorie via de droppdown en voegt deze toe via [Voeg toe].

../images/c92f96a3-c382-4de0-8b1d-9b0878b8074d.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Product zone toe.Labels

Via het dropdown menu kun je heel gemakkelijk labels toevoegen aan de zone.

../images/6b83ce70-2ff4-4dee-8b87-193e5f63db67.png

Je kiest een label via de dropdown en voegt deze toe via [Voeg toe]

../images/bef835d9-4e55-4376-9cd3-bdbb2878d3f0.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Category zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Category zone toe

Een category zone is een zone op de pagina waar alle artikels van de vooraf ingestelde categorie, getoont zal worden.

Op de front-end ziet een promobar er zo uit:

../images/6ec8b861-e30f-4c58-bf85-4cbd8f94f635.png

../images/cede6598-7fba-434c-a6b1-718d37d35db4.png

../images/62fa0e8b-a52c-4883-adeb-ef487033f05b.png

Een Category zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/d2135cd4-ab22-48aa-b8a9-957a7fbce877.png

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om de zone een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en oop proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel - per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO doeleinden.
  • Items per rij: Dit is het aantal artikels er per rij mogen verschijnenen.

../images/5547a063-e975-43fd-81fe-bbc9c3261e37.png

In de dropdown kun je de categorie kiezen waarvan je de artikels wilt tonen.

../images/ca9c27d8-364b-4f0c-add0-83cd1259797c.png

De verandering is pas effectief na

Voeg Promobar zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Promobar zone toe

Een promobar zone is een balk op de pagina waarin men tekst kan plaatsen. Dit wordt veelal gebruikt voor het aankondigen van solden, nieuwe assortimenten, vakanties,…

Op de front-end ziet een promobar zone er zo uit:

../images/6f59adac-366a-4a42-b185-893899619842.png

../images/270c861c-cbe7-4ce8-96fe-006d7748abd0.png

../images/e130d3ab-bd51-4982-9dae-d9ab0bb85dd0.png

Een promobar zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/eb013218-ef10-4458-b06b-67d3efe4276f.png

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Inhoud:

  • URL: Een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal het logo aanklikbaar zijn en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

        • _self: De link zal zich openen in de huidige browser tab.

../images/21dfc71d-e69e-4df7-8090-bb644c6de9f0.png

../images/786ffe3e-2e32-4222-a811-90cd73d25f66.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Text zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Text zone toe

Een textzone is een zone waarin men vrije tekst kan toevoegen. Dit kan worden bijgestaan door een titel en/of afbeelding. Reguliere opmaak op deze tekst in de editor is mogelijk.

Op de front-end ziet een textzone er zo uit:

../images/0cbe7eba-5afe-499c-bda8-bee491f81338.png

../images/21e05ba4-3832-4e36-ae37-c03f4f52f4db.png

../images/698f565a-1443-4164-98df-d45ae89a9177.png

Een textzone zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/4603c31f-77e8-4447-a6f0-491ce5b43974.png

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vorm geven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO doeleinden.
  • Inhoud: De tekst die de promobar zal bevatten.

  • URL: Een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal het logo aanklikbaar zijn en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

        • _self: De link zal zich openen in de huidige browser tab.

../images/d5539392-9a2c-4f1e-badc-4784f4337438.png

We zien dat het ‘Beeld’ op dit moment nog gearceerd is. Door op deze knop te klikken activeert men deze sectie.

../images/1a4e709f-bd2c-4d35-be43-cde46162f5a0.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

../images/04a8f94f-9109-4598-9716-7b706553c9dd.png

In de Beeld sectie kun je een afbeelding uploaden via de knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/0573cfa2-128f-47bf-9dce-9d23f07b7c7f.png

De verandering is pas effectief na het opslaan via deze knoppen

Voeg HTML zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg HTML zone toe

Een HTML-zone laat je toe om eigen HTML-code toe te voegen aan jouw homepagina. Hierdoor kun je zones invoeren zonder restricties op vlak van design.

../images/508c3edd-1c44-4e96-bf92-1ca7f5b0bd22.png

../images/4ff5ec47-c72c-4528-b59e-bfff05f9abf4.png

Een HTML zone voegt men toe door deze aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/18d3d6ea-e5f3-47ea-974e-04cab08f7190.png

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Content: De HTML zone waarin je jouw HTML-code kunt toevoegen.

Daarnaast zien we hier

../images/8b879f3e-cebd-49c5-bb38-fb2ca2481be0.png

../images/82b34f99-0775-43b7-9617-aaf64af0e80a.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Facebook zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Facebook zone toe

De Facebook zone laat je toe jouw Facebook feed op jouw website te plaatsen. Zo staan al jouw Facebook gedeelde sociale media berichten ook meteen op de site. Daarnaast is dit ook een positieve invloed op de SEO-score.

Voorbeeld op de front-end:

../images/3f8ecaf1-a920-4bcc-9d8d-6b4b0439855a.png

../images/a91360e0-c104-4e2b-9a33-e493a9672686.png

../images/c069e80f-81fe-4058-9874-6a2b8b730f57.png

Een Facebook zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/6be081cd-21e1-48bd-9a63-e49f8c423e9c.png

Met volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Code: Hier plak je de Facebook embed code. Dit doe je door:

../images/c49ac798-7896-4634-a9db-88e4a037830d.png

  • URL: een optioneel veld waar je een URL kunt ingeven. Bij het ingeven van een URL zal het logo aanklikbaar zijn en leiden naar de ingegeven URL.

    • Open in: Hier zijn 2 keuzes:

      • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

        • _self: De link zal zich openen in de huidige browser tab.

../images/95a5a41d-d654-416e-8972-37dca0fe5ee1.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Embed Movie zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Embed Movie zone toe

Via een embed moviezone is het mogelijk om video’s van een filmsite zoals bijvoorbeeld ‘YouTube’ of ‘Vimeo’ in te sluiten op de pagina.

Een voorbeeld op de front-end ziet er zo uit:

../images/ee4b5ecf-d505-4c73-ae25-94344d1fa29e.png

../images/658a63ed-1938-43f3-b8f5-2f251c611f3b.png

../images/2dbd7034-90f6-4b8d-acac-8cb0846299eb.png

Een embed moviezone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/09117a40-9ef3-4e4e-89e2-a7e48da9d24f.png

../images/82d3d82b-466f-4de2-b40d-fee615efc388.png

We zien dat het ‘Film’ op dit moment nog gearceerd is. Door op te klikken activeert men deze sectie.

../images/f21a269a-51b6-4c4a-bd1b-d2ba260cd12a.png

Hier zien we een overzicht van de in te vullen informatie:

  • Naam: Interne benaming voor het filmpje. Dit wordt nergens afgebeeld op de shop.

  • Embed code: De ‘insluit’ code voor het filmpje. Het is dus niet zo dat er hier louter een ‘Youtube’ link kan worden gepost.

Via YouTube – het meest populaire videoplatform vind je deze code via de URL van het filmpje:

../images/8b0e25ec-ea72-4c01-9450-83a75826cb0b.png

../images/86825128-6492-4c63-87a7-57eeece325e4.png

Hier kopieer je volgende code:

../images/2aa17bf6-2e03-4f4f-8209-ef91d6f610ab.png

En deze code plak je in [embed code].

  • Intro: intro tekst voor het filmpje. Wordt momenteel nog niet op de front end getoond.

  • duur: informatief - de duur van het filmpje. Heeft geen invloed op het daadwerkelijk afspelen.

../images/8320cb69-560a-4e49-9646-632c85c2e784.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Nieuws zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Nieuws zone toe

In een nieuwszone is het mogelijk om nieuwsberichten op de home/landingspagina’s te plaatsen. Om dit mogelijk te maken dienen er wel nieuwsberichten op Marcando aanwezig te zijn. Meer hierover in ‎ Nieuws.

Een voorbeeld op de front-end ziet er zo uit:

../images/68090187-71ff-4ccd-81cf-b002d2db0f43.png

../images/d3e2abbc-8ae5-4ce7-a7bc-bb20ccde1b29.png

../images/73169070-145b-4cdb-b564-8cec697e5402.png

Een Nieuws zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/917a3957-9baf-479f-84ae-de33d5cf6c98.png

Met volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Link label: Hiermee bepaal je de tekst die klikbaar is om op de volledige nieuwspagina terecht te komen.

  • Selectie: Hiermee geef je aan welke nieuwsitems geselecteerd mogen worden voor de pagina. Er zijn 2 opties:

    • Manuele selectie: Hierbij kies je zelf via de [Nieuws zone > Nieuws] selectie de artikelen die moeten verschijnen op de pagina.

      • Automatische selectie: Hiermee gaat de zone altijd de meest recente nieuwsitem(s) tonen. Dit afhankelijk van de instelling er onder – ‘Max items’.
  • Max items: Hiermee geef je aan hoeveel nieuwsitems maximaal in deze zone mogen komen.

Indien bij ‘Selectie’ de ‘manuele selectie’ is gekozen, kan men in de [Nieuws zone > Nieuws] aangeven welke nieuwsartikelen op de pagina moeten worden geplaatst.

Via het dropdown menu kun je heel gemakkelijk nieuwsartikelen toevoegen aan de zone.

../images/774e3d61-4fe4-43ad-9ece-9d0eda486e14.png

Je kiest het nieuwsartikel via de dropdown en voegt deze toe via [Voeg toe].

../images/d0a795c5-d6bc-49dd-af53-5cb70f4098c0.png

De verandering is pas effectief na het opslaan via deze knoppen

Voeg Nieuwsbrief zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Nieuwsbrief zone toe

Met een nieuwsbriefzone kun je een ‘opt-in’ aanmaken om e-mailadressen te verzamelen om eventueel nieuwsbrieven naartoe te zenden.

Op de front-end ziet dit er zo uit:

../images/98a90426-bf89-4528-bc82-90d7f0794052.png

../images/4c7ae408-5203-4912-9853-3b46dbeee30e.png

../images/e90dd31a-49db-4dc8-a049-e0d51f4f8a77.png

Een nieuwsbrief zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/2554056a-d3e4-47d4-ac22-29dc4d8d8117.png

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Intro : Hier bepaal je de tekst die na de opt-in checkbox komt te staan.

  • Hint: Hiermee kun je de tekst bepalen die in het mailadres veld komt te staan. Dit bij wijze van ‘hint’. Het is dus aangeraden om hier bijvoorbeeld jouw ‘info@’ mailadres te plaatsen zodat gebruikers zien dat dit een veld is om hun mailadres in te geven.

  • Knop label: Hiermee bepaal je de tekst die in de knop komt te staan.

  • Bevestiging: Hiermee bepaal je de tekst die de gebruiker te zien krijgt na het inschrijven op de nieuwsbrief.

../images/6702889f-ee3f-4118-9eb7-26eb8fde91be.png

De verandering is pas effectief na het opslaan via deze knoppen.

Voeg Masonry zone toe

Inhoud > Startpagina > Hoofdpagina.Rijen > Rij.Zones > Zones > Voeg Masonry zone toe

Een Masonry zone is een foto styling zone die foto(‘s) op een rij plaatsen.

Een voorbeeld op de front end ziet er zo uit:

../images/28bd3567-f6a6-44a5-97ea-ac3a77bd45d8.png

../images/e34fb733-67e1-4cb6-94aa-084b0e8bd171.png

../images/1e2165bb-e13c-4c68-800f-8041d801c707.png

Een Masonry zone voegt men toe door deze knop aan te klikken. Nadien komt men in het detailscherm van deze zone.

../images/4bba0745-cda7-4951-918f-6dc770009da3.png

Met de volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Willekeurige volgorde: Indien aangevinkt zullen de foto’s in de zone op een willekeurige plaats worden ingeladen. Dit zorgt voor een extra dynamiek.

../images/ad620c81-9fc1-4afb-b9ba-d1e4e18faf48.png

We zien dat de ‘Masonry zone items’ op dit moment nog leeg is. Pas na het opslaan van de header informatie hierboven wordt deze module geactiveerd en kan je via deze knop afbeeldingen toevoegen.

../images/661a580b-df00-4b35-b845-e42ecb602916.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/79ff125a-5366-45ae-8453-b98fe8fafaec.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Hier hebben we volgende parameters:

  • Interne naam: De interne naam. Deze naam wordt niet getoond op de shop.

  • Breedte: Hier kies je de breedte van het item. Hierbij heb je de keuze tussen 1 en 2.

  • Hoogte: Hier kies je de hoogte van het item. Hierbij heb je de keuze tussen 1 en 2.

Voeg Masonry zone toe.FSMLImage_form_title

../images/e69e781d-9998-48f0-a077-8d5f0cee131c.png

In deze sectie kunt een afbeelding uploaden via. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/c6524fe3-c3a6-49c6-9e5a-eff84f968c4a.png

De verandering is pas effectief na het opslaan via deze knoppen.

Hoofdpagina.Favicon

Een favicon is een kleine afbeelding die je kunt zien op het tabblad van jouw browser. Denk daarbij aan het voorbeeld van Apple.

../images/6de349cb-144a-441c-937b-a1c98d3eca61.png

Hier zien we:

  • Type: hier kunnen we kiezen tussen 2 mogelijkheden:

    • Low resolution image: Een afbeelding met lage resolutie

      • High resolution image: Een afbeelding met hoge resolutie

../images/c95934e5-0e49-4fa8-91be-b3e78122758b.png

In Marcando kun je dit instellen door op deze knop te klikken. Dit brengt je naar het volgende scherm.

Voeg Favicon toe

Inhoud > Startpagina > Hoofdpagina > Voeg Favicon toe

Voeg Favicon toe.Header

../images/ce8ca068-3368-4f91-b023-28e6284c9224.png

Hier zien we:

  • Type: hier kunnen we kiezen tussen 2 mogelijkheden:

    • Low resolution image: Een afbeelding met lage resolutie

      • High resolution image: Een afbeelding met hoge resolutie

Voeg Favicon toe.Beeld

../images/142a50a9-cdb0-4779-937b-121d0bc4abda.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Met volgende informatie:

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van het artikel. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

Meta info (SEO)

Inhoud > Startpagina > Meta info (SEO)

De meta titel is de titel van de pagina die wordt getoond in de zoekresultaten. De meta beschrijving is de (korte) omschrijving van diezelfde pagina. Zoekmachines gebruiken deze titel en omschrijving o.a. om te bepalen voor welke zoekwoorden ze je pagina moeten tonen. Je kunt het zien als een soort advertentie voor je pagina.

../images/4324db98-6370-451a-88bf-0e071d6d7490.png

../images/a66dc02b-0f14-424a-9d45-2fe4ef8d013e.png

De verandering is pas effectief na het opslaan via deze knoppen

Inhoud > Startpagina > ??Popup_form_title??

Hiermee kun je een pop-up instellen bij het bezoeken van de website. Een voorbeeld op de front end ziet er zo uit:

../images/1f9e1e17-e878-4a76-bbd8-35070cef19e4.png

../images/c7264291-a6d1-4621-b953-c48fdb985875.png

Indien het scherm gearceerd is, weten we dat er op dit moment geen pop-up actief is op de website.

../images/1384731c-425f-46d2-bbe5-e08fec53cafb.png

Indien je een pop-up wenst toe te voegen klik je op deze knop om de pop-up instellingen te activeren.

../images/0256675f-f871-4830-8331-9c4074dea83e.png

Hierbij kunnen we volgende velden invullen:

  • Text: Hier kun je de tekst ingeven die in de popup zal verschijnen. De reguliere tekstopmaak kan worden verzorgd met de knoppen bovenaan. Daarnaast kun je ook html code voorzien door op te klikken.

  • Show amount of times: Hier geef je aan hoevaak de pop up getoond zal worden per gebruiker

???Popup_form_title???.Link

Daaronder heb je ook de mogelijkheid om een eventuele link toe te voegen aan de pop-up.

../images/d99d4540-e2e0-4da9-a3ce-5d7ab8c6affa.png

Deze sectie activeer je ook door het klikken op deze knop

Volgende parameters worden beschikbaar:

  • URL: De URL/link naar de webpagina die je wilt linken aan dit artikel. Hier zijn de volgende zaken toegestaan:

    • URLs – zoals bijvoorbeeld https://www.google.com

      • FTPs – dit zijn linken naar FTP servers om een geconsolideerd (en downloadbaar) overzicht te geven van daar opgeslagen afbeeldingen en documenten.

      • Mail directs – via ‘mailto: voorbeeld@bedrijf.be ’ zal er bij het klikken een dialoogvenster openen van de klant zijn/haar mailprogramma met het opgegeven mailadres.

  • Openen in: Hier zijn 2 keuzes:

    • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

      • _self: De link zal zich openen in de huidige browser tab.
  • Label:

../images/71ff322c-54ab-44fe-8322-9279e224efa6.png

Het verwijderen van een pop-up doe je door het klikken op deze knop

Placeholder

Inhoud > Startpagina > Placeholder

Het toevoegen van een placeholder zorgt voor een standaardafbeelding voor jouw artikelen zonder afbeeldingen. Op die manier kun je instellen dat voor deze artikelen bijvoorbeeld jouw logo wordt getoond.

../images/473c8f19-9084-4eed-b3d8-47741db5cc6d.png

Om de sectie te activeren klikken we op deze knop.

../images/d9105ced-b4e1-4564-8521-ac527eadee2c.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Hierbij geef je volgende parameters in:

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van het artikel. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/81e01f1b-06c2-460e-8760-0bd26bb608ba.png

De verandering is pas effectief na het opslaan via deze knoppen.

Dit kan er dan eventueel zo uit zien:

../images/6dc1f8db-95bd-48f9-a367-f47c86614f17.png

Landingspagina’s

Inhoud > Landingspagina’s

Een landingspagina is een pagina die je naar eigen wens kunt invullen – dit op dezelfde manier zoals je een hoofdpagina zou invullen. Hiermee maak je dus allerhande verschillende pagina’s die je via de sitemap op jouw website kunt verwerken. Meer info over de sitemap in sectie Sitemap. ‎

../images/6ff0300c-f10e-4962-b936-9148d1e38ce4.png

Hier zie je een overzicht van de bestaande landingspagina’s

../images/30579fdd-60c6-44e4-9cc3-92e0eb8b6827.png

Ook kun je via deze knop nieuwe landingspagina’s aanmaken.

../images/f5e454e5-f825-4ccd-b297-f989a159b18c.png

Indien je bij een bestaande pagina op deze knop klikt kun je deze pagina aanpassen.

Landingspagina

Inhoud > landingspagina’s > Landingspagina

../images/3a38d12b-b8f3-4474-a13a-f23d7628df14.png

Met volgende informatie:

  • Naam: Interne naam van de pagina. Bij wijze van identificatie. Deze wordt niet getoond op de shop.

  • afgeschermd: hiermee kan je een landingspagina afschermen en moet de klant zijn gegevens nalaten:

    ../images/1e3032f6-22ca-4175-81fe-9eddf4899d16.png

../images/5ddb1373-5a81-4943-bcd9-3ef482016f22.png

We zien dat de sectie ‘Rijen’ nog geen mogelijkheid geeft om rijen toe te voegen. Dit gebeurt na het opslaan via deze knoppen.

../images/6d0c65db-a206-45fd-94e5-ba133b0ddacb.png

Het rijensysteem, zones en items wordt in detail besproken in sectie ‎ Hoofdpagina en verder. Deze werking is gelijk aan die van de Hoofdpagina.

Pagina in de sitemap plaatsen voor weergave in een van de menu’s

Om de zopas aangemaakte pagina(‘s) toe te voegen aan de sitemap zodat deze op de front-end van de shop verschijnen en dus naar te navigeren vallen volg je onderstaande stappen.

  1. Je navigeert naar Sitemap

    ../images/6e75bfc9-6273-4ab8-bcf6-a37a60031065.png

  2. Je selecteert de locatie waar je deze pagina wilt plaatsen. Dit kan een hoofdfolder zijn (top/menu/bottom), dan komen de pagina’s respectievelijk in de header balk, hoofdmenu of footer terecht. Anderzijds kun je er ook voor kiezen om de pagina in een subfolder onder te brengen – vb hier ‘Mobiele telefoons’.

  3. Je klikt op het plusje en selecteert het type pagina. Hier ‘Landingspagina’.

    ../images/d2a4e5f5-6441-45c9-a4fa-6c4b8a2b133f.png

  4. Je geeft de landingspagina een naam – deze naam zal verschijnen op de front-end. En je selecteert de landingspagina uit de drop down.

    ../images/3dd25af6-9284-495d-95aa-45c317227342.png

  5. Je klikt op ‘Opslaan’. Na een 2 tal uur zal deze verwijzing naar de pagina zichtbaar zijn in de sitemap.

FAQ

Inhoud > FAQ

In Marcando bestaat de mogelijkheid om een conceptpagina toe te voegen omtrent FAQs. Hiermee geef je louter categorieën, vragen en antwoorden in en de pagina wordt voor je gegenereerd in jouw huisstijl.

Een voorbeeld op de front end ziet er zo uit:

../images/ad9399e4-e219-4ace-8bad-1ed27f9d0d79.png

../images/39bdc337-d02e-4166-8edc-58e9fcbd9a7d.png

vragen

Inhoud > FAQ > vragen

Hier vind je een overzicht van de FAQ-items die reeds werden aangemaakt. Daarnaast kun je ook nieuwe vragen toevoegen aan bestaande categorieën. Indien je nog geen categorieën heeft aangemaakt kun je dit eerst doen in sectie ‎ Categorieën.

Vragen.Zoekfunctie

../images/4fe7f57a-d0bd-40fd-ba24-def67c008e32.png

Hier zie je een zoekfunctie met volgende parameters:

  • Vraag: Hiermee kun je zoeken naar (delen van) de vraag. Je kunt zoeken op kernwoorden.

  • Categorie: In de dropdown kun je de categorie selecteren.

../images/7d435aa9-1f36-4291-81ca-4c6e0b40a552.png

Via deze knop krijg je de zoekresultaten conform jouw ingevulde parameters.

../images/f0fa21e7-dc1d-4d7f-ba42-833f5ba65a7d.png

Via deze knop kun je een excel extract krijgen van de klanten conform jouw parameters. Let wel, om enkel die klanten te krijgen volgens jouw parameters dien je eerst op [Zoeken] te klikken.

Vragen.Zoekresultaten

Conform jou ingevulde parameters krijgt je jouw zoekresultaten:

../images/46a22119-7de4-405d-bfee-d568aecb89ec.png

Deze lijst bevat volgende kolommen met informatie:

  • Categorie: De categorie van de respectievelijke vraag.

  • Vraag: De vraag in kwestie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen van de vraag:

../images/7ed0c994-65c4-4e65-aa00-e766a8d6f023.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/42d4dc47-03b0-454c-8088-0f93e2782321.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/36cba10d-1f55-4bd0-a517-19105523e293.png

Klikken op [Nieuw] of op deze knop brengt je naar het detailscherm van een vraag. Dit respectievelijk voor de aanmaak of aanpassing.

Vraag

Inhoud > FAQ > Vragen > Vraag

../images/155d84c7-d718-40df-a66a-ebe76b539ad6.png

Hier kunnen we een vraag aanmaken of aanpassen met behulp van volgende parameters:

  • FAQ Categorie: Hier kies je de categorie waaronder de vroeg moet worden ondergebracht.

../images/034b7e2f-fcf6-4214-873f-fc4cd67822e9.png

  • Hiermee kun je de geselecteerde categorie aanpassen indien gewenst. Meer hierover in sectie Categorieën.

../images/cf5d89a4-9d4e-45b6-b837-d137e08169d1.png

  • Hiermee kunt een nieuwe categorie aanmaken indien gewenst. Meer hierover in sectie Categorieën.
  • Vraag: De vraag die zal verschijnen op de front-end.

  • Antwoord: Het antwoord gelinkt aan deze vraag. Verschijnt ook op de front-end.

../images/d3093fec-ce4e-4e97-a234-29c507eeee5b.png

De verandering is pas effectief na het opslaan via deze knoppen

../images/f58c3928-668e-4806-8c58-142fc2a386ee.png

Het verwijderen van dit item kan via deze knop

Categorieën

Inhoud > FAQ > Categorieën

Dit is het menu waarin je de verschillende categorieën kunt bepalen waarin FAQ items kunnen worden gecategoriseerd. In sectie ‎ Categorieën zie je een overzicht van de bestaande categorieën.

../images/cd8967de-df47-48ea-8516-440370ab9412.png

  • Naam: Naam van de categorie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/b1639a86-8d67-4207-ad19-d679ebf22acb.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/1ed82827-2e99-497a-adc9-e166b6bee811.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/387a6c78-d8be-4b3b-a6ed-84c34a7b4429.png

Klikken op [nieuw] of op deze knop brengt je naar het detailscherm van een vraag. Dit respectievelijk voor de aanmaak of aanpassing. Klikken op of brengt je naar het detailscherm van een vraag. Dit respectievelijk voor de aanmaak of aanpassing.

Categorie

Inhoud > FAQ > Categorieën > Categorie

../images/6aadd203-bcd2-4558-95b9-ab5eb23b808a.png

In de header kun je de naam van de categorie kiezen.

Categorie.FAQ Items

../images/b5be42ec-3bda-4ac6-bed3-b76cc14bc430.png

  • FAQ Items: De FAQ vraag in deze categorie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/a9a246ed-8ac8-4e30-813c-16f66ab7385c.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/4342d46d-e41a-423a-8de3-48b7279f3322.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/ee71fe9f-5b0f-476b-bbfd-f4728801f307.png

In FAQ items kun je vragen toevoegen aan de categorie via deze knop.

../images/8f4a6a6d-15f9-4648-9efa-d9776bbfe24b.png

Of aanpassen via deze knop

FAQ Items

Inhoud > FAQ > Categorieën > Categorie > FAQ Items

Het FAQ item scherm is quasi volledig gelijk aan het vragen scherm in sectie ‎ Vraag.

../images/66233be8-3458-4d87-9092-71e2ee02f1e2.png

Hier kunnen we een vraag aanmaken of aanpassen met behulp van volgende parameters:

  • FAQ Categorie: Hier kies je de categorie waaronder de vraag moet worden ondergebracht.

../images/914faf79-f45c-45a3-8c15-96877c27332a.png

  • Hiermee kun je de geselecteerde categorie aanpassen indien gewenst. Meer hierover in sectie Categorieën.

../images/1337ceec-abe8-4d8c-bacf-48d336c45876.png

  • Hiermee kunt een nieuwe categorie aanmaken indien gewenst. Meer hierover in sectie ‎ Categorieën
  • Vraag: De vraag die zal verschijnen op de front-end.

  • Antwoord: Het antwoord gelinkt aan deze vraag. Verschijnt ook op de front-end.

../images/f067e154-757d-4b6f-952a-e8b7039614cd.png

De verandering is pas effectief na het opslaan via deze knoppen.

Pagina in de sitemap plaatsen voor weergave in een van de menu’s

Om de zopas aangemaakte pagina(‘s) toe te voegen aan de sitemap zodat deze op de front end van de shop verschijnen en dus naar te navigeren vallen volg je onderstaande stappen.

  1. Je navigeert naar [Sitemap]

    ../images/76faaa19-093c-4356-98fe-6d55bfd8f691.png

  2. Je selecteert de locatie waar je deze pagina wilt plaatsen. Dit kan een hoofdfolder zijn (top/menu/bottom), dan komen de pagina’s respectievelijk in de header balk, hoofdmenu of footer terecht. Anderzijds kun je er ook voor kiezen om de pagina in een subfolder onder te brengen – vb hier ‘Mobiele telefoons’.

  3. Je klikt op het plusje en selecteert het type pagina. Hier ‘Link’.

    ../images/4f2b9c6d-9c44-420e-9ba0-1bb09998f33e.png

  4. Je geeft de landingspagina een naam – deze naam zal verschijnen op de front-end. En je geeft de URL aan. Voor FAQ geef je hier ‘ /mvc/faq ’ in.

    ../images/d2987bb3-9c8f-4880-84a1-5748ee6c3646.png

  5. Je klikt op ‘Opslaan’. Na een 2 tal uur zal deze verwijzing naar de pagina zichtbaar zijn in de sitemap.

Downloads

Inhoud > Downloads

In Marcando bestaat de mogelijkheid om een conceptpagina toe te voegen omtrent Downloads. Hierbij geef je jouw downoads in een categorie en wordt de pagina in jouw huisstijl gegenereerd.

Daarnaast kun je aangeven welke downloads al dan niet beschermd zijn. Een beschermd bestand wilt zeggen dat deze niet zichtbaar is voor niet ingelogde gebruikers.

Voorbeelden op de front-end kunnen er zo uit zien afhankelijk van de instellingen:

../images/423155ed-d870-4472-8036-6ef1d8e67824.png

../images/76d3a698-3550-4d7f-b1d4-2e378ab6fe95.png

Items

Inhoud > Downloads > Items

Hier vind je een overzicht van de download items die reeds werden aangemaakt. Daarnaast kun je ook nieuwe downloads toevoegen aan bestaande categorieën. Indien je nog geen categorieën hebt aangemaakt kun je dit eerst doen in sectie ‎ Categorieën.

Items.Zoekfunctie

../images/a83fdcb7-1f64-40b5-9df4-dad29aa317d8.png

Hier zie je een zoekfunctie met volgende parameters:

  • Label: Hiermee kun je zoeken naar (delen van) het label van de download. Je kunt zoeken op kernwoorden.

  • Categorie: In de dropdown kun je de categorie selecteren.

../images/d5b51612-ecaa-4741-b505-f1bbb7aeb989.png

Via deze knop krijg je de zoekresultaten conform jouw ingevulde parameters.

../images/f8d2700b-c793-4958-abe8-702d6a847959.png

Via deze knop kun je een excel extract krijgen van de klanten conform jouw parameters. Let wel, om enkel die klanten te krijgen volgens jouw parameters dien je eerst op [Zoeken] te klikken.

Items.Zoekresultaten

Conform jouw ingevulde parameters krijgt je jouw zoekresultaten:

../images/c6387223-798b-4971-b3dd-b809cef9a532.png

Deze lijst bevat volgende kolommen met informatie:

  • Categorie: De categorie van de respectievelijke download.

  • Label: De naam van de download.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/07d07868-9ab6-4f1f-bccf-e47d0fbf4278.png

brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/37e6f6ab-2d43-44a2-98ae-a04494525990.png

zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/20b467e4-7c69-4d2e-af66-76873f92ded0.png

Klikken op [nieuw] of op deze knop brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Item

Inhoud > Downloads > Items > Item

Item.Header

../images/19cefbf2-e9d6-4371-93b1-ce728b3eaf2b.png

Met volgende parameters:

  • Download Categorie: Hier kies je de categorie waaronder de download moet worden ondergebracht.

../images/3ac4c12d-9af4-49a0-ae9e-bbd225b3924a.png

  • Hiermee kun je de geselecteerde categorie aanpassen indien gewenst. Meer hierover in sectie Categorieën

../images/813053a6-4e49-4fd7-a4d8-7239b7ecbc9c.png

  • Hiermee kunt een nieuwe categorie aanmaken indien gewenst. Meer hierover in sectie ‎ Categorieën.
  • Label: De naam van de download. Dit is zichtbaar op de front-end.

  • Beschermd: Instelling die zorgt voor het zichtbaar/niet-zichtbaar maken van deze download voor niet ingelogde gebruikers. Indien aangevinkt is deze file niet beschikbaar voor niet-ingelogde gebruikers.

  • Intro: Een optionele tekst die bij het download item kan worden weergegeven. Instellen of deze tekst al dan niet wordt weergegeven doet men op categorie niveau in sectie ‎ Categorieën.

Item.Beeld

Hier kun je een (optioneel) beeld toevoegen aan het download item. Dit zal worden afgebeeld op de front-end. Een voorbeeld ziet er zo uit:

../images/23b24894-b642-407f-aa43-eaed0eee1d41.png

../images/63b4983d-0633-45f5-8a23-2b804a19b121.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Met volgende informatie:

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van het artikel. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

Item.Document

Hier brengt je het uiteindelijke document in onder. Dit document zal de download zijn die de gebruiker kan downloaden.

../images/07eee32a-7581-487f-8a70-a02a14873852.png

Hierbij kunnen we volgende informatie geven:

  • Naam: De naam van het document. Deze wordt weergeven op de artikel detailpagina van het artikel op de shop.

  • Type: keuze tussen:

    • Generiek bestand

      • PDF

      • Excel bestand

      • Powerpoint bestand

      • Word bestand

      Het type bestand kan ook automatisch worden bepaald na het uploaden in ‘Bestand’ – zie punt hieronder.

  • Bestand:

../images/98ef0fe0-8bda-4527-9593-3ae60bd85e38.png

Via deze knop kies je een bestand via de bestandsverkenner van jouw computer.

../images/f35dd813-5ecb-42c3-a8bc-684b8fd9b292.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/c69e80b5-5fd8-49a3-8cf9-63a521bca1f0.png

Het verwijderen van dit item kan via deze knop.

Categorieën

Inhoud > Downloads > Categorieën

Dit is het menu waarin je de verschillende categorieën kunt bepalen waarin Download items kunnen worden gecategoriseerd. in sectie ‎ Categorieën zie je een overzicht van de bestaande categorieën.

../images/44e18056-daa2-4693-86dc-c948b54c3370.png

  • Naam: Naam van de categorie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/b52bc226-625b-43f7-b1e8-80436ce23676.png

brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/4a9a4aed-9de3-47a4-b9c5-58319e8b5004.png

zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/1b8efe83-3682-4a98-8f8b-2986c85dade0.png

Klikken op [Nieuw] of op deze knop brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Categorie

Inhoud > Downloads > Categorieën > Categorie.Header

../images/d5aa836f-f265-45a6-9b19-2e44592eb0d6.png

Met volgende parameters:

  • Naam: Naam van de categorie

  • Layout: Manier waarop de items in de categorie worden afgebeeld.

    • Tegel:

      ../images/ce142d74-c1af-40c3-b80d-9b138c67e3ac.png

      • Lijst:

      ../images/6d0a5958-9057-4676-a584-bc99577fe071.png

  • Toon afbeelding: Instelling die aangeeft of de item afbeeldingen getoond worden al dan niet. In bovenstaand voorbeeld zou het ‘Blackberry’ logo niet te zien zijn.

    ../images/7a23e34a-c61f-4d4f-81c3-4d526917db27.png

  • Toon intro: Instelling die bepaalt of de intro tekst van het download item wordt getoond in deze categorie.

Categorie.Download items

../images/ea8f166b-1340-4e26-92aa-a2a0ff45f7fb.png

  • FAQ Items: De FAQ vraag in deze categorie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/5782c283-8a2d-4486-958b-d1cfa07c5b6b.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/5b1a8b0b-6e29-40af-8880-e42c142842be.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/f9ebe078-625c-41a1-9082-5bd0fc4e4168.png

In FAQ items kun je vragen toevoegen aan de categorie via deze knop

../images/5fea2db5-c8db-423b-9987-38d3b0b3664f.png

Of aanpassen via deze knop

Download items

Inhoud > Downloads > Categorieën > Categorie > Download items

Download items.Header

../images/6eda7cb4-0953-46df-98f2-67663b3595bb.png

Met volgende parameters:

  • Download Categorie: Hier kiest je de categorie waaronder de download moet worden ondergebracht.

../images/2a2ce37d-d3ff-4c31-82cb-5ade5f88d234.png

  • Hiermee kun je de geselecteerde categorie aanpassen indien gewenst. Meer hierover in sectie Categorieën.

../images/78c77f9a-c158-4250-b4ed-a89002867d5c.png

  • Hiermee kunt een nieuwe categorie aanmaken indien gewenst. Meer hierover in sectie Categorieën.
  • Label: De naam van de download. Dit is zichtbaar op de front-end.

  • Beschermd: Instelling die zorgt voor het zichtbaar/niet-zichtbaar maken van deze download voor niet ingelogde gebruikers. Indien aangevinkt is deze file niet beschikbaar voor niet-ingelogde gebruikers.

  • Intro : Een optionele tekst die bij het download item kan worden weergegeven. Instellen of deze tekst al dan niet wordt weergegeven doet men op categorie niveau in sectie Categorieën.

Download items.Beeld

Hier kun je een (optioneel) beeld toevoegen aan het download item. Dit zal worden afgebeeld op de front-end. Een voorbeeld ziet er zo uit:

../images/47999cfd-5cfe-4be4-9234-17bd70cc7d61.png

../images/dd33ea23-5081-4979-a704-231cde88dcbf.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Met volgende informatie:

  • om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van het artikel. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

Download items.Document

../images/1e61e3c9-4b63-4912-a853-86bb818265bc.png

Hierbij kunnen we volgende informatie geven:

  • Naam: De naam van het document. Deze wordt weergeven op de artikel detailpagina van het artikel op de shop.

  • Type: keuze tussen:

    • Generiek bestand

      • PDF

      • Excel bestand

      • Powerpoint bestand

      • Word bestand

      Het type bestand kan ook automatisch worden bepaald na het uploaden in ‘Bestand’ – zie punt hieronder.

  • Bestand:

../images/499c0a3e-08c0-409e-8234-edc2ca02a893.png

Via deze knop kies je een bestand via de bestandsverkenner van jouw computer

../images/21b616ec-f909-4b23-9c1f-8a4d4360271d.png

De verandering is pas effectief na het opslaan via deze knoppen.

../images/b84e9387-7ecc-4e2d-8796-656171eac053.png

Het verwijderen van dit item kan via deze knop

Pagina in de sitemap plaatsen voor weergave in een van de menu’s

Om de zopas aangemaakte pagina(‘s) toe te voegen aan de sitemap zodat deze op de front-end van de shop verschijnen en dus naar te navigeren vallen volg je onderstaande stappen.

  1. Je navigeert naar [Sitemap]

    ../images/44d4fd3d-cc9d-4415-a35b-bd35d4b463d4.png

  2. Je selecteert de locatie waar je deze pagina wilt plaatsen. Dit kan een hoofdfolder zijn (top/menu/bottom), dan komen de pagina’s respectievelijk in de header balk, hoofdmenu of footer terecht. Anderzijds kun je er ook voor kiezen om de pagina in een subfolder onder te brengen – vb hier ‘Mobiele telefoons’.

  3. Je klikt op het plusje en selecteert het type pagina. Hier ‘Link’.

    ../images/29b5bcb1-d925-4aa4-8f29-3966e2c9c8f6.png

  4. Je geeft de landingspagina een naam – deze naam zal verschijnen op de front-end. En je geeft de URL aan. Voor FAQ geef je hier ‘ /mvc/downloads

    ../images/0639535a-c007-46ef-9f40-b8b30a7a6ee7.png

  5. Je klikt op ‘Opslaan’. Na een 2 tal uur zal deze verwijzing naar de pagina zichtbaar zijn in de sitemap.

Nieuws

Inhoud > Nieuws

In Marcando is het mogelijk om nieuwsberichten ook als conceptpagina (= een pagina dat conform huisstijl automatisch wordt gegenereerd met de items die je aangeeft) af te beelden. Daarnaast kun je uiteraard ook nieuws showcasen op een pagina via een zone in een rij. Hierover meer in sectie ‎ Voeg Nieuws zone toe.

Indien je via deze manier nieuws wilt communiceren op jouw website, dan ziet een voorbeeld er zo uit op de front-end:

../images/c272961b-ab2a-416d-91e3-54bd4d1548b0.png

In de back-end voegen we berichten als volgt toe:

../images/7ad437b1-1b62-401e-86c9-03714c418fe0.png

Nieuws.Header

../images/db991950-1f08-420b-896c-9cb855561637.png

Hier zie je een zoekfunctie met volgende parameters:

  • Titel: Hiermee kun je zoeken naar (delen van) de titel van het nieuwsbericht. Je kunt zoeken op kernwoorden.

  • Datum: Een periode waartussen het artikel gepubliceerd werd.

../images/65789c02-e6b8-45a5-b293-00203b7eb349.png

Via deze knop krijg je de zoekresultaten conform jouw ingevulde parameters.

../images/d97e6c02-4193-439f-8d86-46cd2b2712e0.png

Via deze knop kun je een Excel extract krijgen van de klanten conform jouw parameters. Let wel, om enkel die klanten te krijgen volgens jouw parameters dien je eerst op [Zoeken] te klikken.

Nieuws.Zoekresultaten

../images/153243cb-c9d2-423e-ac09-3439e4191953.png

Met:

  • Datum: De datum van publicatie.

  • Titel: Titel van het artikel.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/29969b25-f1c6-439c-b306-f9c9ab62567e.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/8045b7e4-0db5-4fa1-b2b9-4dffdc60f194.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/7e831cd8-600d-4f3d-8ef5-955b87a54065.png

Klikken [Nieuw] op deze knop of brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Nieuws Item

Inhoud > Nieuws > Nieuws Item

Hier zien we 4 tabbladen:

  • Nieuws

  • Fotoboek

  • Documenten

  • Link

Deze worden hieronder in aparte hoofdstukken behandeld.

Nieuws

Inhoud > Nieuws > Nieuws Item > Nieuws

../images/607df0b2-7e15-4f5f-9f94-3f5dbad3ebda.png

Met:

  • Datum: Hier kies je zelf de datum die zal verschijnen als publicatiedatum.

  • Titel: Titel van het nieuwsitem.

Inhoud:

Hier kun je de tekst ingeven die zal verschijnen. De reguliere tekstopmaak kan worden verzorgd met de knoppen bovenaan.

../images/2888c856-e40e-482d-a8db-cfa343609095.png

Daarnaast kun je ook HTML-code voorzien door op deze knop te klikken.

Fotoboek

Inhoud > Nieuws > Nieuws Item > Fotoboek

Je kan ook afbeeldingen uploaden die bij het nieuwsbericht zullen worden gevoegd. Een voorbeeld van de front-end ziet er zo uit:

../images/d25eb71a-6fe8-40e5-8cc4-a7f141196a77.png

../images/ee0ac51b-6d04-4831-93cf-e22cdc0d60eb.png

Om 1 foto toe te voegen klikken we op deze knop. Dit brengt ons naar onderstaand venster:

../images/caea7cc9-6912-4d0d-8b65-eba84e39b7fe.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

Hierbij kunnen we volgende informatie geven:

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/71179d1c-7105-4f20-9c06-5a3440860926.png

Om 1 of meerdere foto’s in 1 upload toe te voegen aan het artikel klikt men op deze knop. Daarbij opent er een pop-up:

../images/c3f3ed61-d3ec-41dd-ac08-9b5a62e5f76e.png

../images/a02696e0-dd52-4aaa-94a8-273ca6e8a924.png

Hier kiest je deze knop om via de bestandsverkenner van jouw computer de afbeeldingen te selecteren. Na de selectie van afbeeldingen zie je de bestanden zoals in onderstaand scherm:

../images/b015dafe-9dbf-42a8-a8fc-6f7740d25a8f.png

../images/d7d58e8e-6efa-41f3-a01c-fa221b73fbab.png

Om de upload naar het artikel te starten klikt men op deze knop.

../images/8afb237e-b1ad-4914-a93f-8b108a754d8d.png

De verandering is pas effectief na het opslaan via deze knoppen.

Indien er meerdere afbeeldingen aanwezig zijn dan is het mogelijk om hiervan de volgorde te wijzigen door deze te verplaatsen via onderstaand omcirkeld in paars.

../images/66972a8f-8523-4ac8-b1b8-f054e3cedc95.png

../images/46b3c45c-f95c-4573-a744-2279d2949ec0.png

De verandering is pas effectief na het opslaan via deze knoppen.

Documenten

Inhoud > Nieuws > Nieuws Item > Documenten

Daarnaast kun je ook bijlagen/documenten toevoegen aan een nieuwsitem. Op de front-end ziet dit er als voorbeeld zo uit:

../images/4c947d57-865a-4bd7-82b4-197c673e62ef.png

In de back-end wordt dit ingesteld via volgend scherm:

../images/b436e566-23a4-4617-9c6d-88b964ce53bd.png

../images/63c87a0a-1aa6-4167-bb54-f019485e4471.png

Om 1 document toe te voegen klikken we op deze knop. Dit brengt ons naar volgend venster:

../images/0f248086-3fcb-45bd-9c52-ab7d9b852bf4.png

Hierbij kunnen we volgende informatie geven:

  • Naam: De naam van het document. Deze wordt weergeven op de artikel detailpagina van het artikel op de shop.

  • Type: keuze tussen:

    • Generiek bestand

      • PDF

      • Excel bestand

      • PowerPoint bestand

      • Word bestand

  • Bestand:

../images/8393d9e1-6534-4190-b8e2-6330eaf66eef.png

Via deze knop kies je een bestand via de bestandsverkenner van jouw computer.

../images/d4cee0cc-3b4e-4155-9480-dcbd8e548f94.png

Om 1 of meerdere documenten in 1 upload toe te voegen aan het artikel klikt men hierop. Daarbij opent er een pop-up:

../images/ba88401e-63bc-4cd8-a7fe-b7dd5cfeea63.png

../images/f0737658-a398-41a8-9f08-f8b777d12198.png

Hier kies je deze knop om via de bestandsverkenner van jouw computer de documenten te selecteren. Na de selectie van documenten zie je de bestanden zoals in onderstaand scherm:

../images/d7dbea2d-ed90-47c3-b113-5b2d9e626de6.png

../images/78e545bb-973f-4fc2-a56a-895dae84974c.png

Om de upload te starten klikt men op deze knop

../images/872b3924-fefa-4fb6-8a40-f5dab5e45b1d.png

De verandering is pas effectief na het opslaan via deze knoppen.

Indien er meerdere documenten aanwezig zijn in een artikel, dan is het mogelijk om hiervan de volgorde te wijzigen door deze te verplaatsen via onderstaand omcirkeld in paars.

../images/a0fecad9-f940-41e5-b676-e1e52445514d.png

../images/5da23e87-b2b8-42b5-85b7-8e75afea190f.png

De verandering is pas effectief na het opslaan via deze knoppen

Inhoud > Nieuws > Nieuws Item > Links

Tot slot kunnen er ook links worden toegevoegd aan het nieuwsitem. Op de front-end ziet dit er zo uit:

../images/d1b4e98a-e595-42a5-9f9a-9d85d4b5cba7.png

In de back-end:

../images/68287db2-2ed9-4950-b444-6d62315928c3.png

../images/aafc06e8-8b90-45b6-abe0-64f42511feff.png

In Marcando voegen we een link toe via deze knop

../images/b1ac13c2-9aa6-412c-93a9-880413a145f8.png

De in te geven parameters zijn:

  • URL: De URL/link naar de webpagina die je wilt linken aan deze pagina. Hier zijn de volgende zaken toegestaan:

    • URLs – zoals bijvoorbeeld https://www.google.com

      • FTPs – dit zijn linken naar ftp-servers om een geconsolideerd (en downloadbaar) overzicht te geven van daar opgeslagen afbeeldingen en documenten.

      • Mail directs – via ‘mailto: voorbeeld@bedrijf.be ’ zal er bij het klikken een dialoogvenster openen van de klant zijn/haar mailprogramma met het opgegeven mailadres.

  • Openen in: Hier zijn 2 keuzes:

    • Nieuw venster: De link zal zich openen in een nieuwe browser tab.

      • _self: De link zal zich openen in de huidige browser tab.
  • Label: De naam die de links zal krijgen op de pagina. Zichtbaar voor jouw users.

../images/7bf0601f-cd00-495b-9f4c-adeae5ff9698.png

De verandering is pas effectief na het opslaan.

Pagina in de sitemap plaatsen voor weergave in een van de menu’s

Om de zopas aangemaakte pagina(‘s) toe te voegen aan de sitemap zodat deze op de front-end van de shop verschijnen en dus naar te navigeren vallen volg je onderstaande stappen.

  1. Je navigeert naar [Sitemap]

../images/d7e85a3c-ce7b-45ea-b619-b598bd67fcae.png

  1. Je selecteert de locatie waar je deze pagina wilt plaatsen. Dit kan een hoofdfolder zijn (top/menu/bottom), dan komen de pagina’s respectievelijk in de header balk, hoofdmenu of footer terecht. Anderzijds kun je er ook voor kiezen om de pagina in een subfolder onder te brengen – vb hier ‘Mobiele telefoons’.

  2. Je klikt op het plusje en selecteert het type pagina. Hier ‘Link’.

../images/de65f2c1-b60b-4c3f-b91e-1935e3605d5f.png

  1. Je geeft de landingspagina een naam – deze naam zal verschijnen op de front-end. En je geeft de URL aan. Voor FAQ geef je hier ‘ /mvc/blog

../images/c742e967-0644-4d06-bfc3-609e737ea59e.png

  1. Je klikt op ‘Opslaan’. Na een 2 tal uur zal deze verwijzing naar de pagina zichtbaar zijn in de sitemap.

Blog

inhoud > Blog

In Marcando kun je ook jouw blogberichten maken, posten en overzichtelijk weergeven. Een voorbeeld op de front-end ziet er zo uit:

../images/c91581eb-d1ff-4ed7-a924-f1cb8e8acc29.png

Hoe dit in te stellen valt in de back-end wordt hieronder in de subhoofdstukken verder besproken.

Blog Intro

Inhoud > Blog > Blog Intro

De blog intro is een optionele tekst die je kan toevoegen aan jouw blogpagina. Deze verschijnt bovenaan.

../images/4b316527-39ae-4791-81d7-7795e3e496b8.png

Instellen in de back-end:

../images/69d3d1a4-bda7-4a9f-8f62-cc244fa56677.png

  • Intro: Hier kun je de tekst ingeven die zal verschijnen. De reguliere tekstopmaak kan worden verzorgd met de knoppen bovenaan.

../images/bf3b9cc6-4a0c-43f7-8d01-f87b96412381.png

Daarnaast kun je ook HTML-code voorzien door op deze knop te klikken.

Berichten

Inhoud > Blog > Berichten

Hier zie je een overzicht van bestaande blogberichten.

../images/8ed7c45d-114d-4cee-8b71-9c6662bcaf88.png

Met als info:

  • Date: De datum waarop het blogbericht werd geschreven. Deze kan je bij creatie zelf kiezen. Is zichtbaar op de front-end.

  • Title: De titel van het blogartikel

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/eece753e-b52b-418e-bef9-eadca2b3bac9.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/dace4149-54f0-412a-a48f-993393ce2ff2.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/f71b0cc3-5401-484a-affb-2d4d29645ade.png

Klikken op [Nieuw] of op deze knop brengt Je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Bericht

inhoud > Blog > berichten > Bericht

Bericht.Header

../images/abf24f92-d9af-45d7-b402-96bd4242b448.png

Volgende velden:

  • Date: De datum waarop het blogbericht werd geschreven. Deze kan je bij creatie zelf kiezen. Is zichtbaar op de front-end.

  • Title: De titel van het blogartikel

  • Intro: Optionele intro van het blogartikel. Dit wordt getoond als korte tekst op het overzicht.

  • Body: Hier kun je de tekst van het blogbericht ingeven. De reguliere tekstopmaak kan worden verzorgd met de knoppen bovenaan.

../images/cf8c8900-ab69-4cd8-8a87-daac026537db.png

Daarnaast kun je ook HTML-code voorzien door op te klikken.

Bericht.Categories

Je kunt het blogbericht eenvoudig toevoegen aan reeds bestaande categorieën. Om categorieën aan te maken vind je meer informatie in ‎Categorie.

../images/ce48eee7-1fc1-439d-9bc3-b8b39e38025a.png

Uit de dropdown selecteer je één van de reeds aangemaakte categorieën.

../images/4f4c4ca7-e718-4e4c-9781-f42249ffa87e.png

De verandering is pas effectief na het opslaan via deze knoppen.

Bericht.Foto

Daarnaast kun je een afbeelding toevoegen aan het blogbericht. Dit doet dienst als afbeelding in het overzicht en is optioneel.

../images/e8bb7893-e2f7-4c01-9162-47b9ce110255.png

De ‘Foto’ sectie is nog gearceerd indien hier voordien geen foto werd geüpload. Dit is het geval wanneer dit een nieuw item is, of wanneer dit een bestaand item is zonder afbeelding.

../images/2dde0c6b-2bc3-4b8b-a1b7-6487b43fa382.png

Door op deze knop te klikken activeert men deze sectie.

../images/7989eb5f-6afe-4954-a030-f070641d36a9.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

../images/2faa231c-9286-448e-b073-fb8fe342c1c8.png

In de Foto sectie kun je een afbeelding uploaden via deze knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/e6a0dfd3-bdd8-422c-8a6a-81a6dbd848b6.png

hierin kunnen we de afbeelding verder bijknippen om tot het gewenste resultaat te komen.

../images/438533c4-95fa-4d80-ae8f-6c0e61353075.png

De verandering is pas effectief na het opslaan via deze knoppen.

Bericht.Artikels

Hier vinden we de artikels die gekoppeld zijn aan het blogbericht. Deze artikels worden bij het blogbericht op de front-end getoond. Een voorbeeld:

../images/efb4e567-b2b1-4d31-b8c2-e0c18aac676b.png

Back-end:

../images/06af5ded-4dc8-4e0b-b8bb-e85120a9cb15.png

Met de volgende informatie:

  • Gepubliceerd: publicatiestatus van het artikel op de webshop.

../images/7a40557f-b00d-41a0-a4d6-36f64fce6079.png

geeft aan dat het artikel gepubliceerd is

../images/8fe4fe10-90e9-4d43-8dd7-69212c4c7ce4.png

geeft aan dat het artikel niet gepubliceerd is.

  • Artikelcode: De artikelcode.

  • Naam: De naam van het artikel.

  • Prijzen: Een verkort overzicht van de prijzen die van toepassing zijn voor dit product per klant(groep).

  • In stock: Stockindicatie van het artikel.

  • Acties: Acties geven je mogelijkheden tot aanpassingen van het artikel:

../images/e4d655e1-674f-4811-806c-b05d746f8a64.png

  • brengt je naar de detailpagina van het artikel. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover meer in ‎ Artikel.

../images/5e06b5f6-31c5-475e-ba7c-216cdd6e2cbc.png

  • zorgt voor de verwijdering van het artikel. Dit na bevestiging in de confirmatie pop-up.

../images/77382f7d-45f0-4b5b-a058-a9bf8c7bf8f8.png

Om artikelen toe te voegen zoekt men via de zoekbalk naar de juiste artikelen en klikt men op [Voeg toe].

../images/f37db623-5521-468c-9802-4c903f29a02b.png

De verandering is pas effectief na het opslaan via deze knoppen

Blog Tags

Inhoud > Blog > Blog Tags

Blog tags zijn herkenningstags waarmee je artikels kunt labelen om deze flexibel en informeel in te delen.

Bijvoorbeeld op de front end:

../images/c4302428-c2ca-4bbf-865b-6a7addb40785.png

In de back-end vind je hier een overzicht van de reeds bestaande tags. Daarnaast bestaat de mogelijkheid om er nieuwe toe te voegen.

../images/ebc335a7-617f-4434-989b-12e2351b023a.png

  • Name: De naam van de tag

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/45e892f2-1d14-44d1-8542-2c35d07e376d.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/15072390-afaa-4081-8338-cf15a306fd9c.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/0ce070d6-03e3-4cad-86ea-8db82f75723a.png

Klikken op [Nieuw] of deze knop brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Blog Tag

Inhoud > Blog > Blog Tags > Blog Tag

Blog tag.Header

../images/6dedf73d-4a9f-46fc-a5c4-cec354d232dd.png

Hier zien we een voorbeeld van een reeds aangemaakt tag. Dit met volgende parameters:

  • Name: De naam van de tag.

Blog tag.Berichten

../images/84206cdc-a9f0-4ef3-980e-6a31a1cbde71.png

Hier kunnen we een overzicht van de berichten vinden waar deze tag van toepassing is. Om blogs toe te voegen zoekt men via de zoekbalk en klikt men op [Voeg toe].

Blog Categorieën

Dit is het menu waarin je de verschillende categorieën kunt bepalen waarin blog items kunnen worden gecategoriseerd. Hier zie je een overzicht van de bestaande categorieën.

../images/4b8d41af-5712-4a2c-9cf1-5daa224202b1.png

  • Naam: Naam van de categorie.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/8a75ed6a-ea6b-4de4-a8d5-da158fe35591.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/8e4ec793-3f4b-46e3-bda0-eeaaa594a6b5.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/247023d9-9b2f-43c7-ac42-0406d7864227.png

Klikken op [Nieuw] of op deze knop brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Blog Categorie

inhoud > Blog > Blog Categorieën > Blog Categorie

Blog categorie.Header

../images/58aa6757-4b2a-40e3-8a0a-d9bc3edd791c.png

Hier zien we een voorbeeld van een reeds aangemaakt categorie. Dit met volgende parameters:

  • Name: De naam van de categorie.

Blog categorie.Berichten

../images/d009cc89-5af4-4aa5-aa81-e92c4d0e74ea.png

Hier kunnen we een overzicht van de berichten vinden binnen deze categorie. Om berichten toe te voegen zoekt men via de zoekbalk en klikt men op [Voeg toe]

Contact

Inhoud > Contact

In Marcando kun je hier jouw contactformulier instellen. Daarnaast kun je hier jouw verschillende winkels/vestigingen ook invoeren. Een integratie met Google Maps zorgt voor een visualisatie op kaart indien gewenst.

Een voorbeeld van zo een contactpagina:

../images/3b8a246f-15b1-42d7-9752-710b393f5ece.png

Info

Inhoud > Contact > Info

Info.Header

Hier geven we de generieke informatie voor de pagina en worden titels van de elementen bepaald.

../images/fe42113e-ac98-4dc8-9222-6c41233c9908.png

Informatie:

  • Titel: Titel van de pagina – helemaal bovenaan te zien op de front-end.

../images/203e5741-0d89-47b2-9fa1-d3a3d2347a4c.png

  • Info: Een tekst die onder de titel verschijnt

    ../images/4c0c4fd1-9321-48b3-98b7-0f045690829e.png

  • E-mail: Het e-mailadres gelinkt aan de ‘contacteer ons via e-mail’ knop. Hiermee gaat de mail-client van de gebruiker open met dit mailadres reeds in de geadresseerden.

  • Toon winkels: Instelling die bepaalt of de (verschillende) winkel(s)/vestiging(en) worden opgelijst op deze pagina. Let wel, deze winkels/vestigingen moeten worden ingevoerd in sectie Winkels [Inhoud > Contact > Winkels].

../images/6d35ff62-8fa3-444a-b890-2b2855715e5b.png

  • Titel winkels: De titel boven de winkels indien bovenstaande instelling geactiveerd is.

../images/986d6ceb-da04-4f60-bec7-b9ff44e9ff89.png

  • Titel formulier: De titel boven het contactformulier.

../images/0b88c0d5-8fe0-4d71-950e-e1ee3077bc49.png

• Info formulier: Optionele tekst om het contactformulier meer te duiden of in te leiden.

../images/c0473f38-590b-4fde-9c83-efcdb3e15ab8.png

• Activeer spambescherming: Instellingen die de reCAPTHA spam bescherming activeert.

Info.Google Maps

De mogelijkheid bestaat ook om jouw locatie(s) te visualiseren op een map via een Google Maps integratie.

../images/a084ec50-226b-4821-a640-f56df6d12de0.png

Hier geef je de volgende info van jouw hoofdlocatie in:

  • Straat

  • Nr

  • Bus

  • Extra adres info

  • Postcode

  • Stad

  • Land

  • Latitude, Longitude: Deze kun je zelf kiezen of op ‘Center on address’ klikken om jouw bovenstaand ingegeven adres te pinpointen.

  • Zoom level: een score van 1 tot 21 waarbij 1 geheel uitgezoomd is en 21 het meest ingezoomd op de map.

Winkels

Inhoud > Contact > Winkels

Hier heb je de mogelijkheid om 1 of meerdere vestigingen/winkels in te geven. Deze kunnen op de contactpagina aan hand van meerdere pinnen worden weergegeven indien ingesteld.

../images/cc1a69c2-935e-45a9-98bb-1e884dc52357.png

  • Naam: Naam van de winkel/vestiging.

  • Adres: Adres van de winkel/vestiging.

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/0ff4137e-43aa-458f-8c6a-eb9f5b9c3244.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/e4ca527d-ee45-4953-8ff9-f6bfa55385a7.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/6b02b8b9-bbc3-4049-968a-766f0232f01c.png

Klikken op [Nieuw] of deze knop brengt je naar het detailscherm. Dit respectievelijk voor de aanmaak of aanpassing.

Winkel

Inhoud > Contact > Winkels > Winkel

../images/b2450025-c8cf-4dbc-a9a3-5bdcd4202da1.png

Met volgende velden:

  • Straat

  • Nr

  • Bus

  • Extra adres info

  • Postcode

  • Stad

  • Land

  • Latitude, Longitude: Deze kun je zelf kiezen of op ‘Center on address’ klikken om jouw bovenstaand ingegeven adres te pinpointen.

  • Zoom level: een score van 1 tot 21 waarbij 1 geheel uitgezoomd is en 21 het meest ingezoomd op de map.

  • Telefoon

  • Fax

  • E-mail

  • Website

  • Openingsuren: Hier kun je een zelfgekozen tekst invoeren. Veelal bedoeld voor openingsuren, maar het staat jou uiteraard vrij. Reguliere opmaak op deze tekst in de editor is mogelijk.

Storelocator

Inhoud > Contact > Storelocator

dit is een zone waar jouw verkooppunten opgelijst staan met hun contactgegevens.

../images/7767750b-3b8c-42c9-8c74-4e58da771de5.png

  • Titel: Dit is de titel van de storelocator.

  • Intro: hier kun je een introductie van de storelocator plaatsen.

Storelocator.Verkooppunten

../images/330ab5f7-175b-4c4f-86ac-f3ff9dd89e2d.png

Druk op deze knop om een nieuw verkooppunt toe te voegen.

Storelocator.Verkooppunten.Verkooppunt

hier zie je een detailvenster om een nieuw verkooppunt aan te maken.

../images/4f623e8e-fafe-429a-8787-33d66dcef132.png

Storelocator.Verkooppunten.Verkooppunt.Gegevens verkooppunt

../images/ca6bb602-f4ee-4c5f-801d-512b7b4fe02e.png

  • Naam: Dit is de naam van jouw verkooppunt.

  • E-mailadres: Dit is het mailadres waarmee de klant het verkooppunt kan contacteren.

  • telefoon: Dit is het telefoonnummer waarmee de klant het verkooppunt kan contacteren.

  • Website: Dit is de website van het verkooppunt.

Storelocator.Verkooppunten.Verkooppunt.Adres

../images/4a3f0dc0-0060-49ff-8320-b07004c1de7f.png

  • Straat: De naam van de straat waarin het verkooppunt gelegen is.

  • Nr: Het huisnummer van het verkooppunt.

  • bus: Het busnummer van het verkooppunt. Dit is optioneel.

  • Extra adres info: Indien nodig kan je hier extra informatie geven over het adres.

  • Postcode: De postcode van de gemeente waarin het verkooppunt gelegen is.

  • Stad: De naam van de gemeente waarin het verkooppunt gelegen is.

  • Land: Het land waarin het verkooppunt gelegen is.

  • Lattitude: Dit wordt automatisch ingevuld nadat je de andere adresgegevens heeft ingevuld.

  • Longitude: Dit wordt automatisch ingevuld nadat je de andere adresgegevens heeft ingevuld.

  • Zoom level: Dit het aantal keer er wordt ingezoomd op de kaart.

../images/2fc40908-45dc-4989-a403-6223b1780f72.png

Hiermee centreer je de aangeduide locatie op de kaart.

../images/583c46cd-5a8b-448a-969f-40acf5b49b92.png

Hier kun je de verkooppunten onderverdelen in categorieën. meer hierover in Categorieën

Storelocator.Verkooppunten.Beeld

../images/edf8e741-2230-45bc-9a3a-ade6b8b51641.png

Hier kun je een foto van jouw verkooppunt uploaden.

../images/2f32b404-15f5-435d-9b42-ada4bd04e6e0.png

Om een foto te kunnen toevoegen klik je hierop.

../images/a2a75f0a-b510-46cd-aa66-fa7af175a6d9.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

  • Upload: De upload functionaliteit voor de afbeelding. Hierbij opent jouw dialoogvenster om via jouw bestandverkenner een afbeelding te selecteren en te uploaden.

  • Naam: Een interne naam voor de afbeelding van het artikel. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de foto. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

../images/6691b3dc-e812-4b72-a4d9-b87719d0aad0.png

De verandering is pas effectief na het opslaan via deze knoppen.

Categorieën

Inhoud > Categorieën

hier kun je nieuwe categorieën voor jouw verkooppunten aanmaken.

../images/8c78acaa-75ec-4852-b00b-a7784bca21fb.png

../images/c16cbed9-c019-4f01-b3f6-5d5b9a052097.png

druk op deze knop om een nieuw account aan te maken. Nadat je op deze knop hebt geklikt krijg je volgend detailscherm te zien.

../images/43788a5e-a60e-43a1-82ee-58ee316ceb15.png

  • Naam categorie: De naam die je wilt geven aan de categorie

../images/4d63cdf7-5ab5-45f1-be01-e19cda1b08c5.png

De verandering is pas effectief na het opslaan via deze knoppen.

import distributeurs

Inhoud > Contact > Import distributeurs

Hier kun je aan de hand van een exceldocument gemakkelijk meerdere distributeurs toevoegen.

../images/3c118d3e-5ce4-4e7c-bf3e-a6c5097217a5.png

../images/c79f929d-409d-44c6-899f-0ce54a2f4db9.png

Om het gewenste exceldocument te selecteren klik je op deze knop.

../images/cf1d7f98-fbac-4be5-9e72-5d6ba5838e89.png

Om het document te verwerken klik je op deze knop.

Het exceldocument hoort er als volgt uit te zien:

../images/2177e24e-5f13-4aef-bf1d-793fa0ec06ca.png

Je ziet het volgende:

  • Reseller naam: Dit is de naam van de distributeur.

  • Mail: Dit is het e-mailadres van de distributeur.

  • Telefoon: Dit is het telefoonnummer van de distributeur.

  • Website: Dit is de website van de distributeur.

  • Straat: Dit is de straatnaam waarin de distributeur gelegen is.

  • Nr: Dit is het huisnummer van de distributeur.

  • Bus: Dit is het busnummer van de distributeur. Dit is niet noodzakelijk.

  • Postcode: De postcode van de stad waarin de distributeur gelegen is.

  • Stad: De stad waarin de distributeur gelegen is.

  • Landcode: De code van het land waarin de distributeur gelegen is.

  • Categorieën: De categorieën die de distributeur heeft, gescheiden door een ;

Inhoud > Header

Hiermee stel je de bovenbalk van jouw website in. Deze balk is zichtbaar op elke pagina. En bestaat uit 2 delen. Enerzijds de topnavigatie in de bovenste balk en de hoofd navigatie onder het logo.

../images/52da38a2-94ab-4a40-87d3-39d1b81f60f7.png

Header.Header

../images/afcad455-9bbc-4f08-b7d0-e30d189cafbf.png

Hier stel je de sitemap-map in die bepaalt welke items in de top en hoofdnavigatie komen. Meer over de sitemap in sectie ‎8.

• Topnavigatie:

../images/4dfd98fd-e714-48e3-89ab-86aca7ec80f5.png

• Hoofdnavigatie:

../images/03accf4a-96b0-4a42-b7a2-b1a791949917.png

  • Layout: Dit bepaalt de positie van de hoofdnavigatie. Er zijn 2 opties:

    • Onder logo(volledige breedte):

      ../images/a8adb233-a568-47f2-9d7d-1edc7420dca2.png

      • Naast logo:

      ../images/2383b5fc-58a7-4b07-83eb-69db4c4f75ff.png

  • Type: er zijn 2 soorten headers.

    • Classis

      ../images/2302d108-6a16-438d-af15-28caf5f764ae.png

      • Reworked

      ../images/42954965-092b-46b3-9f9a-f28e6e8a59d0.png

  • Sticky header: Hiermee kun je de topnavigatie vast zetten. Zo blijft deze hagen terwijl je naar beneden scrolled.

    • geen sticky header

      ../images/4df2280b-afbc-41fe-9b9f-414a4bc52c35.png

      • wel een sticky header

      ../images/db1b6bd8-9b34-4e30-af0a-90cd06ab19f7.png

Header.Logo

Hier kun je jouw logo uploaden dat naast de zoekbalk zal worden weergegeven.

../images/ecd2eeaf-1d3a-4c48-ba51-78ab62c9b345.png

Opmerking: De maximale bestandsgrote is 20MB en de maximum dimensies zijn 4472 x 4472

../images/3e0faeb5-278e-48b9-86b6-1dc728878d4e.png

In de Logo sectie kun je een afbeelding uploaden via deze knop. Nadien vul je volgende parameters in:

  • Naam: Een interne naam voor de afbeelding. Deze wordt nergens op de shop afgebeeld.

  • Alt: Een alternatieve naam voor de afbeelding. Dit is louter voor SEO-doeleinden. Op die manier kunnen zoekmachines (zoals Google en Bing) de afbeelding indexeren en vindbaar maken.

  • Standaard crop: bepaalt hoe de foto geplaatst moet worden in het kader. Stel het is liggend en je laadt een liggende foto op, dan kies je altijd voor centraal om het mooi te laten uitkomen.

  • Optimaliseer: Dit verkleint te grote afbeelding tot een formaat van maximaal 6000 op 6000 pixels.

Inhoud > Footer

In [Inhoud > Footer] zijn er 2 tabbladen:

  • Footer

  • USP-zone

Deze worden in subhoofdstukken apart behandeld.

Inhoud > Footer > Footer

De footer is de onderste rij informatie op de website. Deze is ook te zien op elke pagina. Dit bestaat uit meerdere kolommen waarvan je de informatie kunt kiezen in de backend.

Een voorbeeld:

../images/415e9f1c-ef16-46de-9eb9-c84434f6dd42.png

Footer.Header

../images/3f344605-13b5-49ec-9910-7639f9b817a9.png

  • Credits: Deze tekst komt helemaal links onderaan op de pagina.

  • Links: Hierbij selecteren we het sitemap item dat helemaal onderaan in het midden zal verschijnen op de pagina’s. Meer over de sitemap in sectie ‎8.

Footer.Footer kolommen

De footer kun je indelen in verschillende kolommen. Dit zorgt voor een mogelijkheid om meer/minder informatie in de footer mee te geven.

../images/17bc4936-a565-4f0d-abac-9c2a735b1b9e.png

Hier vind je alvast een overzicht van de bestaande kolommen. Dit met:

  • Titel:

  • Inhoud:

  • Acties: Acties geven je mogelijkheden tot aanpassingen:

../images/c8fa3338-28e9-4976-a7a5-90937d4bb5a1.png

  • brengt je naar de detailpagina. Hier kun je eventueel wijzigingen in doorvoeren indien gewenst. Hierover hieronder meer.

../images/816e0447-cde4-4657-b2ca-937203ed9b14.png

  • zorgt voor de verwijdering. Dit na bevestiging in de confirmatie pop-up.

../images/777abb08-850a-423f-9986-f3f267fcb06b.png

Om nieuwe kolommen toe te voegen kunnen we de knoppen onderaan gebruiken

Voeg Kolom toe

Inhoud > Footer > Voeg Kolom toe

../images/ec7288b9-139f-49c0-b3a7-0273c0221405.png

Een kolom toevoegen via deze knop

../images/6e0a32b2-a2c6-4a2f-8bfd-51419ae5b114.png

een kolom bewerken via deze knop

../images/cb367dea-5b76-4354-967e-3bfac93740c0.png

Hierbij geef je de titel en inhoud in die in de kolom wenst te plaatsen. Zoals je kunt zien kun je hier ook afbeeldingen toevoegen. Alle inhoud wordt dan weergegeven in kolomvorm in de footer:

../images/9bd54f63-65ee-439d-8325-51d9f5bf2c08.png

Voeg Kolom toe.Social

Je hebt ook de mogelijkheid om logo’s naar eventuele sociale mediakanalen in te voegen. Hierbij geef je jouw username/nummer/… Dit zal met het juiste logo van het sociale mediakanaal worden weergegeven onderaan de kolom.

Voeg Nieuwsbrief toe

Inhoud > Footer > Footer > Voeg Nieuwsbrief toe

Hiermee voeg je een opt-in veld toe aan de footer waarmee jouw bezoekers zich kunnen inschrijven op jouw nieuwsbrief. Deze mailadressen worden bewaard in [Instellingen > Nieuwsbrief]. Voorbeeld:

../images/aa49ed42-8920-44d7-a3c7-5efeef671a10.png

../images/2dadde6c-faaf-4d69-a13b-54d6537be0a2.png

  • Titel: De eventuele titel van jouw nieuwsbrief kolom.

  • Intro: De tekst die naast de checkbox van jouw opt in kolom zal verschijnen.

  • Hint: De tekst die in het invoerveld zal komen als ‘hint’ over welke format jouw bezoekers dienen in te geven.

  • Label knop: De tekst die in de call-to-action knop zal verschijnen.

  • Bevestiging: De tekst die verschijnt nadat bezoekers zich hebben ingeschreven via deze kolom.

Voeg nieuwsbrief toe.Social

Je hebt ook de mogelijkheid om logo’s naar eventuele sociale mediakanalen in te voegen. Hierbij geef je jouw username/nummer/… Dit zal met het juiste logo van het sociale mediakanaal worden weergegeven onderaan de kolom.

Voeg Socialscolumn toe

Inhoud > Footer > Footer > Voeg Socialscolumn toe

Tot slot kun je ook een kolom aanmaken met louter de sociale mediakanalen. Alvorens op te slaan bij het creëren van de kolom zijn de sociale mediakanalen niet zichtbaar.

../images/58f9883f-59d8-41a2-b39a-1a3c9f10a05e.png

Na het opslaan kun je de sociale mediakanalen selecteren.

../images/f8ace863-3094-4037-9a12-9c38a7130b31.png

../images/6e0c9159-f316-4e8b-9f59-9e4bd431ef51.png

Hierbij geef je jouw username/nummer/… Dit zal met het juiste logo van het sociale mediakanaal worden weergegeven onderaan de kolom.

USP zone

Inhoud > Footer > USP zone

De mogelijkheid bestaat om jouw USP’s van jouw organisatie in de verf te zetten in een rij net boven de footer. Je kunt hierbij selecteren of deze zone enkel te zien is op de homepage of op alle pagina’s.

Een voorbeeld:

../images/b256647b-9a4d-4e54-9054-1a8fb190a28d.png

../images/1b5ba6c5-a31c-4160-a8de-78b7f88f856a.png

Hierbij kun je het volgende instellen:

  • Titel: De titel van deze ‘pre’footer rij. Deze verschijnt op de front-end.

  • Tonen op: Hierbij kun je kiezen of deze rij op alle pagina’s of enkel op de homepagina zal afgebeeld worden.

USP Zone.USP zone item

../images/7f52cd6b-da65-4577-a00c-883305a2432c.png

Een overzicht van de eventuele reeds bestaande USP-zone items vind je hier.

../images/6aa99ff4-dff0-458f-ae8e-962b89e6e3b7.png

Deze kun je aanpassen met deze knop

../images/5c473dad-0a32-49c3-aab2-287e4d31d5c7.png

of een nieuwe toevoegen met deze knop

USP zone Item

Inhoud > Footer > USP zone > USP zone Item

../images/63ac584c-f9df-4c08-b128-dc1b44a35a60.png

Ingave van de elementen en instellingen voor dit USP-zone item.

  • Interne naam: De interne naam van dit item. Wordt niet getoond op de front-end.

  • Breedte: Een rij heeft een standaardbreedte van 100%. Dit is de volledige breedte van jouw website. Echter heeft men ook de keuze om een zone slechts een deel van de breedte te laten innemen. Op die manier kun je de indeling van jouw rij (en finaal jouw site) beter vormgeven. Een zone met breedte 50% zal de helft van de rij innemen en ook proportioneel geschaald worden.

  • Titel: Een optioneel veld waarbij je een eventuele titel voor de zone kan ingeven. Deze titel zal afgebeeld worden op de shop boven de zone.

    • In de dropdown kun je de header stijl van jouw titel bepalen. Let wel – per pagina is het best slechts 1 maal ‘H1’ te gebruiken. Dit voor SEO-doeleinden.
  • Icon: Via fontawesome.com kun je in versie ‘v5’ namen kiezen voor iconen die hier kunnen worden gevisualiseerd. Hierbij helpt ons onboardingsteam indien gewenst.

  • Horizontale positie: Deze instelling heeft 3 standaard instellingen:

    • Left : het icoon wordt links uitgelijnd.

      • Center : het icoon wordt in het midden uitgelijnd.

      • Right : het icoon wordt rechts uitgelijnd.

  • Icoon formaat: Hier kun je instellen of het icoon ‘groot’ of ‘klein’ moet worden afgebeeld.

USP zone item.Link

../images/2e76c568-a48c-4d07-913c-4aef71e9460f.png

Daaronder heb je ook de mogelijkheid om een eventuele link toe te voegen.

Deze sectie activeer je ook door het klikken op deze knop.

../images/6c4882d0-2e5b-4652-b392-9fc88146176a.png

Volgende parameters worden beschikbaar:

  • URL: De URL/link naar de webpagina die je wilt linken aan dit artikel. Hier zijn de volgende zaken toegestaan:

    • URLs – zoals bijvoorbeeld https://www.google.com

      • FTPs – dit zijn linken naar ftp-servers om een geconsolideerd (en downloadbaar) overzicht te geven van daar opgeslagen afbeeldingen en documenten.

      • Mail directs – via ‘mailto: voorbeeld@bedrijf.be ’ zal er bij het klikken een dialoogvenster openen van de klant zijn/haar mailprogramma met het opgegeven mailadres.

  • Openen in: Hier zijn 2 keuzes:

    • Nieuw venster : De link zal zich openen in een nieuwe browser tab.

      • _self : De link zal zich openen in de huidige browser tab.
  • Label:

../images/dbf9b3ef-5750-4cff-a281-3f596576a33b.png

Het verwijderen van de link doe je door het klikken op deze knop.

Cookies

Inhoud > Cookies

../images/1ab75e80-21a5-4858-9c04-9d5f0d6f5a6b.png

Wanneer de layer geactiveerd wordt, kan men een cookiebericht gaan invullen. Verder is het ook nodig om de juiste pagina te linken waarop de cookie policy te vinden is. Tot slot kan er ook een tekstje toegepast worden die gebruikt zal worden op de knop die zal verwijzen naar de pagina van de cookie policy.

../images/00ef134a-c09c-42fd-b7c6-b0c67248ef7b.png

Voorwaarden

Inhoud > Voorwaarden

../images/4fabe78a-d9b2-4ec6-a1ba-d3c67974f8c6.png

  • Aanvaarding

    • Altijd: de voorwaarden moeten altijd aangevinkt worden.

      • Na update: de voorwaarden moeten enkel goedgekeurd worden nadat de sessie vernieuwd wordt.
  • Bericht: Het bericht die moet getoond worden naast het vakje om de voorwaarden te accepteren.

  • Verkoopsvoorwaarden: linken naar de pagina waarop de verkoopsvoorwaarden terug te vinden zijn.

  • Privacybeleid: linken naar de pagina waarop het privacybeleid terug te vinden is.

Search analysis

Inhoud > Search analysis

In Search Analysis kun je een oplijsting vinden van alle zoektermen die reeds werden ingevuld in de zoekbalk van jouw webshop. Door dit te analyseren kun je eventueel nieuwe keywords instellen in artikels om deze ook via deze zoektermen vindbaar te maken. Meer over keywords in artikelen kun je vinden in sectie ‎ Artikel.

../images/ee2851f8-84ca-4335-a7fe-99cd8bb74a8a.png