Met de landingspagina zet je vóór je webshop een eigen mini-website: een welkomstpagina met foto's, een promotiebanner, uitgelichte producten, je adres op een kaartje en links naar je sociale media. Je bouwt ze met kant-en-klare blokken, zonder enige kennis van websites. Bezoekers die je webshopadres intikken komen eerst op de landingspagina terecht en gaan met één klik verder naar je menu.
Een pagina aanmaken#
Ga in de beheerpagina naar Marketing en dan Pagina's, of rechtstreeks via Pagina's. Klik op Pagina aanmaken en kies Blocks. Je pagina wordt meteen aangemaakt en de editor opent.
Links staat de lijst met blokken, rechts een voorbeeld dat bij elke wijziging meteen bijgewerkt wordt. Zo zie je altijd wat je klant te zien krijgt.
Voeg blok toe opent de lijst met beschikbare blokken.
Met het handvat links van een blok sleep je het naar een andere plaats.
Met de schakelaar zet je een blok tijdelijk uit zonder het te verwijderen.
Klik op een blok om het open te vouwen en in te vullen. Daar kan je het ook dupliceren of verwijderen.
Klik rechtsboven op Opslaan als je klaar bent. De editor bewaart niet automatisch, dus sla op voor je de pagina verlaat.
De blokken#
De blokken zijn genoemd zoals ze in de editor staan.
Header: de kop van je pagina, met je logo, een Titel en automatisch een knop Bestel online naar je webshop. Kies een Achtergrondkleur en Tekstkleur, of zet er een Afbeelding achtergrond in (dan valt de achtergrondkleur weg).
Banner: een smallere strook voor een korte boodschap, vergelijkbaar met een popup in je webshop. Vul een Titel en Subtitel in, bijvoorbeeld "Promo! Krijg 10% korting" met daaronder de couponcode.
Products: licht tot vier producten uit met een Titel en Subtitel, bijvoorbeeld je bestsellers, een actie of een nieuw gerecht. Kies ze bij Product 1 tot Product 4. Klikt je klant op een product, dan belandt het meteen in zijn winkelmandje. Onder de producten staat automatisch de knop Bekijk ons volledig menu. Zet dit blok hoog op je pagina.
Content Block: een vrij tekstvak, zoals in een tekstverwerker, voor een stukje over je zaak of je verhaal.
Afbeeldingen: een fotoraster met sfeerbeelden van je zaak of je producten. De foto's worden klein getoond en openen op volle grootte wanneer de bezoeker erop klikt. Slepen om de volgorde te veranderen.
CTA: een blok met één doel, je klant naar de webshop sturen. Zelfde opties als de Header (kleuren of achtergrondafbeelding, Titel, Subtitel) en automatisch de knop Bestel online.
Info Block: een foto en een stuk tekst naast elkaar. Met Afbeelding eerst zet je de foto links van de tekst.
Map: een kaartje van Google Maps met je adres. Het toont ook automatisch je openingsuren van vandaag. Met Adresgegevens tonen zet je het adres onder de kaart aan of uit.
Wrapper: een kader waarin je andere blokken plaatst, met een eigen Achtergrondkleur. Zo maak je een aparte sectie, bijvoorbeeld een Header, Banner en Products voor je nieuwe producten, in een andere kleur dan de rest van de pagina. Met Horizontaal zet je de blokken in de wrapper naast elkaar in plaats van onder elkaar.
Socials: een strook met een Titel ("Volg ons op:") en links naar je Facebook en Instagram.
Button: een losse knop met je eigen Titel en URL, bijvoorbeeld naar je reservatiepagina of je website. Vul altijd een volledige link in, anders doet de knop niets.
Tip
Begin met een Header, daaronder een Products-blok met je toppers en een CTA, en sluit af met Map en Socials. Zo heeft je bezoeker in één scherm alles wat hij nodig heeft om te bestellen.
Titel en adres van de pagina#
Klik in het overzicht op het tandwiel naast een pagina om de Pagina instellingen te openen. Daar geef je een Titel en een URL slug: het stukje achter je webshopadres, bijvoorbeeld "over-ons". Eronder zie je meteen het volledige adres. Sommige woorden zijn voorbehouden (zoals "login" of "checkout") en elke slug kan maar één keer gebruikt worden.
Met de knoppen in het overzicht bekijk je een pagina (oog), bewerk je ze (potlood), dupliceer je ze (kopie) of verwijder je ze (prullenbak). Een gedupliceerde pagina krijgt "(copy)" achter de titel en staat als Concept, zodat je eerst rustig kan bewerken.
Hoe je klant de landingspagina ziet#
De eerste pagina die je aanmaakt is je startpagina: wie je webshopadres opent, komt daar terecht. In de navigatiebalk van je webshop verschijnt bovendien een link per pagina, plus de link Shop naar je menu.
Van de landingspagina naar het menu gaat je klant via de knoppen Bestel online en Bekijk ons volledig menu in de blokken, of via Shop in de navigatiebalk. Klikt hij daarna op je logo, dan komt hij terug op de landingspagina.
Goed om te weten
De landingspagina vervangt je menu niet. Je producten, categorieën, openingsuren en bestelinstellingen beheer je zoals altijd; de landingspagina is enkel de voordeur ervoor.