Instant Site is een codevrije sitebuilder van eCom (E-Series) waarmee je een website, landingspagina of online catalogus kunt aanmaken. De gebruiksvriendelijke editor maakt moeiteloos ontwerpen mogelijk, zelfs voor beginners. Je kunt een thema kiezen en dit vervolgens aanpassen door pagina's, secties, teksten en afbeeldingen toe te voegen en te bewerken. Zo maak je een website die precies op jouw bedrijf is afgestemd.

Alles over de functies van de Instant Site-editor

Instant Site biedt een uitgebreide reeks bewerkings- en aanpassingstools voor het ontwerpen van je website, zoals SEO-instellingen en meer diepgaande CSS-aanpassingen:

• Aanpasbare thema's: kies een van de kant-en-klare lay-outs als basis voor het ontwerp van je eigen website.
• Verschillende typen inhoud: tekst, statische afbeeldingen, gifs, video's, schuifregelaars, knoppen, koppelingen, links, links naar sociale media en aangepaste code: je kunt van alles en nog wat toevoegen en bewerken.
• Aanpasbare secties met inhoud: secties bevatten de inhoud van je website en worden opgeslagen in de editorbibliotheek. Je kunt secties toevoegen en bijwerken en afbeeldingen, tekst, producten, een navigatiemenu, promotiebalken en nog veel meer opnemen.
• Eenvoudige indeling van inhoud: verplaats een sectie en alle bijbehorende tekst en afbeeldingen tegelijk met de functie voor slepen en neerzetten.
• Meerdere pagina's: afhankelijk van het doel dat je voor ogen hebt, kun je een landingspagina met één pagina of een website met meerdere pagina's aanmaken.
• WYSIWYG-editor (What You See Is What You Get): bekijk een voorbeeld van wijzigingen in realtime aan de rechterkant van het scherm voor een meer intuïtieve ervaring.
• Donkere modus: schakel tussen de lichte en donkere modus om de helderheid van de editor aan te passen.
• Mobiele responsiviteit: Instant Site is mobielvriendelijk en past je ontwerp automatisch aan elke schermgrootte aan. Je siteontwerp ziet er dus ook goed uit op mobiele telefoons en tablets.
• SEO-instellingen: om je site een prominentere plek te geven op de resultatenpagina's van zoekmachines, kun je voor verschillende pagina's SEO-tags en beschrijvingen opgeven.

Instant Site-thema's toepassen

Thema's zijn kant-en-klare lay-outs voor websites. Ze zijn een beginpunt voor het opzetten van je site zodat je snel en consistent aan de slag kunt. In een thema kun je inhoud naar eigen inzicht in een andere volgorde zetten en toevoegen om de website helemaal naar jouw smaak op te zetten.

Instant Site biedt meer dan 70 volledig aanpasbare thema's die zijn afgestemd op verschillende zakelijke niches. Je kunt inhoud zoals tekst, afbeeldingen, kleuren, lettertypen, een navigatiemenu, secties en pagina's toevoegen, bewerken, verplaatsen en verwijderen om een site te maken die precies past bij jouw stijl en zakelijke behoeften.

Een sitethema selecteren

Kies uit diverse gratis thema's of start een proefperiode om betaalde premium thema's uit te proberen:

1. Ga in Retail POS naar Online > Webshop (of Website) > Site bewerken.

2. Klik op Instellingen > Thema's. Wil je bedrijfsgerelateerde thema's bekijken, klik dan bovenaan op de categorieën.

   

3. Klik op Voorbeeld van thema om het thema te bekijken.
4. Klik op Thema toepassen om over te schakelen naar een gratis thema of klik op Gratis proefperiode starten om een betaald premium thema toe te passen.
5. Klik op Publiceren om het thema toe te passen.

Sitethema's wijzigen

Als je al een thema hebt toegepast en inhoud of afbeeldingen hebt gewijzigd, worden die wijzigingen mogelijk overschreven wanneer je overschakelt naar een ander thema. Maak voordat je een ander thema toepast eerst een back-up van alle tekst of afbeeldingen die je wilt behouden.

• Dit wordt niet opgeslagen: niet opgeslagen worden alle wijzigingen die je in een initieel thema hebt aangebracht nadat je op een ander thema bent overgestapt en dit hebt gepubliceerd. Dit gaat bijvoorbeeld om bewerkingen van tekst en afbeeldingen, wijzigingen in het navigatiemenu, SEO-instellingen en andere bewerkingen van je site.
• Dit wordt wel opgeslagen: wel opgeslagen worden pagina's die aan je oorspronkelijke thema zijn toegevoegd nadat je bent gewisseld van thema. Wel moet je de links naar de toegevoegde pagina's opnieuw toevoegen aan je navigatiemenu.

Voordat je op Publiceren klikt nadat je van thema bent gewisseld, kun je teruggaan naar het vorige thema waarbij al je wijzigingen behouden blijven. Klik hiervoor rechtsboven in de editor op Alles annuleren > Niet gepubliceerde wijzigingen annuleren.

Een aangepast Instant Site-thema gebruiken

Behalve dat je kunt werken met de kant-en-klare sitethema's uit de Instant Site-bibliotheek, kun je ook je eigen aangepaste thema aanmaken. Met aangepaste thema's kun je zorgen voor een unieke online aanwezigheid die precies is afgestemd op jouw specifieke behoeften, met geavanceerde integraties en opvallende interactieve elementen.

