Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, lees dan hier meer.De koptekst...

Wix Harmony-editor: De koptekst van je website aanpassen

Ontdek hoe je de koptekst van je website kunt aanpassen in de nieuwe Wix Harmony-editor. Leer hoe je de achtergrond kunt kiezen, zoals kleuren, afbeeldingen of video's, en pas het ontwerp aan met randen, hoeken en schaduwen. Je kunt ook het gedrag van de koptekst wijzigen, zoals het overlappen van elementen of het toevoegen van scrolleffecten. Dit artikel biedt je de tools om een unieke en aantrekkelijke koptekst te creëren die past bij jouw stijl en de navigatie van je site verbetert.

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, lees dan hier meer.Organiseer ...

Wix Harmony-editor: Pagina's toevoegen en beheren

Ontdek hoe je pagina's kunt organiseren en beheren met de nieuwe Wix Harmony-editor. Leer hoe je nieuwe pagina's toevoegt, hun instellingen aanpast en de weergave van het paneel wijzigt voor een betere navigatie. Met opties zoals AI-gegenereerde pagina's en professioneel ontworpen sjablonen, kun je je website elegant en gebruiksvriendelijk maken. Beheer al je pagina-inhoud op één plek en optimaliseer voor SEO en toegankelijkheid om je bezoekers een geweldige ervaring te bieden.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-het-verschil-tussen-wix-editor-en-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Organiseer je pagina's om je website elegant, boeiend en verfijnd te houden. Nadat je een pagina hebt toegevoegd, kun je deze een nieuwe naam geven, ze instellen als je homepage, ze op het menu verbergen en het aanpassen aan je stijl. Je kunt ook kiezen hoe je je pagina's wilt bekijken: in een minimale lijstweergave of een visuele rasterweergave met paginavoorbeelden.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/9b3746bd-ee9c-4b9d-b516-c513fd5c0064/abc8fb83-48ba-41bf-962a-2c62dacaf2e0.png" alt="Screenshot van het websitepagina's-paneel in de Wix Harmony-editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Navigeren tussen pagina's:</div><div class="info-content"><div>Klik linksboven op de pagina op de <strong>Pagina</strong>-dropdown om ergens anders op je website te navigeren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-new-page" level="3">Een nieuwe pagina toevoegen</h2></div><div data-component-type="text"><div>Kies uit een reeks professioneel ontworpen pagina's van Wix of begin opnieuw met een lege pagina om je eigen visie tot leven te brengen. Elke nieuwe pagina die je toevoegt, verschijnt direct in je websitemenu, klaar voor gebruik.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een nieuwe websitepagina toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik linksboven op de <strong>pagina</strong> op de Pagina-dropdown.</li>  <li>(In het Websitepagina's-paneel) Klik onderaan op <strong>+ Pagina toevoegen</strong>.</li>  <li>Kies hoe je je nieuwe pagina wilt maken:
    <ul>
      <li><strong>Genereren met AI:</strong> Krijg pagina-ideeën en laat AI je pagina maken. Bekijk de voorgestelde paginatypes in de chat en kies het type dat je wilt toevoegen. Je kunt ook je eigen beschrijving schrijven van de pagina die je voor ogen hebt. </li>      <li><strong>Kies een ontwerp:</strong> Blader door onze ontworpen pagina templates en selecteer de template die je het best vindt.</li>      <li><strong>Lege pagina:</strong> Begin met een geheel lege pagina. De nieuwe pagina is toegevoegd aan je website, klaar om aan te passen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/24fc2dc2-e811-4677-8683-b2f0ba753c50/c02677c9-9fa4-4725-a1f8-82cf7af59848.png" alt="Screenshot, vanuit de Wix Harmony-editor, toevoegen en beheren pagina-opties die worden weergegeven. Weergegeven pagina-opties toevoegen." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-site-pages" level="3">De pagina's van je website beheren</h2></div><div data-component-type="text"><div>Beheer al je websitepagina's op één plek om je inhoud georganiseerd en up-to-date te houden. Voeg nieuwe pagina's toe, hernoem of verwijder bestaande, en pas belangrijke instellingen aan zoals SEO, ledentoegang en delen op social media.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/5b596023-d3ff-4a24-a81e-20fe4c83c14b/81167dae-e7dc-442a-a308-700faf90cb5b.png" alt="Screenshot van het pagina's beheren-paneel in de Wix Harmony-editor, Meer acties-menu wordt weergegeven." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De weergave van het paneel wijzigen:</div><div class="info-content"><div>Klik op het <strong>Raster</strong>- <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/ba3bb70f-7b8a-4e12-be88-e68c6ca16782/28a3230e-cfc3-4fdb-a11a-caf5556fc45d.png" /> of <strong>Lijst</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/86af03f0-710a-4b92-8061-b9311c31018e/e3b3fd8d-2f55-40ea-a399-b5e475a7119c.png" /> bovenaan het paneel om de weergave te wijzigen. De lijst is compacter, terwijl het raster een voorbeeld van elke pagina toont.  </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om je websitepagina's te beheren:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik linksboven op de pagina op de <strong>Pagina</strong>-dropdown.</li>  <li>(In het Websitepagina's-paneel) Klik naast de betreffende pagina op het <br />
<strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/16/207b5bd2-1894-4b71-a342-d5d859e4a03b/5aa7b874-694d-4e28-b7ce-c4af6370342f.png" />.</li>  <li>Kies wat je dan wilt doen: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Naam wijzigen</h4><div class="collapsible-content"><div>Geef je pagina's duidelijke, beschrijvende namen om bezoekers te helpen met vertrouwen te navigeren. Typ de nieuwe naam van de pagina en klik op <strong>Klaar</strong>. </div><div><br /></div><div><strong>Let op:</strong> Dit verandert automatisch de naam van de pagina op je websitemenu. Indien nodig kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-menus#managing-menu-items" target="">dat specifieke menu-item altijd hernoemen</a> zonder de naam van de pagina te beïnvloeden. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dupliceren</h4><div class="collapsible-content"><div>Dupliceer websitepagina's om tijd te besparen en je website er scherp en consistent uit te laten zien. Nadat je op <strong>Dupliceren</strong> hebt geklikt, geef je je nieuwe pagina een naam en begin je met bewerken. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Instellen als homepage</h4><div class="collapsible-content"><div>Maak van deze pagina de landingspagina van je website.<strong><br />
</strong></div><div><strong>Tip: </strong>Als je je huidige homepage wilt verwijderen, stel dan eerst een andere pagina in als homepage. Daarna kun je de oude veilig verwijderen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Verwijderen</h4><div class="collapsible-content"><div>Verwijder pagina's die je niet langer nodig hebt om je website gericht en bezoekervriendelijk te houden. Nadat je deze optie hebt geselecteerd, klik je in de pop-up op <strong>Pagina verwijderen</strong> om te bevestigen.</div><div><br />
<strong>Belangrijk:</strong> Als een pagina is gekoppeld aan een Wix-app (bijvoorbeeld: Blog, Stores, enzovoort), wordt door het verwijderen van de pagina ook de app verwijderd. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">SEO en toegankelijkheid</h4><div class="collapsible-content"><div>Kies welk gebied je wilt aanpassen:</div><ul>
  <li><strong>SEO: </strong>Stel in hoe de pagina wordt weergegeven in zoekmachines zoals Google. Doorloop de SEO-checklist en voeg eventuele ontbrekende instellingen toe (bijvoorbeeld: focus zoekwoord, title-tag) of klik op <strong>Optimaliseren met AI</strong> om het sneller gedaan te krijgen. </li>  <li><strong>Delen op social media: </strong>Stel in hoe de pagina eruitziet wanneer mensen deze delen op social media zoals Facebook, Instagram en Twitter. Klik door de checklist van de sociale netwerken of klik op <strong>Optimaliseren met AI</strong> om het sneller gedaan te krijgen. </li>  <li><strong>Toegankelijkheid: </strong>Scan deze pagina en los toegankelijkheidsproblemen op, zodat iedereen van je inhoud kan genieten. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Instellingen</h4><div class="collapsible-content"><div>Krijg een overzicht en pas alle instellingen van je pagina op één plek aan:</div><ul>
  <li><strong>Pagina-URL: </strong>Werk het einde van de URL van de pagina bij zodat het bij jouw stijl past. Je kunt de plaats van de pagina in de websitehiërarchie ook wijzigen door op het <strong>Meer opties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/de196a05-2ee9-4eb9-baeb-be180561e6da/00acf16a-501d-4b48-8726-f0d95db0a4a4.png" /> te klikken. </li>  <li><strong>Toegang: </strong>Bepaal wie toegang heeft tot deze pagina: iedereen, bezoekers met een wachtwoord of websiteleden (of specifieke rollen, badges en abonnementen). Om deze instelling te wijzigen, klik je op<strong> Toegang</strong> en dan op <strong>Toegang beheren</strong>.</li>  <li><strong>SEO:</strong><strong> </strong>Bekijk een voorbeeld van hoe deze pagina eruitziet in zoekresultaten. Klik op <strong>Naar taken</strong> om een checklist met SEO-taken voor elke pagina op je website te zien, zodat je je voortgang kunt volgen en je pagina's stap voor stap kunt optimaliseren.</li>  <li><strong>Toegankelijkheid:</strong><strong> </strong>Bekijk een voorbeeld van de bestaande toegankelijkheidsproblemen op je website. Klik op <strong>Website scannen </strong>om aan de slag te gaan of <strong>Problemen oplossen</strong> als je je website eerder hebt gescand.</li>  <li><strong>Delen op social media: </strong>Bekijk een voorbeeld van hoe deze pagina eruitziet wanneer deze op social media wordt gedeeld. Klik op<strong> Aanpassen </strong>om een titel, beschrijving en voorbeeldafbeelding in te stellen voor elk social media-platform.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Klik op een vraag hieronder om meer te lezen. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik de breedte van mijn pagina bewerken?</h4><div class="collapsible-content"><div>In de Wix Harmony-editor is je pagina ontworpen voor een desktopbreedte van 1280 pixels en een mobiele breedte van 390 pixels.</div><div><br /></div><div>Je hoeft je geen zorgen te maken over het instellen van een aangepaste paginabreedte: Wix Harmony past je website automatisch aan om er op elk scherm mooi uit te zien. Elementen op je pagina schalen proportioneel of behouden hun breedte ten opzichte van de schermgrootte, zodat je inhoud er altijd goed uitziet voor je bezoekers.</div><div><br /></div><div><strong>Tip: </strong>Sleep in <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-een-voorbeeld-van-je-website-bekijken-en-deze-publiceren" target="">de voorbeeldmodus</a> de schermgrootte-schuifregelaar bovenaan om te zien hoe het ontwerp zich aanpast.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een pagina van mijn website downloaden?</h4><div class="collapsible-content"><div>Het is niet mogelijk om een Wix-website of een pagina ervan te downloaden, omdat de editor constant in verbinding moet staan met onze servers. Als zodanig is het niet mogelijk om offline te werken of websitepagina's op je computer op te slaan.<br />
<br />
Je kunt echter op <strong>Ctrl + P</strong> op je toetsenbord drukken om de pagina als PDF op te slaan of een screenshot van de pagina maken.</div></div></div></div>

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Har...

Wix Harmony-editor: Met DOM-volgorde werken

Leer hoe je de DOM-volgorde van je website kunt optimaliseren met de Wix Harmony-editor. Dit artikel legt uit waarom een duidelijke DOM-structuur belangrijk is voor toegankelijkheid, prestaties en zoekmachine-ranking. Ontdek hoe je de DOM-volgorde handmatig kunt aanpassen en testen, zodat je website beter presteert en toegankelijker wordt voor alle bezoekers.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-het-verschil-tussen-wix-editor-en-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>De Document Object Model (DOM)-volgorde verwijst naar hoe je websitepagina's zijn gestructureerd. Het bepaalt de laad- en selectievolgorde van de elementen van je pagina — wat als eerste komt, dan als tweede, enzovoort.</div></div><div data-component-type="text"><div>Het hebben van een duidelijke, logische DOM-volgorde kan je website op een aantal manieren optimaliseren. Gebruik de informatie in dit artikel om meer te lezen over waarom DOM belangrijk is en hoe je ermee kunt werken. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Waarom DOM-volgorde belangrijk is</h2></div><div data-component-type="text"><div>Website-DOM is de laad- en leesvolgorde van elementen op websitepagina's en kan van invloed zijn op de:</div></div><div data-component-type="text"><ul>
  <li><strong>Toegankelijkheid: </strong>Sommige websitebezoekers kunnen de Tab-toets, een schermlezer of andere ondersteunende technologieën gebruiken om door je website te navigeren. Deze technologieën zijn afhankelijk van de DOM-volgorde om de volgorde te weten om elementen te selecteren of te lezen. </li>  <li><strong>Prestaties:</strong> DOM bepaalt de volgorde waarin elementen op een website worden geladen. Als het niet overeenkomt met de visuele volgorde van elementen, kan dit het laden van de website beïnvloeden (het kan bijvoorbeeld de indeling van de pagina verschuiven terwijl de inhoud wordt geladen).</li>  <li><strong>Ranking van zoekresultaten:</strong> Zoekmachines gebruiken DOM om de volgorde te bepalen waarin een website is gecrawld (van links naar rechts en van boven naar beneden). Een ongeorganiseerde of onjuiste DOM kan ervoor zorgen dat de zoekmachine de inhoud in de verkeerde volgorde 'leest' en de inhoud verkeerd begrijpt.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je de DOM-volgorde van je website testen?</div><div class="info-content"><div>Je kunt de automatische DOM-volgorde van een website testen door de Tab-toets van je toetsenbord te gebruiken of een schermlezer op de live versie van de website.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-adjusting-the-dom-order" level="3">De DOM-volgorde handmatig aanpassen</h2></div><div data-component-type="text"><div>Wix organiseert standaard automatisch de DOM-volgorde van je website, waardoor de pagina-inhoud geoptimaliseerd blijft voor prestaties en ranking. Je kunt de DOM-volgorde van specifieke onderdelen en containers echter handmatig aanpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om automatische DOM uit te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik linksonder in de editor op het <strong>Lagen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/8b9c0589-c455-431a-8224-b36d2ff50988/8391824e-7092-493c-8278-53c4a215ed8b.png" />.</li>  <li>(In het Lagen-paneel) Klik naast het relevante onderdeel of container op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" />.</li>  <li>Klik naast <strong>DOM-volgorde optimaliseren</strong> op <strong>Aan </strong>om dit uit te schakelen.</li>  <li>Sleep de relevante elementen in de gewenste volgorde.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-dom-order-in-the-accessibility-wizard" level="3">De DOM-volgorde aanpassen in de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Je wordt mogelijk gevraagd om automatisch de DOM-volgorde te ordenen in <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-using-the-accessibility-wizard" target="">de Toegankelijkheidswizard</a>. Deze kan onder specifieke pagina's of voor de hele website verschijnen:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemen op websiteniveau: </strong>Verschillende talen hebben verschillende leesrichtingen (bijvoorbeeld: Nederlands leest van links naar rechts en Arabisch wordt gelezen van rechts naar links). Deze taak wordt weergegeven wanneer de leesrichting van de taal van de website niet is uitgelijnd met de visuele volgorde van je elementen.</li>  <li><strong>Paginaproblemen:</strong> Deze taak wordt weergegeven wanneer DOM is uitgeschakeld op ten minste een van de onderdelen of containers van de pagina. </li></ul></div><div data-component-type="heading"><h2 id="" level="4">Om de DOM-volgorde te organiseren met de wizard:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik linksboven in de editor op de naam van je website.</li>  <li>Scrol omlaag naar <strong>Toegankelijkheid</strong> en klik op <strong>Problemen oplossen</strong>.</li>  <li>Klik op <strong>Website scannen</strong>.</li>  <li>Organiseer de DOM-volgorde met het taaktype:
    <ul>
      <li><strong>Websiteniveau: </strong>Selecteer de <strong>Websiteniveau</strong>-dropdown.</li>      <li><strong>Paginaniveau: </strong>
        <ol>
          <li>Klik op de relevante paginaverzameling (bijvoorbeeld: Hoofdpagina's, Winkelpagina's).</li>          <li>Klik op de specifieke pagina.</li>        </ol>      </li>    </ul>  </li>  <li>Klik op de <strong>DOM-volgorde organiseren</strong>-dropdown.</li>  <li>Selecteer<strong> Automatisch (aanbevolen)</strong>.</li>  <li>Klik op <strong>Toepassen</strong>.</li>  <li>(Optioneel) Controleer de visuele weergave van website-elementen om er zeker van te zijn dat ze zijn uitgelijnd.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de toegankelijkheidsinformatie?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>We hebben onze richtlijnen gebaseerd op de volgende succescriteria:
    <ul>
      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html" target="_blank">Betekenisvolle reeks (1.32)</a></li>      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html" target="_blank">Focusvolgorde (2.43)</a></li>    </ul>  </li></ul></div></div></div>

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Harm...

Wix Harmony-editor: De voettekst van je website aanpassen

Ontdek hoe je de voettekst van je website kunt aanpassen in de Wix Harmony-editor. Leer hoe je elementen zoals contactgegevens, sociale media-links en aangepaste menu's kunt toevoegen en personaliseren om je merk te weerspiegelen. Pas de achtergrond, randen en animaties aan voor een unieke uitstraling. Met deze aanpassingen verbeter je de gebruikerservaring en zorg je ervoor dat bezoekers belangrijke informatie gemakkelijk kunnen vinden.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-het-verschil-tussen-wix-editor-en-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Zie je voettekst als de handtekening van je website onderaan elke pagina — het is de perfecte plek voor contactgegevens, auteursrechten, een <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-menus" target="">aangepast menu</a> of social media-links. Voeg elementen toe, wijzig het formaat om meer ruimte te maken en ontwerp de voettekst naar behoefte. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-sites-footer" level="3">De voettekst van je website aanpassen</h2></div><div data-component-type="text"><div>Personaliseer de achtergrond, randen, scheidingslijnen en animatie van je voettekst totdat ze je merk weerspiegelen. Gebruik de formaatgreep om de voettekst zo ruim of minimaal te maken als je wilt. Wil je meer informatie delen? Maak je voettekst groter. Geef je de voorkeur aan een strakke, eenvoudige look? Houd het klein. De keuze is aan jou.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de voettekst van je website aan te passen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik op de voettekst.</li>  <li>Kies wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De voettekst ontwerpen</h4><div class="collapsible-content"><div>Kies wat je wilt aanpassen op de actiebalk:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-shape-dividers" target=""><strong>Shape divider</strong></a><strong>:</strong> Klik op het <strong>Shape divider</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/4f682f1f-044c-40b3-b6f4-eac38cc953c1/034ee741-d587-4f86-8981-b89c81a4baea.png" /> om een regel toe te voegen of te bewerken om je voettekst visueel te scheiden van de rest van de pagina. </li>  <li><strong>Randen:</strong> Klik op het <strong>Randen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/d2c09aa9-a76a-4f66-8a1c-edc0567a06fe/2ff6a260-07b8-433f-9b6b-7c9fc29e74d2.png" /> om randen rond je voettekst toe te voegen of aan te passen. Wijzig de kleur, breedte en stijl van de rand.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-de-achtergrond-van-je-onderdeel-aanpassen" target=""><strong>Achtergrond vervangen</strong></a><strong>:</strong> Klik op <strong>Achtergrond vervangen</strong> om de achtergrond van je voettekst te wijzigen door een kleur, een afbeelding of een video te selecteren.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-an-animation" target=""><strong>Animaties</strong></a><strong>:</strong> Klik op het <strong>Animatie</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/3eddbec0-ca54-4b38-8b2c-a4a1509f3ff9/7714e774-161c-44bc-aa0d-4ef93eb6de50.png" /> om je voettekst te laten in- of uitvloeien wanneer de pagina wordt geladen. </li></ul>  </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Formaat van de voettekst wijzigen</h4><div class="collapsible-content"><div>Houd de uitrekbare greep onderaan je voettekst vast en sleep deze naar de grootte die voor jou werkt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De voettekst verbergen</h4><div class="collapsible-content"><div>Klik met de rechtermuisknop op de voettekst en selecteer <strong>Voettekst verbergen</strong> om de voettekst van deze specifieke pagina te verwijderen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elementen toevoegen aan de voettekst</h4><div class="collapsible-content"><div>Voeg de gewenste elementen toe aan de voettekst. De voettekst is bijvoorbeeld een goede plek om links naar je social media-pagina's te delen of een aangepast menu om navigatie gemakkelijker te maken. </div><ol>
  <li>Klik linksboven in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Kies het element dat je wilt toevoegen, zoals <strong>Menu</strong>.</li>  <li>Sleep het door jou gekozen element naar het voettekstgebied.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-met-elementen-werken" target="">Plaats de elementen en pas ze aan</a> zoals je wilt.</li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Klik op een vraag hieronder om meer te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een onderdeel onder mijn voettekst toevoegen of er een kopie van maken?</h4><div class="collapsible-content"><div>Je kunt geen ander onderdeel onder je voettekst toevoegen of dupliceren. Je website heeft 1 enkele voettekst, waardoor dingen eenvoudig en consistent blijven.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik verschillende soorten voetteksten maken op mijn website?</h4><div class="collapsible-content"><div>Nee, elke pagina deelt dezelfde voettekststijl en inhoud. Op die manier weten je bezoekers altijd waar ze je belangrijke informatie kunnen vinden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Moet ik een menu aan mijn voettekst toevoegen? </h4><div class="collapsible-content"><div>Hoewel het niet verplicht is, raden we <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-menus" target="">aan een aangepast menu aan je voettekst toe te voegen</a>, omdat het bezoekers kan helpen snel belangrijke pagina's te vinden die je misschien liever verbergt op het websitemenu (bijvoorbeeld: je privacybeleid, sitemap, enzovoort). </div><div><br /></div><div>Het helpt zoekmachines ook om je websitestructuur beter te begrijpen, wat je ranking in zoekresultaten kan verbeteren. </div></div></div></div>

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, lees dan hier meer.Menu's make...

Wix Harmony-editor: Menu's toevoegen en beheren

Leer hoe je menu's toevoegt en aanpast in de Wix Harmony-editor om de navigatie op je website te verbeteren. Ontdek hoe je verschillende menu-indelingen kunt kiezen, zoals horizontaal, verticaal of hamburger-menu, en hoe je specifieke pagina's en links kunt beheren. Met deze aanpassingen maak je het voor bezoekers gemakkelijker om je aanbod te verkennen, ongeacht het apparaat dat ze gebruiken.

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, bekijk dan hier meer.Onderdele...

Wix Harmony-editor: Onderdelen toevoegen en aanpassen

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om onderdelen aan je website toe te voegen en aan te passen. Leer hoe je inhoud kunt organiseren met verschillende indelingen, AI-gegenereerde onderdelen kunt maken, en het ontwerp van elk onderdeel kunt personaliseren met achtergronden, randen en animaties. Deze gids helpt je om je site visueel aantrekkelijker te maken en de gebruikerservaring te verbeteren.

Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de Wix...

Wix Harmony-editor: Hamburger-menu's gebruiken

Ontdek hoe je een hamburger-menu toevoegt en aanpast in de Wix Harmony-editor. Dit artikel biedt je de tools om het menu te personaliseren, inclusief het aanpassen van de knop die het menu opent en sluit, en het ontwerpen van de container waarin het menu verschijnt. Met deze aanpassingen verbeter je de navigatie van je website en zorg je voor een aantrekkelijke gebruikerservaring.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in januari 2026 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de Wix Editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-het-verschil-tussen-wix-editor-en-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Hamburger-menu's bieden een strakke, ruimte-vriendelijke oplossing die alleen verschijnt wanneer bezoekers op het menupictogram klikken. </div><div><br /></div><div>Je hebt volledige controle over de ontwerpelementen van het hamburger-menu, zodat je het kunt aanpassen aan jouw specifieke huisstijl en uitstraling. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-hamburger-menu" level="3">Een hamburger-menu toevoegen</h2></div><div data-component-type="text"><div>Er zijn 2 eenvoudige manieren om een hamburger-menu aan je website toe te voegen. Je kunt een gloednieuwe hamburger-menu toevoegen vanuit het Elementen toevoegen-paneel of snel een bestaand menu omtoveren naar de hamburger-stijl, rechtstreeks vanuit de actiebalk. </div></div><div data-component-type="heading"><h2 id="" level="4">Om een hamburger-menu toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Kies wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een nieuw hamburger-menu toevoegen</h4><div class="collapsible-content"><ol>
  <li>Klik linksboven in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Selecteer de <strong>Menu</strong>-categorie.</li>  <li>Selecteer het <strong>Hamburger-menu</strong>-tabblad.</li>  <li>Sleep het relevante menu naar de gewenste locatie op de pagina. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De bestaande indeling wijzigen naar hamburger</h4><div class="collapsible-content"><ol>
  <li>Klik op het betreffende menu. </li>  <li>Klik op de actiebalk op <strong>Indeling wijzigen</strong>.</li>  <li>Selecteer <strong>Hamburger</strong> onder <strong>Menu</strong>.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wist je dat...</div><div class="info-content"><div>.. wanneer je een horizontaal of verticaal menu toevoegt aan je koptekst op desktop, het automatisch een hamburger-menu wordt op mobiel. Dit zorgt ervoor dat je bezoekers vanaf alle apparaten toegang hebben tot je menu. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-opens-the-menu" level="3">De knop die het menu opent, aanpassen</h2></div><div data-component-type="text"><div>Je hamburger-menu-knop is een belangrijk onderdeel van de navigatie van je website en je kunt deze eenvoudig laten passen bij jouw stijl. Pas het pictogram en de tekst aan om precies te zeggen wat je wilt en verfijn dan de ontwerpgegevens — tot de kleuren, afstand en animatie.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de 'Openen'-knop aan te passen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik op het Hamburger-menu-pictogram. </li>  <li>Kies hoe je de knop wilt aanpassen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het pictogram vervangen</h4><div class="collapsible-content"><ol>
  <li>Klik op de actiebalk op <strong>Pictogram personaliseren</strong>. </li>  <li>Kies of je pictogram <strong>Statisch</strong> of<strong> Geanimeerd</strong> is.<br />
<strong>Tip: </strong>Je kunt op <strong>Geanimeerd pictogram maken </strong>klikken om je eigen pictogram te maken met een begin- en een eindpictogram.</li>  <li>Klik onder <strong>Kies een pictogram</strong> op het <strong>Vervangen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" />.</li>  <li>Selecteer een nieuw pictogram uit de Media Manager en klik op <strong>Bijwerken</strong>.</li>  <li>(Voor geanimeerde pictogrammen) Stel de duur van de animatie in. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Stel de tekst van de knop in</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op het <strong>Instellingen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/24/eb26b96f-1f9f-4533-aaaa-03d7d336eeba/fbc225b1-33f6-46f0-85a6-df1bee41e60c.png" />.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li>Voer tekst in die naast het pictogram op de knop verschijnt (bijvoorbeeld: 'Menu', 'Open').</li>      <li>Vervang het pictogram waarop bezoekers klikken om het menu te openen.</li>      <li>Voeg een toegankelijke naam (alt-tekst) toe die het pictogram beschrijft voor zoekmachines en schermlezers.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De knop ontwerpen</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" />.</li>  <li>Selecteer het relevante deel van de knop onder <strong>Kies wat je wilt ontwerpen:</strong>
    <ul>
      <li><strong>Openen-knop: </strong><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-elementen-ontwerpen">Ontwerp</a> de knop als geheel: de vulkleur, rand, hoeken, schaduw, afstand, uitlijning en meer.</li>      <li><strong>Tekst: </strong>Bepaal het ontwerp en de opmaak van de tekst die naast het pictogram op de hamburger-menuknop verschijnt.</li>      <li><strong>Geanimeerd pictogram: </strong>Wijzig de kleur, grootte en rotatiehoek van het pictogram.</li>    </ul>  </li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-hamburger-menus-container" level="3">De container van het hamburger-menu aanpassen</h2></div><div data-component-type="text"><div>Wanneer bezoekers op je Hamburger-menupictogram klikken, wordt je websitemenu geopend in een ruime container met een overlay, waardoor het menu gemakkelijk te lezen is. Er is voldoende ruimte om te personaliseren — pas de container, het menu en de overlay aan de kleuren aan en voeg meer elementen toe, zoals je logo of een social media-balk. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de container van het hamburger-menu aan te passen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Open de container:
    <ol>
      <li>Klik op het Hamburger-menu-pictogram.</li>      <li>Klik op de <strong>Normale modus</strong>-dropdown en selecteer <strong>Hamburger-menu</strong>.</li>    </ol>  </li>  <li>Kies wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De container ontwerpen</h4><div class="collapsible-content"><div>Pas de container met je menu aan. Wijzig de achtergrondkleur, voeg randen toe, verplaats het menu en nog veel meer. </div><ol>
  <li>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" />.</li>  <li>Controleer of <strong>Hamburger-menu</strong> is geselecteerd onder <strong>Kies wat je wilt ontwerpen</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-elementen-ontwerpen">Ontwerp</a> de container:
    <ul>
      <li><strong>Opvulkleuren </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/48fc7a9b-f035-4716-afa5-2c6aa85795f5/725b11a7-b4c9-46bb-9637-3d7f3374e5e7.png" /><strong>: </strong>Wijzig de achtergrondkleur van de container en de overlay-kleur door een van je merkkleuren of een aangepaste kleur te kiezen.<br />
<strong>Tip: </strong>De overlay is een halftransparante laag die de pagina vervaagt en bezoekers zich op het menu laat concentreren.</li>      <li><strong>Rand </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/283c65bd-44e0-457e-8317-12e095da63e8/1cf1fd0d-545e-4618-902a-176c71af929c.png" /><strong>: </strong>Definieer de randen van je container zodat deze opvalt en kies een kleur, breedte en stijl. Klik op het <strong>Individuele randen bewerken</strong>-pictogram<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/07308240-4d35-4526-9583-8fd59df85e97/15386e65-92f9-4129-afaa-a0f7bc4be038.png" /><strong> </strong>om elke kant van de rand te ontwerpen.</li>      <li><strong>Hoeken </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/18a27fb2-7300-40a9-b8fa-01abfa7fcec3/668fa510-f756-468e-b0e5-27721128665e.png" /><strong>: </strong>Maak de hoeken van de container vierkanter of ronder door de schuifregelaar onder <strong>Radius</strong> te verslepen. Klik op het <strong>Individuele hoeken bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/7110092a-c0de-4bf1-b478-170dbc56fdfa/08e86672-1fee-42e8-8de3-f62c0da521c2.png" /> om elke hoek afzonderlijk te ontwerpen.</li>      <li><strong>Schaduw </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c58ddc92-ed60-4a11-b564-a010a97a891b/d4c7c831-59df-400c-a8f6-e2880427a247.png" /><strong>: </strong>Binnenste en buitenste schaduw toepassen om de container een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.</li>      <li><strong>Afstand </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/88aafdc3-34ab-4a89-950c-93728d9254cb/25ead64b-38c8-4e68-b922-c7b8446316af.png" /><strong>: </strong>Voeg ademruimte toe aan je inhoud door opvulling rond de container toe te voegen.</li>      <li><strong>Indeling </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/7b1799d3-88e3-4290-9ccf-71837d7132b6/dcbe8aef-b86f-43c7-944a-26a13bae5ea0.png" /><strong>: </strong>Bepaal waar alles moet worden gepositioneerd: de Sluiten-knop, het menu in de container en de container ten opzichte van de pagina. Je kiest hoeveel ruimte de container inneemt (bijvoorbeeld: derde van pagina, halve pagina, enzovoort).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het menu beheren en ontwerpen</h4><div class="collapsible-content"><ol>
  <li>Klik op het menu.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>De menu-items beheren: </strong>Klik op de actiebalk op <strong>Menu beheren</strong> en <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-menus-toevoegen-en-beheren#adding-and-managing-menu-items" target="">voeg menu-items toe, herschik of verwijder ze</a>. </li>      <li><strong>Het menu ontwerpen: </strong>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" />. Kies wat je wilt ontwerpen – de menu-items (bijvoorbeeld: lettertype, tekstkleur, afstand) of de menubalk (bijvoorbeeld: achtergrondkleur, itembreedte, ruimte tussen menu-items). </li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elementen toevoegen aan de container</h4><div class="collapsible-content"><div>Sleep elementen van het Elementen toevoegen-paneel naar de container. Je kunt bijvoorbeeld je logo, een social media-balk, informatie over een recente promotie of alles wat in je opkomt, weergeven. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Klaar met bewerken? </div><div class="info-content"><div>Klik naast <strong>Bewerken: Hamburger-menu</strong> in de zwevende balk op <strong>Klaar </strong>om terug te gaan naar je pagina.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-closes-the-menu" level="3">De knop die het menu sluit, aanpassen</h2></div><div data-component-type="text"><div>Personaliseer de knop waarop bezoekers klikken om het hamburger-menu te sluiten. Vervang het pictogram, voeg behulpzame tekst toe (bijvoorbeeld: 'Afsluiten') en ontwerp deze naar wens. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de Sluiten-knop aan te passen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Open de Sluiten-knop:
    <ol>
      <li>Selecteer het hamburger-menu-pictogram.</li>      <li>Klik op de <strong>Normale modus</strong>-dropdown en selecteer <strong>Hamburger-menu</strong>.</li>      <li>Klik op de Sluiten-knop.</li>    </ol>  </li>  <li>Kies op de actiebalk wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tekst aan het pictogram toevoegen</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op <strong>Tekst bewerken</strong>.</li>  <li>Voer de tekst in die je naast het pictogram wilt weergeven (bijvoorbeeld: 'Afsluiten', 'Sluiten').</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas het pictogram aan</h4><div class="collapsible-content"><ol>
  <li>Klik op de actiebalk op <strong>Pictogram personaliseren</strong>. </li>  <li>Kies of je pictogram <strong>Statisch</strong> of<strong> Geanimeerd</strong> is.<br />
<strong>Tip: </strong>Je kunt op <strong>Geanimeerd pictogram maken </strong>klikken om je eigen pictogram te maken met een begin- en een eindpictogram.</li>  <li>Klik onder <strong>Kies een pictogram</strong> op het <strong>Vervangen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" />.</li>  <li>Selecteer een nieuw pictogram uit de Media Manager en klik op <strong>Bijwerken</strong>.</li>  <li>(Voor geanimeerde pictogrammen) Stel de duur van de animatie in. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ontwerp de 'Sluiten'-knop</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" />.</li>  <li>Selecteer het relevante deel van het element onder <strong>Kies wat je wilt ontwerpen</strong>.
    <ul>
      <li><strong>Sluiten-knop: </strong><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-elementen-ontwerpen">Ontwerp</a> de knop als geheel: de vulkleur, rand, hoeken, schaduw, afstand, uitlijning en meer. Als je knop zowel pictogram als tekst bevat, kun je ook beslissen over hun positionering.</li>      <li><strong>Pictogram: </strong>Wijzig de grootte, kleur en hoek van het pictogram.</li>      <li><strong>Tekst: </strong>Ontwerp de tekst die naast het pictogram verschijnt. Wijzig het lettertype, de opmaak, de uitlijning, de tekenafstand en meer.</li>    </ul>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Klaar met bewerken? </div><div class="info-content"><div>Klik naast <strong>Bewerken: Hamburger-menu</strong> in de zwevende balk op <strong>Klaar </strong>om terug te gaan naar je pagina.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div>

Zo begin je

Een template kiezen

Een professional inhuren om je website te bouwen

Lees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.

Aan de slag

Hoe Wix gebruiken om je website en bedrijf te bouwen.

Wix Editor basis

De Editor-tools gebruiken

Paginastructuur

Stroken en kolommen

De structuur van je website

Een website ontwerpen

Pagina's

Menu's

Pagina's en menu's beheren

Tekst

Knoppen

Containers en vakken

Diavoorstellingen

Vormen en lijnen

Elementen toevoegen en aanpassen

Afbeeldingen

Galerijen

Video

Documents and files

Bestanden en media toevoegen

Met elementen werken

Effecten en animaties gebruiken

Een website delen en promoten

Meer

Mobiele tools

Pagina's op mobiel

Achtergrond op mobiel

Indeling van de mobiele website

Websitemenu op mobiel

Tekst op de mobiele site

Media op de mobiele site

Andere elementen op mobiel

Problemen oplossen

De mobiele Editor

Problemen met je Editor-website oplossen

De Wix Editor gebruiken

Het dashboard van je website gebruiken

Websites beheren

Rollen en machtigingen beheren

Websitebeheer

Aan de slag met AI

AI gebruiken om je website te maken en te beheren

AI gebruiken om je bedrijf op te richten

AI-tools

Aan de slag met de editor

De editor-tools gebruiken

Elementen toevoegen en personaliseren

Animaties en effecten toevoegen

Het merk van je website

Je website ontwerpen

Problemen met je website oplossen

De Wix Harmony-editor gebruiken

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

Aan de slag met Wixel

Projecten maken en beheren

Ontwerpen met Wixel

Upgraden en accountbeheer

Wixel

Mediabeheer

Wix Multilingual basis

Een website vertalen

Talen beheren

SEO in Wix Multilingual

Een meertalige website maken

Privacy en de AVG (GDPR)

Over toegankelijkheid

Een website toegankelijk maken

Geavanceerde toegankelijkheidsfuncties

Een toegankelijke website maken

Over het CMS

CMS-verzamelingen beheren

Verzamelingsinhoud aan je website koppelen

Met dynamische pagina's en het CMS werken

Gebruikersinvoer aan het CMS koppelen

Het CMS met andere Wix-producten gebruiken

Geavanceerde CMS-functies

Wix voor developers

Testwebsites

SSO-logins

Wix Blocks

Geavanceerde functies

Aan de slag met Wix Vibe

Een Wix Vibe-website beheren

Een Wix Vibe-website personaliseren

Een Wix Vibe-website publiceren

Wix Vibe gebruiken

Lees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.

Een website maken

Ontwerp en beheer je website met slimmme functionaliteiten.

Accountinstellingen wijzigen

Inlogproblemen

Accountbeheer

Naar een Premiumpakket upgraden

Facturering voor Premiumpakketten

Facturering voor domeinen

Facturering voor zakelijke e-mail van Google Workspace

Abonnementsbeheer

Kosten, betalingen en belasting

Facturen voor Wix-diensten

Promoties en vouchers gebruiken

Facturering en premium abonnementen

Bekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.

Account en facturering

Beheer abonnementen, pakketten en facturen.

Websitebeheer via de Wix-app

Mobiele apps basis

Een eigen mobiele app aanpassen

Een eigen mobiele app beheren

Een eigen mobiele app ter goedkeuring indienen

Een eigen mobiele app maken

Een website op de Wix Leden-apps bewerken

Een website op de Wix Leden-apps beheren

Spaces by Wix

De Wix Leden-apps gebruiken

Mobiele apps voor je klanten

Gebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.

De mobiele Wix-apps gebruiken

Run je bedrijf en kom in contact met leden.

Domeinen basis

Wix-domeinen

Elders gekochte domeinen

Domeinen overzetten

Domeinbeheer

Domeinproblemen oplossen

Lees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.

Een domein koppelen

Lees hoe je een domein koopt, koppelt of overzet.

Een webshop instellen

Producten en categorieën beheren

Verzending en afhandeling instellen

Betalingen en checkout instellen

Een webshop ontwerpen

Bestellingen beheren

Voorraad beheren

Het ledengedeelte beheren

E-mails van je webshop beheren

Winkelkortingen promoten

Dropshipping met Wix Stores

Verkoopkanalen instellen

De Wix-app voor Wix Stores

Wix Stores upgraden

Wix Stores

Wix Bookings instellen

Diensten aanmaken

Medewerkers beheren

Agenda en reserveringen beheren

Lidmaatschappen, pakketten en betalingen

Wix Bookings-pagina's aanpassen

E-mail, SMS, en promoties

De Wix-app gebruiken om reserveringen te beheren

Videoconferenties met Wix Bookings

Fit by Wix

Inquiry Services

Wix Bookings

Wix Events instellen

Een evenement aanmaken

Evenementen ontwerpen

Evenementen beheren

Gasten beheren

Ticketverkoop

Een evenement promoten

De Wix-app voor Wix Events

Check-in by Wix voor Wix Events

Wix Events

Zakelijke oplossingen en apps

Vind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.

Je bedrijf beheren

De juiste tools om je bedrijf op het web te laten groeien.