Website Indeling
Pas je homepage inhoud, hero sectie en inhoudssecties aan.
Overzicht
De Indeling sectie stelt je in staat om je AppSalon website homepage te ontwerpen en structureren. Je kunt de hero sectie aanpassen, inhoudssecties toevoegen, afbeeldingengalerijen maken en de afspraak boekingsknop configureren.
Waar te vinden: Instellingen → Website → Indeling
Hero Sectie
De hero sectie is het hoofd banner gebied bovenaan je homepage.
Hero Afbeelding/Video
Beschrijving: Upload een achtergrondafbeelding of video voor je homepage hero sectie.
Ondersteunde Formaten:
- Afbeeldingen: JPG, JPEG, PNG, WEBP
- Video's: MP4, WebM, OGG
Best Practices:
- Gebruik hoogwaardige afbeeldingen (aanbevolen: 1920x1080 of hoger)
- Zorg ervoor dat afbeeldingen geoptimaliseerd zijn voor web (gecomprimeerd maar hoogwaardig)
- Video's moeten kort en boeiend zijn (10-30 seconden aanbevolen)
Titel
Beschrijving: Hoofdkop die wordt weergegeven op de hero sectie.
Voorbeeld: "Welkom bij Onze Salon", "Boek Je Afspraak Vandaag"
Styling Opties:
- Tekst uitlijning (links, gecentreerd, rechts)
- Tekstkleur (donker, licht, of thema-gebaseerd)
- Hoofdletters optie
Ondertitel
Beschrijving: Ondersteunende tekst onder de titel.
Voorbeeld: "Professionele haar- en schoonheidsdiensten", "Plan je bezoek online"
Styling: Erft uitlijning en kleur van titel instellingen
Tekst Uitlijning
Opties:
- Links - Tekst links uitgelijnd
- Gecentreerd - Tekst gecentreerd (standaard)
- Rechts - Tekst rechts uitgelijnd
Tekstkleur
Opties:
- Donker - Donkere tekst (voor lichte achtergronden)
- Licht - Lichte tekst (voor donkere achtergronden)
- Thema - Gebruikt thema-gebaseerde kleuren
Hoofdletters
Beschrijving: Optie om de titel in hoofdletters weer te geven.
Gebruik: Voor nadruk of design consistentie
Inhoudssecties
Voeg inhoudssecties toe aan je homepage en pas ze aan.
Sectie Toevoegen
Beschrijving: Maak aangepaste inhoudssecties met tekst, afbeeldingen en HTML inhoud.
Functies:
- Rich text editor (Summernote)
- Afbeelding uploads
- HTML inhoud ondersteuning
- Aangepaste styling
Gebruik:
- Over ons sectie
- Diensten overzicht
- Speciale aanbiedingen
- Testimonials
- Contactinformatie
Galerij Toevoegen
Beschrijving: Voeg afbeeldingengalerijen toe om je werk, locatie of diensten te tonen.
Functies:
- Meerdere afbeelding uploads
- Afbeelding organisatie
- Responsieve grid weergave
Gebruik:
- Portfolio showcase
- Voor/na foto's
- Locatiefoto's
- Dienstvoorbeelden
Drag & Drop Herordenen
Beschrijving: Herorden secties door ze te slepen met het grip icoon.
Hoe te gebruiken:
- Hover over een sectie
- Klik en houd het grip icoon vast (⋮⋮)
- Sleep naar gewenste positie
- Laat los om te plaatsen
Opmerking: De volgorde die je hier instelt is de volgorde waarin secties op je website verschijnen.
Secties Bewerken/Verwijderen
Beschrijving: Wijzig of verwijder secties indien nodig.
- Bewerken - Werk sectie inhoud en instellingen bij
- Verwijderen - Verwijder sectie van homepage
Afspraak Knop
Configureer de afspraak boekingsknop die op je website verschijnt.
Knop Tekst
Beschrijving: Pas de knop label aan.
Standaard: "Boek Afspraak" of vergelijkbaar
Voorbeeld: "Boek Nu", "Plan Bezoek", "Maak Afspraak"
Tonen in Navigatiebalk
Instelling: Tonen in Navigatiebalk (checkbox)
Beschrijving: Schakel zichtbaarheid van de afspraak knop in de website navigatiebalk in of uit.
Opties:
- Ingeschakeld - Knop verschijnt in navigatiebalk
- Uitgeschakeld - Knop verschijnt alleen in inhoudssecties
Positie
Beschrijving: Bepaal waar de knop op de pagina verschijnt.
Opties:
- In navigatiebalk (indien ingeschakeld)
- In hero sectie
- In inhoudssecties
Preview
Je kunt je website op elk moment bekijken door op de "Bekijk website" knop te klikken in de Indeling sectie.
Website URL: https://appsalon.nl/[je-domein]
Best Practices
- Hero Sectie: Gebruik boeiende, hoogwaardige afbeeldingen die je bedrijf vertegenwoordigen
- Inhoudssecties: Houd secties beknopt en gefocust
- Afbeelding Optimalisatie: Comprimeer afbeeldingen voordat je ze uploadt voor snellere pagina laadtijden
- Mobiel Responsief: Test je layout op mobiele apparaten
- Call-to-Action: Maak de afspraak knop prominent en gemakkelijk te vinden