Wil je thema's samenstellen, dan heb je een goede kennis van Typescript en het Vue-framework nodig. Je kunt ook een ontwikkelaar in de arm nemen of iemand van je IT-team inschakelen.

Aangepaste thema's kunnen het volgende bevatten:

• Complexe lay-outs die gebruikers een meeslepende ervaring bieden en die aansluiten op de visuele identiteit van je merk.
• Aangepaste functionaliteit zoals ingebouwde boekingswidgets, formulieren voor het verzamelen van e-mails van klanten en integraties met sociale media om de betrokkenheid en het behoud van klanten te verbeteren.
• Integraties met services van derden die je gebruikt voor je bedrijfsvoering.

Nadat je je aangepaste thema hebt aangemaakt, kun je het installeren en beheren in de site-editor:

1. Ga naar Online > Webshop (of Website) > Site bewerken.
2. Klik op Instellingen > Thema's.

De Instant Site-editor openen

Ga als volgt te werk om de Instant Site-editor te openen:

1. Ga in Retail POS naar Online > Webshop (of Website) > Site bewerken.

2. Klik op Site bewerken om de editor te openen.

   In de site-editor kun je je eigen inhoud, afbeeldingen en promotie toevoegen om een unieke website met een professionele look aan te maken.

   

   Voor elke sectie van de site kun je een lay-out, achtergrond en stijl kiezen. Alle wijzigingen die je aanbrengt, worden in realtime weergegeven in de site-editor.

   

3. Als je instellingen op de hele site wilt toepassen, klik je linksboven in de site-editor op Instellingen. Je kunt het thema van je website wijzigen, meer sitepagina's toevoegen, SEO aanpassen, de website vertalen, lettertypen kiezen, banners voor toestemming voor cookies en leeftijdsbevestiging inschakelen, en nog veel meer.

   Als je overschakelt naar een ander thema, worden wijzigingen die je in tekst en afbeeldingen hebt doorgevoerd, mogelijk overschreven. Maak voordat je een ander thema toepast eerst een back-up van alle tekst of afbeeldingen die je wilt behouden.

Meer informatie over het bijwerken van je site vind je bij Je Instant Site voor eCom (E-Series) configureren.

Wijzigingen van je site beheren

Met de bedieningselementen boven aan de editor kun je aanpassingen van de site bekijken en toepassen. Alle wijzigingen die je in de editor doorvoert, worden automatisch opgeslagen.

• Klik terwijl je aan het ontwerp van de site werkt op Voorbeeld om te controleren hoe bezoekers je pagina's te zien krijgen. Je kunt schakelen tussen desktop- en mobiele weergaven om te bekijken hoe de site op verschillende schermen wordt weergegeven.
• Wijzigingen worden pas doorgevoerd nadat je rechtsboven op Publiceren hebt geklikt.

• Wil je wijzigingen ongedaan maken en teruggaan naar de laatst gepubliceerde versie van de site, dan klik je op Alles annuleren > Niet-gepubliceerde wijzigingen annuleren.

  Wijzigingen die zijn gepubliceerd, kun je niet ongedaan maken; je kunt alleen teruggaan naar de laatst gepubliceerde versie van de site.

Een favicon toevoegen aan je site

Een favicon is een klein pictogram dat vóór de websitenaam op een browsertabblad wordt weergegeven. Het verschijnt ook in bladwijzers, de browsergeschiedenis, resultaten van zoekopdrachten in Google, gedeelde berichten op sociale media, enz. Met behulp van favicons valt je site beter op voor gebruikers en wordt de merkherkenning verbeterd.

De aanbevolen bestandsindeling voor een favicon is PNG, met een grootte van 192 х 192px, maar het is mogelijk om afbeeldingen van elke grootte te uploaden in de indeling JPG, PNG, JPEG2000, GIF, WEBP, TIFF of ICO. Je kunt een favicon maken met behulp van een online favicon-generator of een grafische editor.

Je kunt een favicon voor je eCom-website uploaden in de site-editor:

1. Ga in Retail POS naar Online > Webshop (of Website) > Site bewerken.
2. Klik op Instellingen > SEO & Delen > Sitefavicon.
3. Klik op + Favicon toevoegen of Favicon wijzigen.
4. Upload een afbeelding om te gebruiken voor de favicon.
5. Klik op Publiceren om de wijzigingen toe te passen.

Wil je een favicon verwijderen, dan klik je op Favicon verwijderen.

Aangepast ontwerp toepassen op Instant Site met CSS

Je kunt ook een aangepast ontwerp op je websitepagina's toepassen met behulp van CSS (Cascading Style Sheets). Met CSS kun je onder andere knoppen verbergen of kleuren wijzigen, lettertypen aanpassen en prijzen verbergen. Toegepaste CSS-code heeft een hogere prioriteit dan wijzigingen die via de Instant Site-editor zijn aangebracht.

Ga als volgt te werk om CSS toe te passen op je Instant Site:

1. Ga in Retail POS naar Online > Webshop (of Website) > Site bewerken.
2. Klik op Instellingen > Lettertypen & Stijlen.
3. Klik op Geavanceerde aangepaste CSS en voer de CSS-code in.
4. Klik op Publiceren om de wijzigingen toe te passen.

Door CSS-codes toe te voegen in de site-editor kun je code toepassen op alle Instant Site-pagina's. Om CSS-codes toe te voegen aan individuele sitepagina's, gebruik je secties met aangepaste code.