De koptekst van je website zet de toon voor elke pagina, helpt bezoekers hun weg te vinden en pronkt met je persoonlijke stijl. In de Wix Harmony-editor kun je alles aanpassen, van achtergronden en ra...

Wix Harmony: De koptekst van je website aanpassen

Ontdek hoe je de koptekst van je website kunt aanpassen in de Wix Harmony-editor om een unieke uitstraling te creëren. Pas de achtergrond aan met kleuren, afbeeldingen of video's, en ontwerp je koptekst verder met randen, hoeken en schaduwen. Leer ook hoe je scroll-effecten toevoegt en de overlap van de koptekst instelt voor een moderne look. Dit artikel helpt je om een aantrekkelijke en functionele navigatie-ervaring voor je bezoekers te realiseren.

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: Pagina's toevoegen en beheren

Ontdek hoe je pagina's kunt organiseren en beheren met de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. Leer hoe je nieuwe pagina's toevoegt, deze een naam geeft, en ze aanpast aan jouw stijl. Beheer al je pagina's op één plek, pas belangrijke instellingen aan zoals SEO en toegankelijkheid, en kies tussen verschillende weergaven om je inhoud overzichtelijk te houden. Met deze tips maak je je website elegant en gebruiksvriendelijk.

<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 vorige editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-the-difference-between-wix-editor-and-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="informative"><div class="info-container" info-color="green"><div class="info-title">Navigeren tussen pagina's:</div><div class="info-content"><div>Klik bovenaan de editor op de Pagina-dropdown om het Websitepagina's-paneel te openen en naar een andere pagina te navigeren.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/11/07/8dbb834c-3586-4ae0-86bc-8ec4681cc307/42b24bcb-2d7f-40bd-abf1-ae4844668922.png" /></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 bovenaan de editor op de <strong>Pagina</strong>-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>      <li><strong>Verzamelingspagina:</strong> Geef inhoud uit een CMS-verzameling weer met behulp van een kant-en-klare template. Kies een <strong>Item</strong>-pagina om een enkel item of een <strong>Repeater</strong>-pagina te tonen om meerdere items te laten zien.</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/2025/11/05/a8735f15-eccf-4fb8-943d-0765aa01ca90/2ce7e098-61ff-409b-a73f-96a0bcf8ca26.png" /></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="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 bovenaan de editor op de <strong>Pagina</strong>-dropdown. </li>  <li>Klik naast de betreffende pagina 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/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. Kies uit de volgende opties: </div><ul>
  <li><strong>Pagina dupliceren:</strong> Maak een duplicaat van de pagina. </li>  <li><strong>Deze pagina dynamisch maken</strong>: Hergebruik deze indeling om <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-website-met-meerdere-paginas-maken#use-dynamic-pages" target="">meerdere websitepagina's</a> te maken met inhoud uit een <a data-composite="true" href="https://support.wix.com/nl/article/cms-voorheen-content-manager-een-overzicht" target="">CMS</a>-verzameling.</li></ul>     </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 voor leden: </strong>Bepaal wie toegang heeft tot deze pagina: iedereen, bezoekers met een wachtwoord of websiteleden. Om deze instelling te wijzigen, klik je op <strong>Toegang leden</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.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/16/6a037465-194d-4ef8-bd09-35e07302f32c/196438fe-6cf5-43ed-bc2e-ba5dfcd4326d.png" /></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><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoeveel websitepagina's kan ik toevoegen?</h4><div class="collapsible-content"><div>Je Wix-website kan maximaal 298 pagina's hebben, inclusief maximaal 100 statische pagina's, plus dynamische pagina's, app-pagina's, pop-ups, Aanmelden en inloggen-pagina's en Zoekresultatenpagina's. </div><div><br /></div><div>Dynamische en app-pagina's kunnen unieke URL's voor items maken, maar alleen de hoofdpagina telt mee voor je quotum — individuele items of URL's niet. Lees meer over <a data-composite="true" href="https://support.wix.com/nl/article/cms-onbeperkt-aantal-websitepaginas-maken-met-een-dynamische-pagina" target="">efficiënt schalen met dynamische pagina's</a>.</div> </div></div></div>

Zorg ervoor dat je website er op zijn best uitziet en presteert met het Websiteoverzicht-paneel. Controleer belangrijke gegevens in een oogwenk, werk je gegevens bij en onderneem actie, rechtstreeks v...

Wix Harmony: Over je websiteoverzicht

Ontdek hoe je je website kunt optimaliseren met het Websiteoverzicht-paneel in Wix. Leer belangrijke gegevens in één oogopslag te controleren, je site aan te passen, en acties te ondernemen zonder de editor te verlaten. Van het koppelen van je domein tot het verbeteren van je SEO en toegankelijkheid, deze gids helpt je om je website aantrekkelijker en beter vindbaar te maken, zodat je meer bezoekers kunt aantrekken.

<div data-component-type="text"><div>Zorg ervoor dat je website er op zijn best uitziet en presteert met het Websiteoverzicht-paneel. Controleer belangrijke gegevens in een oogwenk, werk je gegevens bij en onderneem actie, rechtstreeks vanaf één plek, zonder de editor ooit te verlaten. Alles wat je nodig hebt voor een snelle website-check-in, is binnen handbereik.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-set-to-go-live" level="3">Je klaarmaken om live te gaan</h2></div><div data-component-type="text"><div>Controleer of je website live is en krijg het webadres rechtsboven in het paneel weergegeven. Klik op <strong>Domein koppelen </strong>om je eigen unieke URL te gebruiken. Voor dat extra vleugje huisstijl, klik je op <strong>Favicon toevoegen</strong> om je eigen favicon te uploaden. Dit is het pictogram dat naast de naam van je website verschijnt op het browsertabblad. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/95007ffa-b565-4bb2-9f01-2de6654ee60a/30c1d419-afb5-4c26-8aab-053cd68d5b68.png" alt="Het bovenste deel van het websiteoverzichtspaneel in de Wix Harmony-editor, met de URL, favicon en publicatiestatus" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjust-your-info-and-look-in-seconds" level="3">Je gegevens en uiterlijk binnen enkele seconden aanpassen</h2></div><div data-component-type="text"><div>Maak je website echt de jouwe door de naam, het bedrijfstype en de beschrijving direct bij te werken. Wijs het detail dat je wilt aanpassen aan en klik op het <strong>Bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c5d4588c-9de0-4948-9f43-0bcf2a7716eb/8c5682bf-289c-407e-8057-90ebadb13b91.png" />. Hoe meer je je gegevens personaliseert, hoe nuttiger en relevanter je door AI aangedreven suggesties zullen zijn. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/46879a53-f360-4739-abe7-80254fbd94d7/0f9a3be1-9c2d-4e60-b6ed-f05bba239926.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony-editor. Klik om de websitebeschrijving te bewerken." /></div></div><div data-component-type="text"><div>Je krijgt ook een snel voorbeeld van je huidige merkkleuren en lettertypen, zodat je ervoor kunt zorgen dat het ontwerp fris en relevant aanvoelt. Klik op <strong>Merk bewerken </strong>om het <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-over-merk" target="">Merk-paneel</a> te openen en je stijl op elk moment aan te passen. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/51e2226c-c45e-4f6e-967e-c6cba4e4a0e7/37a4f995-3557-4302-909b-62cab20fa333.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony Editor, met het merk-gedeelte" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-your-site-for-discovery" level="3">Je website optimaliseren om gevonden te worden</h2></div><div data-component-type="text"><div>Het is belangrijk om je vinger aan de vinger aan de pols te houden als het gaat om <a data-composite="true" href="https://support.wix.com/nl/article/zoekmachineoptimalisatie-seo" target="">SEO</a>. Het bepaalt hoe snel mensen je ontdekken op Google of via enige vorm van online zoekopdracht. Bekijk hoe je website er momenteel uitziet in de zoekresultaten en klik op <strong>Ga naar SEO-taken</strong> om de nodige stappen te voltooien om je gevonden te krijgen. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/4a632d73-7652-49f2-bedc-3e184ef70b24/f425dde2-0666-44c4-bdf9-afbcab8e3334.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony-editor, met het SEO-gedeelte" /></div></div><div data-component-type="text"><div>Bekijk in het <strong>Delen op social media</strong>-gedeelte hoe je website eruitziet wanneer mensen deze delen op social media, zoals Facebook, Instagram en X (Twitter). Klik op <strong>Aanpassen</strong> om je <a data-composite="true" href="https://support.wix.com/nl/article/de-instellingen-voor-delen-op-social-media-aanpassen-voor-de-paginas-van-je-website" target="">instellingen voor delen op social media</a> voor elke websitepagina aan te passen en unieke en informatieve inhoud toe te voegen waarnaar bezoekers op zoek zijn. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/3cb7e6f7-48eb-4f94-b35a-7ec8d13dd35f/04838a61-ce1d-4ba5-8663-a27151f816f1.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony-editor, met het Delen-gedeelte op social media" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="keep-your-site-accessible" level="3">Je website toegankelijk houden</h2></div><div data-component-type="text"><div>Een toegankelijke website betekent dat iedereen, ongeacht vermogen, toegang heeft tot je inhoud en ervan kan genieten. Controleer wanneer je voor het laatst een toegankelijkheidsscan hebt uitgevoerd en klik op <strong>Problemen bekijken</strong> om te zien wat de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> heeft gevonden, zodat je snel alles kunt oplossen en je website kunt openstellen voor meer mensen.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/23/6d52123a-795e-49df-862e-61581cb278f9/0bdd3424-7987-44c5-a7e3-dc42f2daeafc.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony-editor, met het toegankelijkheidsgedeelte" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="stay-updated-with-analytics" level="3">Op de hoogte blijven met analytics</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/over-wix-analytics-rapporten" target="">Wix Analytics</a> biedt veel verschillende rapporten waarmee je belangrijke inzichten kunt ontdekken. In het <strong>Analytics</strong>-gedeelte onderaan het overzicht kun je een momentopname zien van je totale websitebezoeken in de afgelopen week. </div></div><div data-component-type="text"><div>Klik op <strong>Analytics verkennen</strong> om een compleet overzicht te krijgen, zodat je je winsten kunt herkennen en je volgende grote zet kunt plannen.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/fde0df9d-1af2-4916-88e1-49190a7f067b/cddfde61-597b-4577-afbb-cf388ca9482e.png" alt="Het Websiteoverzicht-paneel in de Wix Harmony-editor, met het Analytics-gedeelte:" /></div></div>

In de Wix Harmony-editor kunnen jij en je team tegelijkertijd aan je website werken — zonder wachten of onderbrekingen. Zie updates van anderen binnen enkele seconden verschijnen en zie gemakkelijk wi...

Wix Harmony: Samen een website bewerken

Ontdek hoe je met je team tegelijkertijd aan je website kunt werken in de Wix Harmony-editor, zonder onderbrekingen. Leer medewerkers uit te nodigen en hun rollen en machtigingen te beheren, zodat iedereen efficiënt kan bijdragen. Je ziet direct wie er aan de site werkt en kunt bewerkingsconflicten voorkomen. Dit artikel helpt je om samen te werken en de productiviteit van je team te verhogen.

<div data-component-type="text"><div>In de Wix Harmony-editor kunnen jij en je team tegelijkertijd aan je website werken — zonder wachten of onderbrekingen. Zie updates van anderen binnen enkele seconden verschijnen en zie gemakkelijk wie elk element of pagina bewerkt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="inviting-collaborators-to-your-site" level="3">Medewerkers uitnodigen voor je website</h2></div><div data-component-type="text"><div>Wanneer je mensen uitnodigt om met je samen te werken, kies je welke <a data-composite="true" href="https://support.wix.com/nl/article/rollen-en-machtigingen-overzicht" target="">rol(len)</a> ze krijgen. We bieden een heleboel <a data-composite="true" href="https://support.wix.com/nl/article/rollen-en-machtigingen-overzicht#general-roles-for-site-management" target="">vooraf gedefinieerde rollen</a>, zoals Websiteontwerper of Inhoudsschrijver, die al zijn ingesteld met de relevante machtigingen. Je hebt echter de vrijheid om <a data-composite="true" href="https://support.wix.com/nl/article/rollen-en-machtigingen-gepersonaliseerde-rollen-voor-medewerkers-creëren" target="">aangepaste rollen te maken</a> en de gebieden te kiezen waartoe je wilt dat de medewerker toegang heeft.</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>...je mensen kunt uitnodigen om samen te werken terwijl je in je editor werkt. Je hoeft het dashboard niet te openen. Klik linksboven op het <strong>Wix</strong>-pictogram, wijs <strong>Websiteacties</strong> aan en selecteer <strong>Medewerkers uitnodigen</strong>.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/06d89c6b-1cf5-4810-94ae-2809e1fe24ad/50d3f426-2b55-45d4-a467-21391eba9720.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-together-in-the-editor" level="3">Samenwerken in de editor</h2></div><div data-component-type="text"><div>Je kunt altijd zien wie met je samenwerkt in de editor. Wijs een foto aan om hun naam, e-mail en huidige pagina te zien.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/c1817908-f36c-463f-83aa-edefce19f4c6/d00f1485-3fcf-4623-b730-fe15110c971d.png" alt="Door de afbeelding van een medewerker aan te wijzen in de Wix accordeon, met hun naam, e-mail en huidige pagina" /></div></div><div data-component-type="text"><div>Als je op de afbeelding klikt, ga je naar de pagina waaraan die persoon momenteel werkt. Je kunt zelfs zien welk element ze hebben geselecteerd, waardoor bewerkingsconflicten worden voorkomen. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/3868d590-ecec-49fd-9369-91b53ba8df20/6a972c6e-05c3-4fc4-8f86-22e11ed6da3a.png" alt="een tekstvak met een groen kader eromheen en een label met de naam van een medewerker, om aan te geven dat ze het element hebben geselecteerd" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>Wanneer een medewerker inlogt en zich bij je voegt in de editor, krijg je een handige melding. </div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/1c114d32-9acd-4ff3-ac51-7fef00609ea0/9c76563f-0d56-4c6c-89de-bd640c60191c.png" alt="Een banner in de Wix accordeon-editor. een melding dat een medewerker nu ook werkt in de editor" /></div></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">Waarom zijn sommige acties grijs (uitgeschakeld) voor mijn medewerkers?</h4><div class="collapsible-content"><div>Als een actie niet-klikbaar is en grijs wordt weergegeven voor je medewerker, betekent dit dat hun rol niet de relevante machtiging bevat. Als je die actie aanwijst, zie je een bericht met het advies om contact met je op te nemen, de website-eigenaar. </div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/nl/article/rollen-en-machtigingen-de-rol-van-een-medewerker-wijzigen" target="">Wijzig hun rol</a> om je medewerker meer acties te laten uitvoeren. Je kunt meer rollen toevoegen of een <a data-composite="true" href="https://support.wix.com/nl/article/rollen-en-machtigingen-gepersonaliseerde-rollen-voor-medewerkers-creëren" target="">aangepaste rol</a> maken met de exacte machtigingen die je wilt dat deze persoon heeft. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/7fb4e417-e9a1-424e-952a-a85634159821/5f973a4e-84c8-44bb-8463-2ee12a8eda1f.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een geschiedenis zien van wie wat heeft gewijzigd?</h4><div class="collapsible-content"><div>Je kunt je <a data-composite="true" href="https://support.wix.com/nl/article/websitegeschiedenis-bekijken-en-beheren" target="">websitegeschiedenis</a> controleren om te zien wie elke versie van je website heeft gepubliceerd. De versies hebben een datum- en tijdstempel en bevatten het e-mailadres van de persoon die de update heeft uitgevoerd.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/0fc370dc-1c7c-4077-a4bc-10c3508a9662/3a20c5d1-99d2-4d99-9658-d148057ebd4e.png" alt="De Websitegeschiedenis-pagina, met de 2 meest recente publicatielogboeken en de gegevens van de persoon die heeft gepubliceerd" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat gebeurt er als 2 mensen per ongeluk aan hetzelfde element werken?</h4><div class="collapsible-content"><div>Omdat de editor automatisch de meest recente wijzigingen opslaat, kunnen hun acties overschrijven en worden slechts sommige wijzigingen (van beide kanten) opgeslagen.</div><div><br /></div><div>Om ongelukjes bij het bewerken te voorkomen, vraag je je medewerkers om uit te kijken voor de indicatie dat een andere persoon aan een element werkt. Als het element een groen kader heeft, klik er dan niet op totdat de andere medewerker klaar is.</div><div><br /></div><div>In het onderstaande voorbeeld staat er een groen kader rond het hele koptekstgedeelte terwijl een medewerker eraan werkt. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/f9f76f62-953a-4eca-adc8-74e3b1e751d1/3fb8ac4c-d0e9-429b-bd87-0e554e255256.png" /></div></div></div></div>

Als je een element vastzet, blijft het zichtbaar terwijl bezoekers scrollen, wat handig is voor functies zoals social media-pictogrammen, menu's of contactformulieren. Je kunt de exacte plek instellen...

Wix Harmony: Elementen op het scherm vastzetten

Leer hoe je elementen in de Wix Editor kunt vastzetten, zodat ze zichtbaar blijven terwijl bezoekers scrollen. Dit is handig voor functies zoals sociale media-pictogrammen en contactformulieren. Je kunt de positie en afstand van het element eenvoudig aanpassen en het op elk moment weer losmaken. Volg de stappen in het artikel om deze functie effectief te gebruiken en de gebruikerservaring op je site te verbeteren.

<div data-component-type="text"><div>Als je een element vastzet, blijft het zichtbaar terwijl bezoekers scrollen, wat handig is voor functies zoals social media-pictogrammen, menu's of contactformulieren. Je kunt de exacte plek instellen door een kant of hoek te kiezen en dan de horizontale en verticale afstand vanaf de schermrand aan te passen. </div></div><div data-component-type="text"><div>De meeste elementen in je editor kunnen worden vastgezet en kunnen eenvoudig worden verplaatst wanneer je maar wilt. Je kunt elementen op elk moment losmaken als je van gedachten verandert.</div></div><div data-component-type="heading"><h2 id="" level="3">Om een element vast te zetten of los te maken:</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 met de rechtermuisknop op het betreffende element.</li>  <li>Kies wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een element op het scherm vastzetten</h4><div class="collapsible-content"><ol>
  <li>Klik op <strong>Vastzetten</strong>.</li>  <li>(In het Vastzetten-paneel) Pas de beschikbare instellingen aan:
    <ul>
      <li><strong>Positie instellen:</strong> Klik op een van de zwarte stippen om te beslissen waar het vastgezette element op het scherm verschijnt. <br />
<strong>Let op: </strong>Het is niet mogelijk om het midden van het scherm te selecteren, omdat dit belangrijke delen van je website zou bedekken.</li>      <li><strong>Horizontale en verticale offset: </strong>Sleep de schuifregelaars (of voer exacte waarden in) om de afstand tussen het element en de randen van je website aan te passen.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De instellingen van een vastgezet element aanpassen</h4><div class="collapsible-content"><ol>
  <li>Klik op <strong>Instellingen vastzetten</strong>.</li>  <li>(In het Vastzetten-paneel) Pas de beschikbare instellingen aan:
    <ul>
      <li><strong>Positie instellen:</strong> Klik op een van de zwarte stippen om te beslissen waar het vastgezette element op het scherm verschijnt.<br />
<strong>Let op: </strong>Het is niet mogelijk om het midden van het scherm te selecteren, omdat dit belangrijke delen van je website zou bedekken.</li>      <li><strong>Horizontale en verticale offset: </strong>Sleep de schuifregelaars (of voer exacte waarden in) om de afstand tussen het element en de randen van je website aan te passen.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een element losmaken</h4><div class="collapsible-content"><ol>
  <li>Klik op <strong>Instellingen vastzetten</strong>.</li>  <li>(In het Vastzetten-paneel) Schakel de <strong>Dit element vastzetten</strong>-schakelaar uit om het los te maken.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Bekijk een voorbeeld van je website om te controleren hoe het vastgezette element wordt weergegeven. Soms merk je misschien alleen dat het inhoud blokkeert wanneer je omlaag scrolt in de voorbeeldmodus.</div></div></div></div>

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

Wix Harmony-editor: Met het Lagen-paneel werken

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om volledige controle te krijgen over de indeling van je pagina's. Met het Lagen-paneel kun je eenvoudig onderdelen en elementen selecteren, herschikken en aanpassen, zodat je je site precies kunt opbouwen zoals jij dat wilt. Leer ook hoe je kop- en voetteksten kunt verbergen, elementen op mobiel kunt beheren en overlappende items kunt organiseren voor een strakke en professionele uitstraling.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 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-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Met het Lagen-paneel kun je elk onderdeel en element op je pagina op één plek zien. Selecteer, herschik of pas lagen eenvoudig aan voor volledige controle over je indeling en structuur — zodat je elke pagina precies kunt opbouwen zoals jij wilt.</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/2025/08/05/829024cd-cbf2-4580-94c0-be91b29a20a5/be12fe92-88dd-4ee1-afe1-f99fca82a614.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reordering-sections-and-elements" level="3">Onderdelen en elementen herschikken</h2></div><div data-component-type="text"><div>Wijzig de volgorde van de inhoud op je pagina op elk moment. Met slepen en neerzetten kun je de onderdelen en elementen eenvoudig opnieuw ordenen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om lagen opnieuw te ordenen:</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 <strong>Lagen</strong><strong></strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />.</li>  <li>(In het Lagen-paneel) Zoek het onderdeel of element dat je wilt verplaatsen.</li>  <li>Sleep de laag omhoog of omlaag om de positie op de pagina te wijzigen.<br />
<strong>Let op: </strong>Je kunt elementen binnen hun huidige onderdeel verplaatsen. Om een element tussen onderdelen te verplaatsen, sleep je het op de pagina of knip en plak het ergens anders. </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-a-layer" level="3">Een laag hernoemen</h2></div><div data-component-type="text"><div>Geef je lagen duidelijke, aangepaste namen zodat je ze nooit vergeet – zelfs op websites met tientallen onderdelen. Deze namen zijn alleen zichtbaar binnen de editor, niet voor websitebezoekers. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de naam van een laag te wijzigen:</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 <strong>Lagen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />.</li>  <li>(In het Lagen-paneel) Dubbelklik op het relevante element of onderdeel.</li>  <li>Voer een nieuwe naam in en druk op <strong>Enter</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-layers" level="3">Met lagen werken</h2></div><div data-component-type="text"><div>In het Lagen-paneel kun je de elementen en onderdelen op je pagina snel beheren. Knip, kopieer, plak, dupliceer of verwijder lagen om sneller te werken, zet belangrijke elementen vast zodat ze zichtbaar blijven terwijl bezoekers scrollen, en overlappende items te schikken. Dit houdt je ontwerp georganiseerd en maakt nauwkeurige bewerkingen gemakkelijker.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een specifieke laag te selecteren en ermee te werken:</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 <strong>Lagen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />.</li>  <li>(In het Lagen-paneel) Klik 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" /> naast een element of onderdeel.</li>  <li>Kies wat je dan wilt doen: 
    <ul>
      <li><strong>Snijden: </strong>Verwijder de laag terwijl je deze kopieert naar het klembord van je computer, zodat je deze ergens anders op je website kunt plakken.</li>      <li><strong>Kopiëren: </strong>Kopieer de laag naar het klembord van je computer, zodat je deze ergens anders op je website kunt plakken. </li>      <li><strong>Plakken: </strong>Plak een laag die van een ander deel van je website is gekopieerd. Als het een element is, wordt het toegevoegd aan het onderdeel waarmee je momenteel werkt. Als het een onderdeel is, wordt het onderaan de pagina geplakt.  </li>      <li><strong>Dupliceren: </strong>Maak een exacte kopie van de laag om deze snel te bewerken.  </li>      <li><strong>Verwijderen:</strong> Verwijder de laag volledig van je website.</li>      <li><strong>Op scherm vastzetten: </strong><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-elementen-op-het-scherm-vastzetten" target="">Zet een element vast</a> om het zichtbaar te houden terwijl bezoekers scrollen, ideaal voor social media-pictogrammen, menu's of manieren om contact met je op te nemen. <br />
<strong>Tip: </strong>Deze actie is alleen beschikbaar voor elementen, niet voor onderdelen.</li>      <li><strong>Schikken: </strong>Als het om overlappende elementen gaat, verander dan de plaatsing van het door jou gekozen element:
        <ul>
          <li><strong>Naar voren:</strong> Verplaats het element 1 laag boven de laag ervoor.</li>          <li><strong>Achteruit:</strong> Verplaats het element 1 laag onder de laag erachter.</li>          <li><strong>Naar voorgrond:</strong> Breng het element naar de bovenste laag boven alle andere.</li>          <li><strong>Naar achtergrond:</strong> Stuur het element naar de geheel onderste laag achter alle andere.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-the-header-or-footer" level="3">De kop- of voettekst verbergen</h2></div><div data-component-type="text"><div>Wil je dat de inhoud van de pagina in de schijnwerpers staat? Verberg de kop- of voettekst in een oogwenk voor een gedurfde, gerichte pagina. Deze instelling is van toepassing op de specifieke pagina waaraan je werkt en je kunt deze op elk moment in- of uitschakelen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de kop- of voettekst te verbergen:</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 <strong>Lagen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />.</li>  <li>(In het Lagen-paneel) Klik 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" /> naast <strong>Kop-</strong> / <strong>Voettekst</strong>.</li>  <li>Selecteer <strong>Koptekst verbergen </strong>/ <strong>Voettekst verbergen</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Om de kop- of voettekst weer weer te geven, herhaal je deze stappen en selecteer je <strong>Tonen</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-elements-on-mobile" level="3">Elementen verbergen op mobiel</h2></div><div data-component-type="text"><div>Ontwerp een <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-je-website-aanpassen-voor-mobiel" target="">mobiele ervaring</a> die precies goed is voor je bezoekers. Met het Lagen-paneel kun je precies bepalen wat er op kleinere schermen wordt weergegeven, waardoor het eenvoudig wordt om dingen gefocust, georganiseerd en on-brand te houden. Je kunt verborgen elementen op elk moment terug naar mobiel brengen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om lagen op mobiel 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 op het <strong>Mobiel</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/5a2b3320-ecee-419a-846c-9dd4f722ef70/a0f2961e-940d-4f6c-ac3b-1f89ab82fe88.png" /> rechtsboven op de pagina.</li>  <li>Klik linksonder in de editor op <strong>Lagen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />.</li>  <li>(In het Lagen-paneel) Klik 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/299c5eae-3a16-4941-8b47-18b6bcfda766/10051ce9-7365-4384-a16d-1fdbd66c7bf1.png" /> naast het element of het onderdeel.</li>  <li>Selecteer <strong>Verbergen</strong>.<br />
<strong>Tip: </strong>Het element verdwijnt van je mobiele website, maar blijft zichtbaar op desktop.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>Wil je een element weergeven dat eerder op mobiel was verborgen? Schakel over naar de mobiele weergave en klik bovenaan het Lagen-paneel op het <strong>Verborgen van mobiel</strong>-tabblad. Klik vervolgens op het <strong>Weergeven op mobiel</strong>-pictogram.</div> </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">Hoe bepaal ik de DOM-volgorde van mijn onderdelen om te helpen met de toegankelijkheid?</h4><div class="collapsible-content"><div>De DOM-volgorde van je onderdelen wordt automatisch geoptimaliseerd voor toegankelijkheid, dus je hoeft niets te doen. De 'DOM-volgorde optimaliseren'-instelling in het Lagen-paneel is standaard ingeschakeld, zodat de elementvolgorde van je onderdelen overeenkomt met hun visuele plaatsing op de pagina. </div><div><br /></div><div>Dit helpt ondersteunende technologieën, zoals schermlezers, om op een natuurlijke, logische manier door je inhoud te navigeren.</div><div><br /></div><div>Als je liever een aangepaste volgorde instelt, kun je deze optie voor elk onderdeel uitschakelen en de elementen handmatig ordenen. Klik 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" /> naast een onderdeel en selecteer <strong>DOM-volgorde optimaliseren</strong> om het uit te schakelen.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik overlappende elementen op mijn pagina selecteren?</h4><div class="collapsible-content"><div>Als sommige elementen op je pagina elkaar overlappen, gebruik dan het Lagen-paneel om het exacte item dat je wilt te vinden en te selecteren. Het paneel vermeldt elk element op je pagina in volgorde en bevat een zoekbalk, waardoor het gemakkelijk wordt om zelfs de meest verborgen elementen te kiezen, opnieuw te ordenen of aan te passen. <br />
</div><div><strong>Tip:</strong></div><div>Je kunt ook op <strong>Ctrl </strong>+ <strong>Shift </strong>+ <strong>M</strong> drukken om door de elementen op de pagina te bladeren totdat je de juiste hebt bereikt, en <strong>Ctrl </strong>+ <strong>M </strong>om terug door de elementen te bladeren.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is er een limiet aan hoeveel lagen of onderdelen ik kan hebben?</h4><div class="collapsible-content"><div>Nee, je kunt er zoveel toevoegen als je nodig hebt.</div></div></div></div>

Het rechtermuisknopmenu is je snelkoppeling voor het beheren van elementen, onderdelen en groepen op je hele website. Met een snelle klik kun je elementen knippen, kopiëren, plakken, ordenen en person...

Wix Harmony: Het rechtermuisknopmenu gebruiken

Ontdek hoe je het rechtermuisknopmenu kunt gebruiken om efficiënt elementen, onderdelen en lagen op je Wix-website te beheren. Met een simpele klik kun je elementen knippen, kopiëren, plakken en ordenen, wat je helpt om je site sneller te bouwen en te organiseren. Leer ook hoe je meerdere elementen kunt groeperen en uitlijnen voor een strakke indeling, zodat je een consistent en professioneel ontwerp kunt behouden.

<div data-component-type="text"><div>Het rechtermuisknopmenu is je snelkoppeling voor het beheren van elementen, onderdelen en groepen op je hele website. Met een snelle klik kun je elementen knippen, kopiëren, plakken, ordenen en personaliseren, waardoor je je website sneller kunt bouwen en organiseren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-individual-elements" level="3">Afzonderlijke elementen beheren</h2></div><div data-component-type="text"><div>Wanneer je met de rechtermuisknop op een element klikt, ontgrendel je een bereik aan opties om de positie, het kopiëren en meer te beheren. Deze acties helpen je om efficiënt te werken en een consistent, georganiseerd websiteontwerp te behouden.</div></div><div data-component-type="heading"><h2 id="" level="4">Een element beheren met het rechtermuisknopmenu:</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 met de rechtermuisknop op het element dat je wilt bewerken.</li>  <li>Gebruik de opties om je element te beheren:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het element kopiëren of verwijderen</h4><div class="collapsible-content"><ul> <li><strong>Knippen:</strong> Verwijder het element en sla het op je klembord op, zodat je het ergens anders kunt plakken.</li>  <li><strong>Kopiëren:</strong> Sla het element op je klembord op, zodat je het ergens anders kunt plakken.</li>  <li><strong>Plakken:</strong> Voeg het geknipte of gekopieerde element toe op een nieuwe plaats op je pagina.</li>  <li><strong>Dupliceren:</strong> Maak snel een exacte kopie van het element.</li>  <li><strong>Verwijderen:</strong> Verwijder het element van de pagina.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het element aan het scherm vastzetten</h4><div class="collapsible-content"><ul> <li><strong>Vastzetten op scherm:</strong> <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-elementen-op-het-scherm-vastzetten" target="target">Houd het element op zijn locatie</a> terwijl bezoekers scrollen.</li>  <li><strong>Instellingen voor vastzetten:</strong> Stel een exacte positie in voor het element door de horizontale en verticale afstand tot de randen van het scherm aan te passen.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het element ordenen</h4><div class="collapsible-content"><ul> <li><strong>Naar voorgrond:</strong> Verplaats het element vóór alle andere elementen.</li>  <li><strong>Naar voren:</strong> Verplaats het element 1 stap naar voren.</li>  <li><strong>Naar achteren:</strong> Verplaats het element 1 stap naar achteren.</li>  <li><strong>Naar achtergrond:</strong> Verplaats het element achter alle andere elementen.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Fooi:</div><div class="info-content"><div>Je kunt elementen ook ordenen met <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-met-het-lagen-paneel-werken" target="target">het Lagen-paneel</a> op je website.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-sections-layers-and-headers" level="3">Werken met onderdelen, lagen en kopteksten</h2></div><div data-component-type="text"><div>Het rechtermuisknopmenu helpt je ook bij het beheren van onderdelen en kopteksten. Naast het beheren van elementen helpt het rechtermuisknopmenu ook bij het organiseren van onderdelen, kopteksten en andere lagen. Je kunt bijvoorbeeld snel een onderdeel hernoemen, een onderdeel verplaatsen of een specifieke laag selecteren.</div></div><div data-component-type="heading"><h2 id="" level="4">Om onderdelen, kopteksten en lagen 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 met de rechtermuisknop op een leeg vlak in een onderdeel, koptekst of voettekst. Zorg ervoor dat je niet op elementen binnen die gebieden klikt.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>Onderdeel hernoemen:</strong> Geef je onderdeel een unieke naam om het makkelijk terug te vinden.</li>      <li><strong>Onderdeel omhoog/omlaag verplaatsen:</strong> Wijzig de volgorde van het onderdeel op de pagina.</li>      <li><strong>Koptekst/voettekst verbergen:</strong> Verwijder deze elementen tijdelijk uit het zicht.</li>      <li><strong>Naar hamburger-menu verplaatsen:</strong> Voeg navigatielinks toe aan een compact menu.</li>      <li><strong>Naar koptekst verplaatsen:</strong> Voeg het element toe aan je algemene koptekst.</li>      <li>De lagen-functies gebruiken voor een geavanceerde organisatie:
        <ul>
          <li><strong>Een laag selecteren:</strong> Ga direct naar een specifiek element in complexe ontwerpen.</li>          <li><strong>Alle lagen bekijken:</strong> Bekijk elke laag op je pagina om het bewerken makkelijker te maken.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-multiple-elements" level="3">Meerdere elementen beheren</h2></div><div data-component-type="text"><div>Krijg controle over groepen elementen door ze als een eenheid te selecteren en uit te lijnen. Door te groeperen is het makkelijker om meerdere elementen tegelijk te verplaatsen, op te maken of uit te lijnen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om meerdere elementen 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>Houd de <strong>Shift</strong>-toets ingedrukt terwijl je op elk element klikt om er meerdere tegelijk te selecteren.</li>  <li>Klik met de rechtermuisknop en kies wat je dan wilt doen:
    <ul>
      <li><strong>Elementen groeperen:</strong> Behandel verschillende elementen als één groep.</li>      <li><strong>Groeperen opheffen:</strong> Verdeel een groep weer in afzonderlijke elementen.</li>      <li><strong>Uitlijnen:</strong> Lijn de geselecteerde elementen links, in het midden, rechts, boven, in het midden of onder uit voor een strakke indeling.</li>    </ul>  </li></ol></div>

Wix Harmony Editor: Elementen ontwerpen

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om je website te ontwerpen en aan te passen. Met het Ontwerp-paneel heb je de vrijheid om kleuren, stijlen en individuele elementen te bewerken, zodat je jouw unieke visie kunt realiseren. Leer hoe je kleuren selecteert, delen van elementen ontwerpt en gebruik maakt van verschillende ontwerpinstellingen om je site naar een hoger niveau te tillen.

<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 vorige editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">bekijk dan hier meer informatie</a>.</div></div></div></div><div data-component-type="text"><div>Met het Ontwerp-paneel kun je je creatieve visie tot leven brengen, detail voor detail. Of je nu kleuren wilt bijwerken, delen van een element wilt aanpassen of unieke stijlen wilt instellen voor verschillende statussen, je hebt de flexibiliteit om het uiterlijk van je website vorm te geven. </div></div><div data-component-type="text"><div>Aangezien elk element zijn eigen stijlopties heeft, zie je verschillende instellingen, afhankelijk van wat je bewerkt.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hoe ga ik aan de slag?</div><div class="info-content"><div>Klik op een element en klik dan 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" /> op de actiebalk.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="selecting-colors" level="3">Kleuren selecteren</h2></div><div data-component-type="text"><div>Telkens wanneer je op een kleurencirkel klikt om een kleur te kiezen, kom je bij de Kleurkiezer. Hier kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-working-with-brand-colors" target="">de merkkleuren</a> van je website zien, naast alle aangepaste kleuren die je gebruikt. Er zijn 3 manieren om een nieuwe kleur te kiezen:  </div></div><div data-component-type="text"><ul>
  <li>Verplaats de punten op het kleurenschema om jouw kleur te vinden.</li>  <li>Voer de code van de kleur in (bijvoorbeeld: #000000 voor zwart).</li>  <li>Klik op het <strong>Pipet</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/b3c152f6-654e-4521-985f-0408355dbeb6/e7b5fe1f-03d7-4b02-9f14-43b42300ea60.png" /> om een kleur te verkrijgen van een element op de pagina.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-parts-of-elements" level="3">Delen van elementen ontwerpen</h2></div><div data-component-type="text"><div>Sommige elementen in de editor bieden gedetailleerde ontwerpopties, zodat je individuele delen afzonderlijk kunt opmaken. Wanneer je bijvoorbeeld met knoppen werkt, kun je ervoor kiezen om de knop zelf, het pictogram of de tekst aan te passen, zodat je elk detail kunt verfijnen en het bij jouw unieke stijl kunt laten passen. Gebruik de dropdown om te selecteren welk onderdeel je wilt personaliseren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-glossary" level="3">Ontwerp-woordenlijst</h2></div><div data-component-type="text"><div>Bekijk de onderstaande tabel om meer te weten te komen over elke ontwerpinstelling: wat het betekent en hoe het je ontwerp naar een hoger niveau brengt. </div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="246"><div>Instelling</div></th><th data-column-width="454"><div>Wat is het?</div></th></tr></thead><tbody><tr><td><div>Achtergrond- / Opvulkleuren <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" /></div></td><td><div>Voeg een opvulkleur toe om de inhoud van je element aan te vullen. Klik op de cirkel om te <strong>kleuren </strong>om een van je <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-over-merk" target="">merk-</a> of gepersonaliseerde kleuren te kiezen.</div><div><br /></div><div><strong>Containers en onderdelen:</strong> Klik op de actiebalk op <strong>Achtergrond vervangen</strong> om de achtergrondkleur te wijzigen. </div></td></tr><tr><td><div>Rand</div></td><td><div>Definieer de randen van je element zodat het opvalt. </div><div><br /></div><div>Je kunt de kleur, breedte en stijl van de hele rand kiezen of op het <strong>Individuele randen bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> klikken om elke kant afzonderlijk te ontwerpen. </div></td></tr><tr><td><div>Hoeken <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" /></div></td><td><div>Maak de hoeken van je element vierkanter of ronder door de schuifregelaar onder <strong>Straal</strong> te verslepen. </div><div><br /></div><div>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/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> om elke hoek afzonderlijk te ontwerpen. </div></td></tr><tr><td><div>Schaduw <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" /></div></td><td><div>Schaduw toepassen om het element een interessant 3D-effect te geven. Je kunt schaduw toevoegen aan het element (Inner) en het element ook een schaduw laten werpen (Drop). </div><div><br /></div><div>Bepaal de positie, wazigheid, grootte, kleur en dekking van de schaduw. </div></td></tr><tr><td><div>Afstand <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" /></div></td><td><div>Voeg ademruimte toe aan je inhoud door de opvulling rond het element of het geselecteerde gebied aan te passen. </div><div><br /></div><div>Afhankelijk van wat je bewerkt, zie je mogelijk opties om individuele zijden aan te passen, verticale en horizontale afstand toe te voegen en meer. </div></td></tr><tr><td><div>Indeling <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" /></div></td><td><div>Schik het element zoals jij wilt door de indelingsinstellingen aan te passen. </div><div><br /></div><div>Afhankelijk van wat je bewerkt, zie je mogelijk opties om te spiegelen, uit te lijnen, de richting in te stellen of de grootte en positie te verfijnen.</div></td></tr><tr><td><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-new-adding-and-editing-text">Tekst</a> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/09/7cf585bd-5281-4be5-8a10-451a7e934d28/1a341f9a-83cb-44d6-a6ee-7c832994b003.png" alt="undefined" /></div></td><td><div>Bepaal het uiterlijk van elke tekst door het lettertype, het gewicht, de grootte, de kleur en de opmaak aan te passen.</div><div><br /></div><div>Afhankelijk van wat je bewerkt, kun je mogelijk op <strong>Meer tekstopties</strong> klikken. Dit onthult extra instellingen zoals regelafstand, hoofdletters en meer. </div></td></tr></tbody></table></div></div>

De achtergrond van een onderdeel zet de toon voor je pagina, begeleidt de focus en bepaalt hoe bezoekers zich voelen terwijl ze scrollen. Ontwerp onderdelen om het merk van je website op één lijn te b...

Wix Harmony Editor: De achtergrond van je onderdeel aanpassen

Leer hoe je de achtergrond van een onderdeel in Wix kunt aanpassen om de uitstraling van je pagina te verbeteren. Kies uit kleuren, afbeeldingen of video's en pas subtiele effecten toe voor een dynamische ervaring. Ontdek ook hoe je scrollanimaties kunt toevoegen om je ontwerp tot leven te brengen, waardoor bezoekers een boeiendere interactie met je site hebben.

<div data-component-type="text"><div>De achtergrond van een onderdeel zet de toon voor je pagina, begeleidt de focus en bepaalt hoe bezoekers zich voelen terwijl ze scrollen. Ontwerp onderdelen om het merk van je website op één lijn te brengen en elk detail te verfijnen — kies een effen kleur, een afbeelding of een video uit de bibliotheek en pas subtiele effecten toe voor diepte. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>Bespaar tijd op het ontwerp door te kiezen uit een breed scala aan kant-en-klare, volledig responsieve onderdelen. Wanneer <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-sections" target="">je een nieuw onderdeel toevoegt</a>, klik je op <strong>Ontworpen onderdelen</strong> om te beginnen met verkennen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-section-background" level="3">De achtergrond van je onderdeel wijzigen</h2></div><div data-component-type="text"><div>Verander de achtergrond van je onderdeel om het uiterlijk van je pagina direct te wijzigen. Kies een kleur, kleurovergang, afbeelding of video die bij je stijl past en de aandacht trekken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrond van een onderdeel te wijzigen:</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>Selecteer het betreffende onderdeel.</li>  <li>Klik op <strong>Achtergrond vervangen</strong>. </li>  <li>Kies wat de achtergrond ontwerp:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kleur</h4><div class="collapsible-content"><ol>
  <li>Klik op het <strong>Kleur</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klik op de kleurencirkel.</li>  <li>(In de kleurkiezer) Kies een van je merkkleuren of een aangepaste kleur. <br />
<strong>Tip: </strong>Klik op het <strong>Pipet</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> om een specifieke kleur uit je pagina te halen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Afbeelding</h4><div class="collapsible-content"><ol>
  <li>Klik op het <strong>Afbeelding</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/afa86daf-f95c-49e5-a9ac-ccc1b9c83894/7556c41f-258e-4107-997a-d1735d20e692.png" />.</li>  <li>Klik op het <strong>Afbeelding toevoegen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/22/725d73eb-08eb-4dd6-9281-5c8a8872bb69/cb834738-d8f8-47ea-8f4b-a538ea1df515.png" />.</li>  <li>(In de Media Manager) Selecteer een afbeelding of upload deze ter plaatse.</li>  <li>Klik op <strong>Bijwerken </strong>om te bevestigen.</li>  <li>Pas een van de volgende instellingen aan:
    <ul>
      <li><strong>Focus:</strong> Sleep de blauwe punt op de afbeelding om te beslissen welk deel van de afbeelding zichtbaar is. </li>      <li><strong>Dekking van afbeelding: </strong>Sleep de schuifregelaar om de afbeelding meer of minder zichtbaar te maken.</li>      <li><strong>Kleur achter afbeelding: </strong>Selecteer de kleur die achter de achtergrondafbeelding verschijnt als de dekking van je afbeelding lager is dan 100%. </li>      <li><strong>Toegankelijkheid en type aanpassing: </strong>Klik 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/2025/11/03/7020c895-42ea-40e9-a352-659bd61cbc9c/919c3b4a-1141-4286-b8e5-4f98b5f00f02.png" /> om de Passend-modus van je afbeelding te kiezen (Passend of Naast elkaar) en er een toegankelijke naam aan te geven (<a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">alt-tekst</a>).<br />
<strong>Let op: </strong>Als je afbeelding geen belangrijke informatie voor schermlezers en zoekmachines bevat, schakel je de<strong> Decoratief</strong>-schakelaar in in plaats van een toegankelijke naam in te voeren. <strong><br />
</strong></li>    </ul>  </li></ol><div><strong>Tips: </strong></div><ul>
  <li>Je kunt altijd op <strong>Afbeelding vervangen </strong>klikken om<strong> </strong>een andere achtergrondafbeelding te selecteren. Om de afbeelding volledig te verwijderen, klik je op het <br />
<strong>Verwijderen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/a6151264-c750-44f3-b2d9-06561366ac16/953775eb-4e40-4bfe-96e1-9ae38cd76996.png" />.</li>  <li>Wil je je afbeelding bijwerken? Klik op het <strong>Bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/e83a9563-0290-430a-8cd4-bb1a485cdbce/9a42016e-8bed-47ad-b811-51b3bc3b371c.png" /> om toegang te krijgen tot de <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-over-de-wix-photo-studio" target="">Wix Photo Studio</a>. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Video</h4><div class="collapsible-content"><ol>
  <li>Klik op het <strong>Video</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/1a4edc84-36e8-4c62-afec-0e00bb92e588/d232b93a-c4c2-42e9-89fa-93c5b265e81f.png" />.</li>  <li>Klik op het <strong>Video toevoegen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/22/725d73eb-08eb-4dd6-9281-5c8a8872bb69/cb834738-d8f8-47ea-8f4b-a538ea1df515.png" />.</li>  <li>(In de Media Manager) Selecteer een video of upload deze ter plaatse.</li>  <li>Klik op <strong>Bijwerken </strong>om te bevestigen.</li>  <li>Pas een van de volgende instellingen aan:
    <ul>
      <li><strong>Focus:</strong> Sleep het blauwe punt op de video om te beslissen welk deel van de video zichtbaar is. </li>      <li><strong>Videodekking: </strong>Sleep de schuifregelaar om de afbeelding meer of minder zichtbaar te maken.</li>      <li><strong>Kleur achter video: </strong>Selecteer de kleur die achter de achtergrondvideo verschijnt als je videodekking lager is dan 100%.</li>      <li><strong>Afspelen en toegankelijkheid: </strong>Klik 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/2025/11/03/7020c895-42ea-40e9-a352-659bd61cbc9c/919c3b4a-1141-4286-b8e5-4f98b5f00f02.png" /> om de manier waarop de video wordt afgespeeld aan te passen (bijvoorbeeld: automatisch afspelen, herhaald afspelen, kwaliteit, enzovoort). Je kunt de video ook een toegankelijke naam geven (<a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">alt-tekst</a>).<br />
<strong>Let op: </strong>Als je video geen belangrijke informatie voor schermlezers en zoekmachines bevat, schakel je de <strong>Decoratief</strong>-schakelaar in in plaats van een toegankelijke naam in te voeren. </li>    </ul>  </li>  <li>(Optioneel) Bekijk een voorbeeld van de video-achtergrond door op het <strong>Afspelen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/3688aba8-49a6-4ea5-abf5-0062e0b75130/25747db8-f845-4925-b0b1-4e39b4aba37f.png" /> te klikken. </li></ol><div><br /></div><div><strong>Tip: </strong>Je kunt altijd bovenaan op <strong>Video vervangen</strong> klikken om een andere achtergrondvideo te selecteren. Om de video volledig te verwijderen, klik je op het <strong>Verwijderen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/03/a6151264-c750-44f3-b2d9-06561366ac16/953775eb-4e40-4bfe-96e1-9ae38cd76996.png" alt="undefined" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="animating-your-section-background" level="3">De achtergrond van je onderdeel animeren </h2></div><div data-component-type="text"><div>Breng je onderdeel tot leven door een scrollanimatie op de achtergrond toe te voegen. Terwijl bezoekers op en neer gaan op je pagina, creëert de animatie een dynamisch, boeiend effect. Probeer opties zoals Parallax, 3D of Zoom, uit en pas de instellingen aan je stijl aan.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrond van je onderdeel te animeren:</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>Selecteer het betreffende onderdeel.</li>  <li>Klik op het <strong>Animatie</strong>-pictogram<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/e035c237-1b3b-43d8-b620-fc6982bb848e/9a7d86a9-286e-4fc6-962e-fe24f0dcbd03.png" />.</li>  <li>Selecteer een animatie.</li>  <li>(Optioneel) Klik op <strong>Aanpassen </strong>om je animatie-instellingen te verfijnen:
    <ul>
      <li><strong>Voorbeeld bij scrollen:</strong> Klik op het <strong>Voorbeeld</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/551080f3-24ea-427c-b281-c0ccc02eee8c/5ced09ef-6dee-4d46-9898-290101848fc0.png" /> om een voorbeeld te bekijken van hoe je animatie speelt terwijl bezoekers scrollen.</li>      <li><strong>Zoom:</strong> Sleep de schuifregelaar om aan te passen hoeveel je wilt in- of uitzoomen.</li>      <li><strong>Richting:</strong> Pas de richting van de animatie aan met behulp van de beschikbare opties (bijvoorbeeld: met de klok mee of tegen de klok in, in of uit, enzovoort).</li>      <li><strong>Snelheid: </strong>Sleep de schuifregelaar om de animatie sneller of langzamer te laten bewegen.</li>      <li><strong>Schaal</strong><strong>:</strong> Sleep de schuifregelaar om te beslissen hoe ver de achtergrond vervaagt.</li>      <li><strong>Hoek:</strong> Stel de rotatiehoek van de animatie in.</li>      <li><strong>Uitrekken:</strong> Stel de diepte en het 3D-gevoel van de animatie in.</li>      <li><strong>Animatietype:</strong> Kies of je animatie in of uit verdwijnt.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><ul>
  <li>De beschikbare animaties zijn afhankelijk van het achtergrondtype dat je kiest voor je onderdeel (dat wil zeggen: kleur, afbeelding of video).</li>  <li>De beschikbare aanpassingsinstellingen variëren op basis van de animatie die je selecteert.</li></ul></div></div></div>

Wix Harmony-editor: Over het merk van je website

Ontdek hoe je je merk kunt definiëren en versterken met de Wix Harmony-editor. Leer hoe je kleurconsistentie creëert, je websitetekst verfijnt en de elementen van je site vormgeeft voor een professionele uitstraling. Met de Branding kit kun je eenvoudig je merkkleuren, tekststijlen en elementen aanpassen, zodat je website altijd fris en herkenbaar blijft. Begin vandaag nog met het bouwen van een visueel samenhangende online identiteit!

<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>Je merk is de basis van de identiteit van je website. Door je merk te definiëren in de Wix Harmony-editor, kun je ervoor zorgen dat je website opvalt voor bezoekers met een opvallende, professionele en consistente uitstraling.</div></div><div data-component-type="text"><div>Je merk bevat alles: van kleuren en tekststijlen tot ontworpen elementen. Dit helpt te communiceren wie je bent, vertrouwen op te bouwen en je website direct herkenbaar te maken. Bovendien kun je met een sterk merk een blijvende indruk achterlaten en effectiever contact maken met je publiek.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe krijg ik toegang tot het Merk-paneel?</h4><div class="collapsible-content"><div>Klik bovenaan de editor op <strong>Merk</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-color-consistency" level="3">Kleurconsistentie creëren</h2></div><div data-component-type="text"><div>Kleuren kunnen worden gebruikt om de esthetiek, toon en bedrijfstype van een website over te brengen, dus ze zijn essentieel bij het vestigen van de eerste indruk die bezoekers van je merk hebben. </div></div><div data-component-type="text"><div>Wanneer je een website maakt in de Wix Harmony-editor, genereren we automatisch een kleurenpalet voor je. Dit palet bevat basiskleuren — die verder zijn onderverdeeld in 3 tinten — en accentkleuren om ervoor te zorgen dat de identiteit van je merk op elke pagina schittert.</div></div><div data-component-type="text"><div>Het palet weerspiegelt de oorspronkelijke stijl van je website, maar je kunt het eenvoudig aanpassen om beter bij je te passen. Kies kleuren met een hoog contrast om de leesbaarheid te verbeteren en een verwelkomende ervaring te creëren voor al je websitebezoekers.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-setting-up-your-brand#choosing-your-brand-colors" target="">Lees meer over het kiezen van je merkkleuren</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="refine-site-text" level="3">Websitetekst verfijnen</h2></div><div data-component-type="text"><div>De tekst op een website is de toon, waardoor het een van de beste manieren is om de persoonlijkheid van je merk uit te drukken. De tekstset van je merk bevat:</div></div><div data-component-type="text"><ul>
  <li><strong>Tekststijlen:</strong> Dit zijn individuele teksttypes (bijvoorbeeld: Koptekst 2, Paragraaf 1). Ze bestaan uit 6 koppen en 3 alinea's.</li>  <li><strong>Lettertypefamilies</strong><strong>: </strong>Lettertypesets worden meestal geleverd met 2 lettertypefamilies (1 voor koppen en 1 voor alinea's).</li></ul></div><div data-component-type="text"><div>Je kunt je tekststijlen naar behoefte aanpassen om consistente en herkenbare inhoud op elke pagina te maken. We raden aan om het bij 1-2 lettertypefamilies te houden om een gepolijst uiterlijk te behouden, maar je hebt creatieve vrijheid om de lettertypen te gebruiken die je wilt, hoe je maar wilt.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Lees meer over het instellen van de tekst van je merk.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="style-your-sites-elements" level="3">De elementen van je website vormgeven</h2></div><div data-component-type="text"><div>Je merk bevat drie essentiële elementen: <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-setting-up-your-brand#customizing-your-brands-button-styles" target="">knoppen</a>, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-setting-up-your-brand#setting-up-your-brands-line-styles" target="">lijnen</a> en <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-setting-up-your-brand#designing-your-brands-box-styles" target="">containervakken</a>. Door deze elementen in lijn te brengen met de rest van je merk, kun je pagina's van hoge kwaliteit maken met een naadloos en visueel samenhangend ontwerp.</div></div><div data-component-type="text"><div>Klaar om te beginnen met het bouwen van website-inhoud? Je kunt op elk moment je merkelementen toevoegen vanuit het Elementen toevoegen-paneel. Ze worden ook automatisch bijgewerkt wanneer je aanpassingen aanbrengt vanuit het Merk-paneel, wat betekent dat je ontwerp altijd consistent is.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="extend-your-brand" level="3">Je merk uitbreiden</h2></div><div data-component-type="text"><div>Hoewel je Branding kit alles heeft wat je nodig hebt, kun je deze altijd bijwerken naarmate je online identiteit zich ontwikkelt.</div></div><div data-component-type="text"><div>Pas je merkkleuren, tekststijlen en elementen op elk moment aan om de website er fris uit te laten zien. Het grote voordeel? Alle wijzigingen die je aanbrengt, worden automatisch doorgevoerd op je website, dus je hoeft je geen zorgen te maken over het handmatig bijwerken van inhoud die je al hebt toegevoegd. </div></div><div data-component-type="text"><div>Je kunt het merk van je website ook bijwerken zonder je eerdere ontwerpen te vervangen. Voeg nieuwe kleuren en aangepaste elementen toe om je online identiteit te blijven ontwikkelen en een echt persoonlijke uitstraling voor je website te creëren.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-updating-your-brand-styles" target="">Lees meer over het bijwerken en uitbreiden van je merk</a>.</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 Wix Harmon...

Wix Harmony Editor: Een logo aan je website toevoegen

Ontdek hoe je een logo aan je website kunt toevoegen en aanpassen met de Wix-editor. Leer hoe je je bestaande logo kunt uploaden of een nieuw logo kunt maken met de Wix Logo Maker, zodat het perfect aansluit bij je merkidentiteit. Dit artikel biedt handige tips om je logo te verfijnen en te personaliseren, zodat je een professionele uitstraling kunt creëren die je bezoekers aanspreekt.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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 Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Je logo vormt de kern van je merkidentiteit. Het helpt mensen je website in één oogopslag te herkennen en zet een professionele toon voor alles wat je doet.</div></div><div data-component-type="text"><div>Heb je een logo klaar voor gebruik? Upload het naar je website en ga meteen aan de slag. Of, als je iets nieuws wilt proberen, gebruik dan de <a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-over-de-nieuwe-wix-logo-maker" target="">Wix Logo Maker</a> om te experimenteren met ontwerpen en een logo te maken dat de persoonlijkheid van je merk echt weergeeft.</div></div><div data-component-type="text"><div>Screenshot</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-logo-to-your-site" level="3">Een logo aan je website toevoegen</h2></div><div data-component-type="text"><div>Upload je eigen bestaande logo of maak een nieuw logo vanuit de editor van je website. Je kunt rechtstreeks vanuit je Media Manager uploaden of creatief worden met de Logo Maker.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een logo toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar je editor.</li>  <li>Klik op <strong>+ Toevoegen</strong>.</li>  <li>Klik op <strong>Afbeeldingen</strong>.</li>  <li>Klik op <strong>Websitelogo</strong>.</li>  <li>Kies ervoor om je eigen logo te uploaden of er een te maken met de Logo Maker:
    <ul>
      <li><strong>Maak een logo met de Logo Maker:</strong>
        <ol>
          <li>Klik op <strong>Maken met Logo Maker</strong>.</li>          <li>Voeg een bedrijfsnaam en slogan toe.</li>          <li>Wijs het ontwerp aan dat je het best vindt en kies wat je dan wilt doen:
            <ul>
              <li><strong>Toevoegen aan website: </strong>Voeg het logo rechtstreeks toe aan je website.</li>              <li><strong>Personaliseren: </strong><a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-een-logo-aanpassen-in-de-wix-logo-maker" target="">Pas het logo aan</a> met behulp van de beschikbare opties.</li>            </ul>          </li>          <li>Klik op <strong>Op website toepassen</strong>.</li>        </ol>      </li>      <li><strong>Mijn eigen uploaden:</strong>
        <ol>
          <li>Klik op <strong>Logo uploaden</strong>.</li>          <li>Selecteer het relevante bestand in de Media Manager.</li>          <li>Klik op <strong>Bijwerken</strong>.</li>        </ol>      </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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/09/17/71a10ed9-74ec-4eaa-a0a3-5264575e4904/229ba756-87df-41c6-88df-388b2697200d.png" alt="Een screenshot van het Logo-ontwerpen-paneel in de editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customzing-the-logos-design" level="3">Het ontwerp van het logo aanpassen</h2></div><div data-component-type="text"><div>Neem de tijd om je logo te verfijnen zodat het je visie weerspiegelt. Verwijder de achtergrond van het logo, snijd het bij tot het perfecte formaat of bezoek de Logo Maker opnieuw om nieuwe details te verkennen: elk detail voegt toe aan het verhaal van je merk.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een logo aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Klik op het logo op de pagina.</li>  <li>Kies wat je aan wilt passen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De achtergrond van het logo verwijderen</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op <strong>Logo-ontwerp</strong>.</li>  <li>Klik op <strong>Achtergrond verwijderen</strong>.</li>  <li>Klik op <strong>Opslaan en aan website toevoegen</strong>.<br />
</li></ol><div><strong>Let op: </strong>Je kunt de achtergrond één keer per afbeelding verwijderen. De originele afbeelding en de nieuwe versie worden opgeslagen in je <strong>websitebestanden </strong>in de<strong> Mijn logo's</strong>-map in de Media Manager.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Het logo bijsnijden</h4><div class="collapsible-content"><ol>
  <li>Klik op het <strong>Bijsnijden</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/09/17/a5356dc2-3f8d-47c8-bee7-805d385fc83a/c21aa734-98b8-458f-ad63-fa0e937497e6.png" /> op de actiebalk.</li></ol><div>2. </div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een logo bewerken dat is gemaakt met Logo Maker</h4><div class="collapsible-content"><ol>
  <li>Klik op het Logo-element op de pagina.</li>  <li>Klik in de actiebalk op <strong>Logo-ontwerp</strong>.</li>  <li>Klik op <strong>Logo Maker openen</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-een-logo-aanpassen-in-de-wix-logo-maker" target="">Pas het logo aan</a> met behulp van de beschikbare opties.</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 over het toevoegen van een logo aan je website:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik een link aan mijn logo toevoegen?</h4><div class="collapsible-content"><ol>
  <li>Klik op het Logo-element op de pagina.</li>  <li>Klik op de <strong>Link</strong><strong></strong>-pictogram.</li>  <li>Klik op <strong>Kies een link</strong> en selecteer waar je het logo aan wilt koppelen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik alt-tekst aan mijn logo toevoegen?</h4><div class="collapsible-content"><ol>
  <li>Klik op het <strong>Instellingen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/cd89bbd9-1fe4-4fb6-acd9-eae2fbcabc93/1f67f8e1-edd7-4b56-a1ac-33b1fbf3d786.png" alt="undefined" /> op de actiebalk.</li>  <li>Voer je alt-tekst in in het <strong>Alt-tekst</strong>-veld.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een andere versie maken van het logo dat ik met de Logo Maker heb gemaakt?</h4><div class="collapsible-content"><div>Ja. Je kunt naast je primaire logo secundaire logo's maken.<br />
</div><ol>
  <li>Klik op het Logo-element op de pagina.</li>  <li>Klik in de actiebalk op <strong>Logo-ontwerp</strong>.</li>  <li>Klik op <strong>Logo Maker openen</strong>.</li>  <li>Klik op <strong>Nieuw logo maken</strong>.</li>  <li>Wijs de logotemplate aan die je het best vindt en klik op <strong>Selecteren</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-een-logo-aanpassen-in-de-wix-logo-maker" target="">Pas het logo aan</a> met behulp van de beschikbare opties.</li>  <li>Klik op <strong>Op website toepassen</strong>.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/09/17/6e21263f-cfff-4cf0-af60-d8362f9fa871/ca9cd00d-b442-4518-8d2a-f4a21694ab46.png" /></div><div><br /></div><div><strong>Let op:</strong></div><ul>
  <li>Wanneer je je primaire logo downloadt, krijg je alle bestanden die zijn opgenomen in het logopakket dat je hebt. <a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-over-de-nieuwe-wix-logo-maker-pakketten" target="">Lees meer over bestandstypes in de Wix Logo Maker</a>.</li>  <li>Wanneer je een secundair logo downloadt, krijg je een 500 x 500 px PNG-bestand van je logo zoals ontworpen. Dit betekent dat je geen variaties op je secundaire logo krijgt, zoals bijvoorbeeld zwart-witbestanden of bestanden met een transparante achtergrond. <a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-met-secundaire-logos-werken-in-de-nieuwe-wix-logo-maker" target="">Lees meer over secundaire logo's</a>.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Moet ik betalen om een logo te maken met Wix?</h4><div class="collapsible-content"><div>Nee. Je kunt een logo maken en deze gratis op je website gebruiken. Met Logo-pakketten kun je je logo echter downloaden als bestanden met een hoge resolutie en specifieke bestandsindelingen voor verschillende websites en merchandise. <a data-composite="true" href="https://support.wix.com/nl/article/wix-logo-over-de-nieuwe-wix-logo-maker-pakketten" target="">Lees meer over logo-pakketten</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat zijn de aanbevolen verhoudingen voor logo's die ik upload?</h4><div class="collapsible-content"><div>We raden aan een logobestand te uploaden met een verhouding van 1:1 (vierkant van vorm). We raden ook aan je logo te uploaden als PNG- of SVG-bestand met een transparante achtergrond. <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-ondersteunde-mediabestandstypen-en-bestandsgroottes" target="">Lees meer over ondersteunde bestandstypes en -groottes</a>.</div></div></div></div>

Met zoveel bezoekers die op hun telefoon browsen, is het mobiele uiterlijk van je website meer dan ooit belangrijk. In de Wix Harmony-editor is het moeilijkste gedeelte voor je geregeld — je ontwerp o...

Wix Harmony Editor: Je website aanpassen voor mobiel

Ontdek hoe je het mobiele uiterlijk van je website kunt optimaliseren met de Wix Harmony-editor. Leer hoe je je ontwerp kunt aanpassen voor een betere gebruikerservaring op smartphones, inclusief het toevoegen van mobiele-only elementen en het verbergen van ongewenste items. Met handige tips voor het bekijken van je mobiele site en het synchroniseren van wijzigingen tussen desktop en mobiel, zorg je ervoor dat je website er op elk apparaat geweldig uitziet.

<div data-component-type="text"><div>Met zoveel bezoekers die op hun telefoon browsen, is het mobiele uiterlijk van je website meer dan ooit belangrijk. In de Wix Harmony-editor is het moeilijkste gedeelte voor je geregeld — je ontwerp op desktop wordt automatisch aangepast om op alle schermen te passen.</div></div><div data-component-type="text"><div>Ga naar de mobiele weergave om te zien hoe je website eruitziet op mobiel. Je hebt de vrijheid om het ontwerp aan te passen, zodat je bezoekers de best mogelijke ervaring krijgen, ongeacht het apparaat.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Klaar om aan de slag te gaan?</div><div class="info-content"><div>Klik rechtsboven op de pagina op het <strong>Mobiel</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/5a2b3320-ecee-419a-846c-9dd4f722ef70/a0f2961e-940d-4f6c-ac3b-1f89ab82fe88.png" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-connection-between-desktop-and-mobile" level="3">De koppeling tussen desktop en mobiel</h2></div><div data-component-type="text"><div>Wanneer je je website bouwt, maak je eerst je indeling en stijl op desktop. Wijzigingen op desktopniveau vloeien automatisch door naar mobiele en andere schermen, waardoor alles gesynchroniseerd blijft. Dit betekent dat je maar één keer hoeft te ontwerpen en dat je website meteen klaar is voor telefoons, tablets en computers.</div></div><div data-component-type="text"><div>Wil je dat je website er goed uitziet op mobiele apparaten? Je kunt hem verfijnen door de grootte, kleur of plaatsing van elementen te wijzigen, zonder de desktopversie te wijzigen. </div></div><div data-component-type="text"><div>Sommige acties, zoals het verplaatsen van elementen tussen onderdelen of containers, zijn uitgeschakeld in de mobiele weergave. Dit is om je website overzichtelijk en gemakkelijk te beheren te houden op alle apparaten. Als je die grotere zetten wilt maken, schakel dan terug naar de desktop en blijf met vertrouwen bouwen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-mobile-only-elements" level="3">Mobile-only elementen toevoegen</h2></div><div data-component-type="text"><div>Maak de mobiele ervaring van je website echt uniek door elementen die alleen voor mobiele telefoons geschikt zijn, toe te voegen. Aangezien deze elementen niet op je desktopwebsite verschijnen, kun je ze ontwerpen en hun indeling naar wens aanpassen. Dit is vooral handig wanneer je desktop-elementen wilt vervangen die minder geschikt zijn voor kleinere schermen.</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>... je in het Lagen-paneel een pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/aa7047d4-0be5-4242-8e6f-5de615e4bbc0/48a6cce6-ed49-47f0-9349-81edd9dad64c.png" /> ziet naast elementen die alleen voor mobiel beschikbaar zijn.</div> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-elements-from-mobile" level="3">Elementen van mobiel verbergen</h2></div><div data-component-type="text"><div>Je kunt elementen die je liever niet op mobiel weergeeft, altijd van desktop verbergen. Schakel over naar de mobiele weergave en open het Lagen-paneel. Klik dan naast een element op het <strong>Verbergen</strong>-pictogram zodat het alleen op desktop verschijnt. </div></div><div data-component-type="text"><div>Klik nog steeds in het Lagen-paneel op <strong>Verborgen op mobiel</strong> om de volledige lijst met verborgen elementen te zien. Als je ooit van gedachten verandert over een element, klik je op het <strong>Weergeven op mobiel</strong><strong></strong>-pictogram om het weer zichtbaar te maken.  </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-your-mobile-site" level="3">Een voorbeeld van je mobiele website bekijken</h2></div><div data-component-type="text"><div>Terwijl je aanpassingen aanbrengt, is het belangrijk om ervoor te zorgen dat het ontwerp er goed uitziet voordat je live gaat. Klik rechtsboven in de editor op Voorbeeld. Sleep dan de schuifregelaar bovenaan om het scherm kleiner te maken en te zien hoe je ontwerp live wordt aangepast — niet alleen voor mobiel, maar ook voor tablets. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/024a6fa9-bf94-4a42-b6ec-58c1ec38aced/5c696ddf-3374-4362-8c9e-bfbc825fa0e2.gif" /></div></div><div data-component-type="text"><div>Zodra je hebt gepubliceerd, scan je de QR-code die in de editor verschijnt om je website rechtstreeks op je apparaat te zien.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/bd22a2a8-4790-4404-82ed-15ce0f1a505a/48dcb4d8-be23-4d7e-b7d0-81811c7acc73.png" alt="de pop-up die verschijnt bij het publiceren van je website, met de QR-code die je kunt scannen vanaf je mobiele apparaat" /></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">Waarom kan ik op mobiele apparaten geen elementen tussen containers slepen?</h4><div class="collapsible-content"><div>Voor de beste resultaten is het verplaatsen van elementen naar een nieuwe onderdeel, vak of rastercel alleen mogelijk in desktopweergave. Dit houdt je mobiele ontwerp strak, georganiseerd en responsief op elk apparaat.</div><div><br /></div><div>Op mobiel kun je elementen binnen hun huidige container herschikken. Dit heeft geen invloed op hun volgorde op desktop. Om ze echter naar ergens anders te verplaatsen, schakel je over naar desktop.</div><div><br /></div><div><strong>Tip:</strong> De term 'Container' verwijst naar onderdelen, vakken of rastercellen waar je elementen leven.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom loopt mijn tekst op een andere manier terug op mobiel, ook al heb ik het niet gewijzigd?</h4><div class="collapsible-content"><div>De tekst is automatisch geoptimaliseerd voor mobiel, dus deze kan er anders uitzien dan desktop. </div><div><br /></div><div>Je kunt de tekst echter altijd bewerken zonder dat dit de desktopweergave beïnvloedt. Sleep de zijgrepen om de breedte van het tekstvak te wijzigen en gebruik de opties op de actiebalk (bijvoorbeeld: lettergrootte, kleur, enzovoort)</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sommige elementen zien er te klein uit op mobiel, wat kan ik doen?</h4><div class="collapsible-content"><div>Deze elementen zijn automatisch geoptimaliseerd voor mobiel, dus ze zien er mogelijk iets kleiner uit dan verwacht. </div><div><br /></div><div>Je kunt het formaat van deze elementen altijd wijzigen zonder de desktopversie te beïnvloeden. Sleep de zijgrepen om ze groter te maken.</div></div></div></div>

Wix Harmony-editor: Een voorbeeld van je website bekijken en deze publiceren

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om je website eenvoudig te beheren en te publiceren. Met automatische opslaan hoef je je geen zorgen te maken over het verliezen van je werk, en je kunt je site in de voorbeeldmodus bekijken voordat je publiceert. Leer hoe je wijzigingen live kunt brengen en krijg tips over het beheren van je website-inhoud, zodat je altijd klaar bent om te schitteren.

<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. 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-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Beheer je website rechtstreeks vanuit de editor om hem op de hoogte te houden van je laatste wijzigingen. Sla op, bekijk een voorbeeld en publiceer wanneer de inspiratie toeslaat, zodat je inhoud altijd klaar is om uit te blinken.</div></div><div data-component-type="text"><div>In de Wix Harmony-editor wordt je website automatisch opgeslagen, zodat je je nooit zorgen hoeft te maken dat je je werk kwijtraakt. Je kunt er ook voor kiezen om je voortgang wanneer je maar wilt handmatig op te slaan voor extra gemoedsrust.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-autosave" level="3">Met automatisch opslaan werken</h2></div><div data-component-type="text"><div>Automatisch opslaan helpt je werk te beschermen door automatisch wijzigingen op te slaan terwijl je je website bouwt. Deze functie zorgt ervoor dat je nooit voortgang verliest als je vergeet handmatig op te slaan.</div></div><div data-component-type="text"><div>Om automatisch opslaan in of uit te schakelen, druk je op <strong>Ctrl + Alt + Y</strong> (Windows) of <strong>Command ⌘ + Option + Y</strong> (mac) op je toetsenbord.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-a-site" level="3">Een voorbeeld van een website bekijken</h2></div><div data-component-type="text"><div>Onderwerp je website aan een test. Bekijk je website precies zoals je bezoekers hem zullen zien, op elk apparaat. De voorbeeldmodus geeft je een echte kijk op je ontwerp, navigatie en responsieve functies voordat je op publiceren klikt. </div></div><div data-component-type="heading"><h2 id="" level="4">Om een voorbeeld van je website te bekijken:</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 rechtsboven in de editor op <strong>Voorbeeld</strong>.</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/2025/08/05/ed168077-a7e6-4bc9-83f0-daabcfcf9374/d5d79b5e-7683-4ab0-863b-fbe564de21ce.png" /></div></div><div data-component-type="text"><ol>
  <li>Bekijk je website in de voorbeeldmodus op desktop of schakel over naar de mobiele weergave.<br />
<strong>Tip:</strong> Sleep de schuifregelaar bovenaan het voorbeeld om je website in verschillende schermformaten te zien. </li>  <li>Kies wat je dan wilt doen:
    <ol>
      <li>Publiceer je wijzigingen. </li>      <li>Klik op <strong>Website bewerken</strong> om terug te gaan naar de editor. </li>    </ol>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>Klik op het <strong>Aanpassen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/10/13/2162c96d-ec29-4aae-b453-575c62981bad/d2569eb8-3ab3-411b-85fe-38dcae450187.png" /> in de voorbeeldmodus om het voorbeeld op je exacte schermgrootte te laten passen.</div> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="publishing-a-site" level="3">Een website publiceren</h2></div><div data-component-type="text"><div>Klaar om te lanceren? Als je publiceert, worden je updates live gebracht, zodat de wereld je laatste werk direct kan zien. Je website is altijd één klik verwijderd van een publicatie of het delen van een nieuw herontwerp.</div></div><div data-component-type="heading"><h2 id="" level="4">Om je website te publiceren:</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 rechtsboven in de editor op <strong>Publiceren</strong>.</li>  <li>Wacht op het bevestigingsbericht dat je website live is.</li>  <li>(Optioneel) Scan met je mobiel het <strong>QR-code</strong>-pictogram om snel te testen hoe je website eruitziet op mobiel.</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/2025/10/13/0fdc603c-1eba-4404-8320-3076158dbe9a/f83a52ec-9387-49f8-aebd-894423c54f1b.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">En nu?</div><div class="info-content"><div>Na publicatie van je website, verschijnt deze automatisch online en kan deze worden bekeken door iedereen die je <a data-composite="true" href="https://support.wix.com/nl/article/de-gratis-wix-url-wijzigen" target="">gratis website-URL</a> invoert (websiteprefix.wixsite.com/website-naam) of <a data-composite="true" href="https://support.wix.com/nl/article/een-domein-aan-je-website-koppelen-9229067" target="">domeinnaam</a>.</div></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">Wat is het verschil tussen opslaan en publiceren?</h4><div class="collapsible-content"><div>Opslaan slaat je bewerkingen privé op, alleen jij en je team zien ze in de editor. Door te publiceren, wordt de nieuwste versie live voor iedereen die je website bezoekt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik teruggaan naar een eerder opgeslagen of gepubliceerde versie van mijn website?</h4><div class="collapsible-content"><div>Je kunt op elk moment een oudere versie van je website herstellen en opnieuw publiceren. Lees hoe je <a data-composite="true" href="https://support.wix.com/nl/article/websitegeschiedenis-bekijken-en-beheren" target="">eerdere versies van je website kunt bekijken en herstellen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe verberg ik een pagina van mijn website als deze nog niet klaar is voor mijn bezoekers?</h4><div class="collapsible-content"><div>Als je nog aan een bepaalde pagina werkt, kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-customizing-menus#managing-menu-items" target="">deze van je websitemenu verwijderen</a> totdat je klaar bent om bezoekers te zien. </div><div><br /></div><div>Je kunt ook overwegen <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-managing-pages#managing-your-site-pages" target="">een wachtwoord toe te voegen</a> om toegang te krijgen tot de pagina (voor het geval iemand de link vindt). </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom worden mijn wijzigingen na publicatie niet weergegeven op de live website?</h4><div class="collapsible-content"><div>Zorg ervoor dat je in de editor op de <strong>Publiceren</strong>-knop hebt geklikt nadat je je wijzigingen hebt aangebracht. Opgeslagen wijzigingen in de editor of de voorbeeldmodus verschijnen niet op de live website totdat je ze publiceert. </div><div><br /></div><div>Als het probleem zich blijft voordoen, probeer dan de cache van je browser te wissen, in een incognitovenster te testen of de website opnieuw te publiceren.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik heb mijn website per ongeluk gepubliceerd, kan ik de publicatie ervan ongedaan maken?</h4><div class="collapsible-content"><div>Ja, je kunt de publicatie van je website op elk moment permanent of tijdelijk ongedaan maken. Om de publicatie van je website ongedaan te maken:<br />
</div><ol>
  <li>Klik linksboven in de editor op de <strong>Wix</strong>-dropdown.</li>  <li>Wijs <strong>Websiteacties</strong> aan en klik op <strong>Publicatie website ongedaan maken</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik heb mijn website gepubliceerd, waarom kan ik deze niet vinden op Google?</h4><div class="collapsible-content"><div>Het kan even duren voordat nieuwe sites, pagina's en updates in de zoekresultaten van zoekmachines worden weergegeven, omdat ze door Google moeten worden gecrawld en geïndexeerd. Je kunt controleren of zoekmachines zoals Google en Bing je website hebben geïndexeerd. Typ 'site:' gevolgd door de URL van je domein. Bijvoorbeeld '<strong>site:</strong>mijnprofessionelewebsite.com/'. </div><div><br /></div><div><strong>Tip:</strong> Optimaliseer <a data-composite="true" href="https://support.wix.com/nl/article/word-gevonden-op-google-best-practices-voor-seo" target="">de SEO</a> van je website om deze gevonden te krijgen in zoekmachines. Het optimaliseren van SEO kan ook de positie van je site op zoekresultatenpagina's verbeteren. </div></div></div></div>

Wix Harmony-editor: Een rondleiding

Ontdek de nieuwe Wix Harmony-editor, een krachtige alles-in-één websitebouwer die in december 2025 is gelanceerd. Met gebruiksvriendelijke AI-tools en dynamische ontwerpopties kun je snel en zonder ontwerp- of codeerervaring je website creëren. Leer hoe je de actiebalk, navigatiebalk en verschillende panelen gebruikt om je workflow te optimaliseren en je site aan te passen voor zowel desktop- als mobiele weergaven.

<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. 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-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Welkom bij Wix Harmony, de geheel nieuwe alles-in-één bouwer die creatieve magie binnen handbereik brengt. Met slimme AI-tools, dynamische ontwerpopties en totale vrijheid om op jouw manier te bouwen, kun je met vertrouwen je eerste website lanceren of je laatste project opnieuw bedenken. </div></div><div data-component-type="text"><div>In dit artikel maken we kennis met de editor. Bereid je voor om sneller dan ooit tevoren te ontwerpen, maken en te innoveren. Er is geen ontwerp- of codeerervaring nodig.</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/2025/08/07/aec34611-61f7-41de-9649-06b3052f35db/5c6dd5f0-1dea-47bf-a54b-ae401bfdf6f4.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten: </div><div class="info-content"><div>De editor is volledig responsief. Wanneer je het formaat van je browservenster wijzigt, wordt het canvas automatisch aangepast, zodat je altijd kunt zien hoe je website eruitziet bij verschillende formaten.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-action-bar" level="3">De actiebalk</h2></div><div data-component-type="text"><div>De actiebalk bevindt zich direct boven de pagina en geeft je direct toegang tot instellingen en tools die zijn afgestemd op waar je aan werkt. Selecteer een menu, onderdeel of element en je zult zien dat de opties automatisch worden bijgewerkt. </div></div><div data-component-type="text"><div>Wanneer je bijvoorbeeld een tekstelement selecteert, geef je de actiebalk je snel de mogelijkheid om het lettertype, evenals de grootte, uitlijning en opmaak te wijzigen. Als je daarna de koptekst selecteert, verschijnen er nieuwe opties zoals het wijzigen van de achtergrond, het toevoegen van een scrolleffect en meer. </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/2025/08/11/18689f97-77e0-4dfb-9b78-12dcc99a2505/250bf91a-8f50-4a2e-86d3-3f5354c85ae7.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-top-navigation-bar" level="3">De bovenste navigatiebalk</h2></div><div data-component-type="text"><div>Links van de editor heb je toegang tot alles wat je bewerkingsworkflow stimuleert. Schakel eenvoudig tussen <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-managing-pages" target="">pagina's</a>, bekijk de kleuren en lettertypen van je <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-over-merk" target="">merk</a>, publiceer wijzigingen, krijg informatie van het dashboard en nog veel meer. Deze balk houdt je belangrijkste besturingselementen slechts een klik verwijderd, zodat je snel en georganiseerd kunt werken. </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/2025/08/07/b311ca39-4c95-4801-b348-dee57a7ac6b8/e28ea0ed-6265-4f2b-b044-9c1226df146b.png" /></div></div><div data-component-type="text"><div>Klik hieronder om meer te lezen over elk deel van de bovenste balk. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menu Snelle website-acties</h4><div class="collapsible-content"><div>Klik linksboven op het Wix-logo om het Snelle website-acties-menu te openen. Vanhieruit kun je een voorbeeld van je website bekijken, wijzigingen publiceren, de websitegeschiedenis bekijken, toegang krijgen tot de Media Manager, marketingtools openen en meer. </div><div><br /></div><div>Met dit menu kun je ook rechtstreeks naar je dashboard gaan, je pakket upgraden of hulp krijgen wanneer je het nodig hebt.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/08/07/95c5c47d-a1aa-4cf7-a34d-d2ec531901a2/f45ea109-ca46-4590-ab60-3d7cb761211a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Websiteoverzicht</h4><div class="collapsible-content"><div>Het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-over-je-websiteoverzicht" target="">Websiteoverzicht</a>-paneel verzamelt al je kernbedrijfsgegevens op één plek, van je domein en favicon tot de naam en beschrijving van je organisatie. </div><div><br /></div><div>Bewerk je websiteprofiel om gepersonaliseerde inhoud vorm te geven, je aanwezigheid in de zoekresultaten te verbeteren en de identiteit van je website centraal te houden.</div><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/08/07/1fe34a82-d337-43dd-8ea2-a4cd23c18ab2/9279ef57-e566-46f4-825e-8a26c526bc80.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Merk</h4><div class="collapsible-content"><div>In het <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-over-merk" target="">Merk</a>-paneel bepaal je het uiterlijk van je website. Stel je kleurenpalet in, kies tekststijlen en pas knop-, lijn- en vakthema's aan zodat elke pagina consistent en on-brand is. </div><div><br /></div><div>Het bijwerken van deze algemene stijlen zorgt ervoor dat je hele website er gepolijst en professioneel uitziet.</div><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/08/07/90ac9b1b-d562-4068-a797-70e927a3bf2e/86cc857d-124e-4d1e-9a1c-5c0dd0fd241e.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pagina's-paneel</h4><div class="collapsible-content"><div>Als je op de naam van de huidige pagina klikt, wordt het<strong> </strong>het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-and-managing-pages" target="">Pagina's</a>-paneel links geopend. Hier bekijk je je websitepagina's, voeg je ze toe en organiseer je ze. </div><div><br /></div><div>Schakel snel tussen pagina's, maak nieuwe en pas pagina-instellingen aan om je websitestructuur duidelijk en gemakkelijk te navigeren te houden.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/08/07/fdaccf6f-006c-4cc9-84ea-85cf82cfae6f/4187abe0-47c2-4b1d-8b74-ca60d476d27c.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Passend (zoomen)</h4><div class="collapsible-content"><div>Met de<strong> Passend</strong>-dropdown bovenaan de editor kun je aanpassen hoe je je website bekijkt tijdens het bewerken. Zoom direct in of uit, kies een vooraf ingesteld zoomniveau of zorg ervoor dat de pagina op je scherm past. </div><div><br /></div><div>Dit helpt je je te concentreren op details of het grotere geheel te krijgen, waardoor ontwerpaanpassingen gemakkelijker en nauwkeuriger worden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Voorbeeld bekijken en publiceren</h4><div class="collapsible-content"><div>Je kunt altijd rechtsboven in de editor op <strong>Voorbeeld</strong> klikken om te zien hoe je website er live uit zou zien. Wanneer je klaar bent om je website te delen, klik je op <strong>Publiceren</strong>. </div><div><br /></div><div>Zodra je <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-een-voorbeeld-van-je-website-bekijken-en-deze-publiceren" target="">publiceert</a>, zie je een bevestiging met de live URL van je website en een QR-code die het gemakkelijk maakt om je website op mobiel te bekijken. Bezoekers hebben meteen toegang tot je website en je kunt je eigen aangepaste domein koppelen om er professioneler uit te zien.<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/08/07/5ac29391-7170-40d9-a5f2-a9ba91294501/f9244521-d170-4da0-b72c-22344175ae7f.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-add-elements-panel" level="3">Het Elementen toevoegen-paneel</h2></div><div data-component-type="text"><div>Het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-adding-elements" target="">Elementen toevoegen</a>-paneel is je creatieve lanceerplatform in de Wix Harmony-editor. Vanhieruit kun je een enorme bibliotheek met elementen verkennen, zoals koppen, afbeeldingen, diavoorstellingen, menu's en zelfs apps van derden. </div></div><div data-component-type="text"><div>Filter op categorie of gebruik de zoekbalk om snel te vinden wat je nodig hebt. Sleep dan elementen naar je canvas en begin met het vormgeven van je website. </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/2025/08/07/6f8820dc-04be-4933-992d-58b1f0e0de5b/d86e3b23-4174-4f4c-999d-3557dbeb4c72.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ask-ai-aria" level="3">Het aan AI vragen (Aria)</h2></div><div data-component-type="text"><div>Aria, je veelzijdige AI-partner, is er om je te helpen je workflow te stroomlijnen. Klik op het <strong>Aria</strong>-pictogram rechtsonder in de editor om te beginnen met chatten. Wanneer je een element selecteert, kun je ook op de actiebalk op <strong>Aan AI vragen</strong> klikken voor op maat gemaakte promptsuggesties.</div></div><div data-component-type="text"><div>Vraag Aria om onderdelen te verplaatsen, een nieuw ontwerp te genereren, indelingsproblemen op te lossen of de tekst van het onderdeel te verbeteren — allemaal met een eenvoudige opdracht. Als je meer wijzigingen moet aanbrengen, stuur dan rechtstreeks in de chat nog een bericht naar Aria.</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/2025/08/07/12373b5d-feff-45f5-8520-84bc1d778bcd/41f59965-3dda-4021-b045-69f4de5049dd.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-panels" level="3">Overige panelen</h2></div><div data-component-type="text"><div>Linksonder van de editor vind je extra panelen om je te helpen elk deel van je pagina te beheren. Gebruik het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" /> om de structuur van elk onderdeel en element op je pagina te zien. Dit is ideaal voor het verfijnen van indelingen en het beheren van overlappende items.</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/2025/08/07/37062d3f-1a1b-4bdf-9e5e-c58e2a2e9779/084c81e7-e385-4a77-973b-52b78c6777c5.png" /></div></div><div data-component-type="text"><div>Klik op het <strong>Hulp</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/18/f09ac81f-9569-41af-967c-342e02dd9290/80284a6c-e7c7-47c5-bdfe-04c6ff8e5256.png" /> om op maat gemaakte tips, handleidingen en antwoorden te zien die specifiek zijn voor waar je je bevindt in de editor. Dit maakt het gemakkelijk om ondersteuning te krijgen en nieuwe functies te ontdekken, zonder je werkruimte ooit te verlaten.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="mobile-view" level="3">Mobiele weergave</h2></div><div data-component-type="text"><div>Schakel rechtsboven op de pagina snel met één klik tussen desktop- en mobiele weergaven. Met de mobiele weergave kun je zien hoe je website eruitziet op kleinere schermen. </div></div><div data-component-type="text"><div>Hoewel je website automatisch responsief is voor verschillende schermformaten, heb je altijd de vrijheid om <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-je-website-aanpassen-voor-mobiel" target="">het mobiele ontwerp aan te passen</a> en je bezoekers de best mogelijke ervaring te geven, ongeacht het apparaat.</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/2025/08/07/12b36c8a-ebd4-4734-9450-4f3f2a709fca/82f5cf7e-edc3-47a4-9338-82e29dfb115c.png" /></div></div>

In december 2025 hebben we een nieuwe websitebouwer uitgebracht: de Wix Harmony-editor. Nu zowel de Wix Harmony-editor als de Wix Editor beschikbaar zijn, kun je niet zeker weten met welke je werkt, v...

Wix Harmony-editor: Het verschil tussen Wix Editor en Wix Harmony

Ontdek de belangrijkste verschillen tussen de Wix Harmony-editor en de Wix Editor, zodat je kunt identificeren welke je gebruikt. Leer over de strakke interface van de Harmony-editor, de handige AI-partner Aria, en de unieke functies die deze nieuwe editor biedt. Vergelijk dit met de traditionele Wix Editor en begrijp hoe beide editors je kunnen helpen bij het creëren van professionele websites.

<div data-component-type="text"><div>In december 2025 hebben we een nieuwe websitebouwer uitgebracht: de Wix Harmony-editor. Nu zowel de Wix Harmony-editor als de Wix Editor beschikbaar zijn, kun je niet zeker weten met welke je werkt, vooral als je net begint of iets onbekends ziet. </div></div><div data-component-type="text"><div>Dit artikel legt de belangrijkste verschillen tussen de editors uit, zodat je kunt identificeren welke je gebruikt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-harmony-editor" level="3">De Wix Harmony-editor</h2></div><div data-component-type="text"><div>De Wix Harmony-editor heeft een strakke, minimalistische werkomgeving, zodat je je met gemak kunt concentreren. De hoofdacties zijn altijd bovenaan beschikbaar (bijvoorbeeld: Toevoegen, Merk, Pagina's) om je op weg te helpen. </div></div><div data-component-type="text"><div>Als je een element selecteert, wordt de actiebalk weergegeven. Hij bevindt zich direct boven de pagina en geeft je direct toegang tot instellingen en tools die zijn afgestemd op waar je aan werkt. </div></div><div data-component-type="text"><div>Wix Harmony introduceert ook Aria, je bekwame AI-partner, die op elk moment klaar staat om te helpen. Klik onderaan de editor op <strong>Vraag het aan Aria</strong> om te beginnen met chatten. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-editor" level="3">De Wix Editor</h2></div><div data-component-type="text"><div>Als je in de Wix Editor werkt, zie je de linkerkant van het scherm een paneel met grote pictogrammen. Deze pictogrammen openen de hoofdpanelen, zoals Elementen toevoegen, Websiteontwerp en meer. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/a379624b-8122-4a6a-b1c7-5486e4890433/d4eee888-b62d-4a1e-b5f3-9f4a2f01d6c3.png" alt="De Wix Editor, met de linkerzijpanelen gemarkeerd" /></div></div><div data-component-type="text"><div>Als je een element selecteert, verschijnt er een werkbalk met de belangrijkste acties die je nodig hebt, direct boven of onder het element. </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/07611794-742f-4d53-8c5b-24ba712a6934/2024/08/06/5593c458-f673-471a-a1d9-fad81f55d074/0934cd9e-4d80-4c5b-92ff-f90788413169.jpeg" alt="De aanpassingsopties in de Wix Editor." /></div></div><div data-component-type="text"><div>De Wix Editor bevat verschillende AI-tools, beschikbaar linksonder via het<strong> AI-tools</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/04667505-2c8a-4794-8ca3-1e5a9131f3fb/8b13e1d9-cc77-4ded-9761-04d4f0beeea6.png" />. In tegenstelling tot de Wix Harmony-editor, bevat het niet de optie om tijdens het hele creatieproces vrij te chatten met AI. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/99301477-ac33-45c2-b13b-71b1696fb256/72fda2bb-67c2-4414-8945-d9107ff52c61.png" alt="het AI-tools-paneel in de Wix Editor" /></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 om meer te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is er een manier om een website van de Wix Editor naar de Wix Harmony-editor te verplaatsen?</h4><div class="collapsible-content"><div>Momenteel is het niet mogelijk om een bestaande website te migreren van de Wix Editor naar de Harmony-editor. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ondersteunt de Wix Harmony-editor dezelfde apps en functies als de Wix Editor?</h4><div class="collapsible-content"><div>De Wix Harmony-editor bevat de meeste elementen en apps die je kent van de Wix Editor. Je vindt ook een breed scala aan nieuwe ontwerpen die speciaal voor Wix Harmony zijn samengesteld, samen met de optie om <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-een-element-genereren-met-ai" target="">je eigen elementen te genereren</a> met AI.</div><div><br /></div><div>We zijn momenteel bezig met het toevoegen van:</div><ul>
  <li>Wix Multilingual</li>  <li>CMS</li>  <li>Accordeon</li>  <li>Audiospeler</li>  <li>Glaseffect</li>  <li>Multi-state vakken</li>  <li>Tabbladen</li>  <li>Tekstmasker</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Zullen mijn websitebezoekers een verschil opmerken, afhankelijk van de editor die ik gebruik?</h4><div class="collapsible-content"><div>Nee, bezoekers van je website weten niet welke editor je hebt gebruikt. Wat ze zien, hangt volledig af van de ontwerpkeuzes die je maakt. Met beide editors kun je unieke, professionele websites maken. </div><div><br /></div><div>Dat gezegd hebbende, geeft Wix Harmony je toegang tot nieuwe website-, onderdeel- en elementontwerpen, dus als je deze gebruikt, kan je website opvallen met een frissere uitstraling. </div></div></div></div>

Wix Harmony-editor: Lopende tekst toevoegen en aanpassen

Ontdek hoe je lopende tekst toevoegt aan je website met de Wix Harmony-editor, een geanimeerd element dat je berichten in beweging brengt. Dit is een geweldige manier om updates, promoties of nieuws te delen en je bezoekers betrokken te houden. Leer hoe je de tekst kunt aanpassen aan jouw stijl en merk, zodat je website er energiek en actueel uitziet.

<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 vorige editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Breng je website tot leven met lopende tekst, een geanimeerd tekstelement dat je bericht in beweging markeert. Het is een eenvoudige manier om updates, promoties of nieuws te laten zien en bezoekers betrokken te houden vanaf het moment dat ze op je pagina terechtkomen — zonder code.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-running-text" level="3">Lopende tekst toevoegen</h2></div><div data-component-type="text"><div>Met lopende tekst kun je geanimeerde, scrollende berichten aan je website toevoegen. Het is perfect voor het aankondigen van uitverkoop, evenementen of belangrijk nieuws, waardoor updates onmogelijk te missen zijn. Kies een stijl, pas je bericht aan en houd je website er energiek en up-to-date uit.</div></div><div data-component-type="heading"><h2 id="" level="4">Om lopende tekst 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 in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Selecteer de <strong>Tekst</strong>-categorie.</li>  <li>Selecteer het <strong>Lopende tekst</strong>-tabblad.</li>  <li>Sleep een ontwerp dat je leuk vindt naar je pagina.</li>  <li>Voer je tekst in:
    <ol>
      <li>Klik op de actiebalk op <strong>Tekst bewerken</strong>.</li>      <li>Voer je tekst in onder <strong>Tekst</strong>.</li>    </ol>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Terwijl je je tekst invoert, kun je Emoji's toevoegen met behulp van de relevante sneltoets: </div><ul>
  <li><strong>PC: </strong>Windows-logotoets +</li>  <li><strong>Mac: </strong>Control + Command + Spatie </li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-running-text" level="3">Lopende tekst aanpassen</h2></div><div data-component-type="text"><div>Breng je ideeën op de voorgrond door je lopende tekst echt van jou te maken. Kies een lettertype dat bij je stijl past, voeg de kleuren van je merk toe en stel de sfeer in met de scrollrichting en -snelheid. Met aangepaste scheidingstekens en flexibele afstanden kan elk detail je unieke stem weergeven en de aandacht van je bezoekers trekken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om lopende tekst 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 je lopende tekst.</li>  <li>Pas je lopende tekst aan met de beschikbare opties:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Instellingen</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/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/12/2e778bf0-b493-4fa0-943a-93c482e18e46/d59cae4e-6063-4119-b2d1-1173296ed368.png" />.</li>  <li>Kies wat je aan wilt passen:
    <ul>
      <li><strong>Tekst:</strong> Voer het bericht in dat je wilt weergeven.</li>      <li><strong>Bewegingsrichting:</strong> Selecteer of de tekst van links naar rechts of van rechts naar links wordt verplaatst.</li>      <li><strong>Linkt naar:</strong> Kies een link voor je lopende tekst als je deze klikbaar wilt hebben.</li>      <li><strong>Pauzeren bij aanwijzen:</strong> Schakel deze schakelaar in als je wilt dat de tekst pauzeert wanneer bezoekers deze aanwijzen.</li>      <li><strong>Snelheid:</strong> Sleep de schuifregelaar om aan te passen hoe snel de tekst wordt verplaatst.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Instellingen scheidingsteken</h4><div class="collapsible-content"><ol>
  <li>Klik op de actiebalk op <strong>Instellingen scheidingsteken</strong>.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li>Wijzig het scheidingsteken-pictogram:
        <ul>
          <li>Klik 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/2024/04/02/e1127e62-125b-40a9-8b3f-8d87aac4226d/ca3131a7-f961-49f7-8f06-c294e464f18b.png" /> om de vorm te wijzigen. Je kunt kiezen uit veel verschillende ontwerpen in de Media Manager of je eigen SVG uploaden.</li>          <li>Klik op het <strong>Verwijderen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/02/89f4e9f5-1df0-4fda-b75e-9375d120a7bf/1a02a8f7-6761-4101-afc3-85ef28d48924.png" /> om het scheidingsteken te verwijderen.</li>        </ul>      </li>      <li>Pas het scheidingsteken-pictogram aan:
        <ul>
          <li>Sleep de <strong>Kleur en dekking</strong>-schuifregelaar om de kleur aan te passen.</li>          <li>Sleep de <strong>Schaal scheidingsteken</strong>-schuifregelaar om de pictogramgrootte in te stellen.</li>        </ul>      </li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tekst en afstand</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>Kies wat je dan wilt doen:
    <ul>
      <li>Klik op <strong>Tekst</strong> om <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-new-adding-and-editing-text#formatting-your-text" target="">de tekst te ontwerpen</a>. </li>      <li>Klik op <strong>Afstand</strong> om de ruimte tussen items aan te passen. Sleep de schuifregelaar om de opening breder of kleiner te maken.</li>    </ul>  </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">Wat gebeurt er als bezoekers op de lopende tekst klikken?</h4><div class="collapsible-content"><div>Bezoekers kunnen het effect op de live website pauzeren / afspelen door op de tekst te klikken. Deze optie wordt automatisch ingeschakeld en kan niet worden uitgeschakeld. Door een link aan je tekst toe te voegen, kunnen bezoekers klikken en rechtstreeks naar de gelinkte pagina of website gaan.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat is de tekenlimiet voor lopende tekst? </h4><div class="collapsible-content"><div>Je kunt maximaal 450 tekens invoeren voor je lopende tekst.</div></div></div></div>

Wix Harmony: Afbeeldingen toevoegen, maken en uploaden

Ontdek hoe je afbeeldingen kunt toevoegen, uploaden en creëren met de Wix-editor om je website visueel aantrekkelijker te maken. Leer hoe je je eigen foto's kunt gebruiken of professionele stockfoto's kunt vinden, en gebruik de Wix AI Image Creator om unieke afbeeldingen te genereren zonder ontwerpvaardigheden. Door deze stappen te volgen, verbeter je de uitstraling van je site en deel je je boodschap effectiever.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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 Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Afbeeldingen maken je website aantrekkelijker en helpen je je boodschap visueel te delen. Je kunt in slechts een paar stappen afbeeldingen toevoegen, maken of uploaden, met behulp van je eigen foto's, gratis opties van Wix of professionele stockfoto's die bij jouw stijl passen.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/04/d17e4599-3a91-4d0c-9108-cad9784c8d74/24b9a9c2-f8a7-4471-9102-556ce65f4bd0.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-image-to-a-page" level="3">Een afbeelding aan een pagina toevoegen</h2></div><div data-component-type="text"><div>Voeg afbeeldingen toe aan eender welk deel van je pagina om je inhoud te benadrukken of visueel interessant te maken. Je kunt kiezen uit je eigen uploads of het brede scala aan gratis afbeeldingen en professionele opties verkennen die beschikbaar zijn via Wix.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een afbeelding aan een pagina 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 bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Klik op <strong>Afbeelding</strong>.</li>  <li>Klik of sleep een afbeelding naar de pagina.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/04/0cd3f7cb-daf8-4104-927b-650c3347c042/be5ff45f-77e9-48b3-b32a-e1f891858562.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="uploading-your-own-images" level="3">Je eigen afbeeldingen uploaden</h2></div><div data-component-type="text"><div>Upload afbeeldingen naar je website vanaf je computer, een andere Wix-website of externe bronnen zoals sociale netwerken en links. Eenmaal geüpload, worden je afbeeldingen opgeslagen in <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-over-de-media-manager" target="">de Media Manager van de website</a>, zodat je ze overal op je website kunt gebruiken wanneer je maar wilt.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een afbeelding te uploaden:</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 bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Klik op het <strong>Media uploaden</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/18/265b966e-4415-484a-a895-c803d6da08f4/bd4bc0aa-1c35-40f3-b3ce-838ba70c5e8c.png" />.</li>  <li>Kies waar je afbeeldingen wilt uploaden:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Je computer</h4><div class="collapsible-content"><div>Kies een van de onderstaande opties:</div><ul>
  <li>Sleep bestanden naar de Media Manager.</li>  <li>Klik op <strong>Uploaden vanaf computer</strong>.
    <ol>
      <li>Selecteer de bestanden die je wilt uploaden.</li>      <li>Klik op <strong>Openen</strong>.<br />
<strong><br />
</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e9471e96-8e0a-4ac1-9fa6-02e99938bd27/2023/06/19/aa72bd67-d667-45e0-8473-55c8ba3cafa9/a11a1f19-d42c-4c66-acca-f39b6f9ee5d9.png" alt="Een screenshot van de opties om media vanaf je computer te uploaden." /></li>    </ol>  </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Andere Wix-websites</h4><div class="collapsible-content"><ol>
  <li>Klik op <strong>Mijn Wix-account</strong>. </li>  <li>Dubbelklik op de relevante websitemap.</li>  <li>Selecteer de bestanden die je wilt uploaden.</li>  <li>Klik op <strong>Upload selectie</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sociale netwerken</h4><div class="collapsible-content"><ol>
  <li>Selecteer het relevante sociale netwerk. </li>  <li>Klik op <strong>Koppelen</strong>.</li>  <li>Selecteer de bestanden die je wilt uploaden.</li>  <li>Klik op <strong>Upload selectie</strong>.<strong> </strong></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een link (URL)</h4><div class="collapsible-content"><ol>
  <li>Klik links op het <strong>Link</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/07/29/4cda1873-3119-44ac-bf91-689408c38afe.png" />.</li>  <li>Plak de URL-link en klik op <strong>Importeren</strong>.</li></ol></div></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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/04/456a7e9b-2d29-4fe9-a213-a0a520c35927/e479644b-dd64-47d6-95dc-233e97c55488.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-an-image-using-ai" level="3">Een afbeelding maken met AI</h2></div><div data-component-type="text"><div>Gebruik de <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-afbeeldingen-creëren-met-de-wix-ai-image-creator" target="">Wix AI Image Creator</a> om aangepaste afbeeldingen van hoge kwaliteit voor je website te genereren. Door te beschrijven wat je wilt en een afbeeldingsstijl te kiezen, kun je eenvoudig gloednieuwe graphics maken die bij je visie passen. Er zijn geen ontwerpvaardigheden vereist.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de AI Image Creator te gebruiken:</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 bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Klik op het <strong>Media uploaden</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/18/265b966e-4415-484a-a895-c803d6da08f4/bd4bc0aa-1c35-40f3-b3ce-838ba70c5e8c.png" /> en verlaat het venster.</li>  <li>(In de Media Manager) Klik links op <strong>AI Image Creator</strong>.</li>  <li>Voer je prompt in onder <strong>Je afbeelding beschrijven</strong>.</li>  <li>Selecteer een stijl.</li>  <li>Klik op <strong>Afbeeldingen maken</strong>.</li>  <li>(Indien nodig) Klik op <strong>Opnieuw maken</strong> om nog een afbeelding te genereren.</li>  <li>Klik op <strong>Afbeelding gebruiken</strong>.</li>  <li>(Optioneel) Bewerk de afbeelding indien nodig verder.</li>  <li>Klik op <strong>Opslaan </strong>om de afbeelding toe te voegen aan de Media Manager van de website.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/18/4421b29d-c806-4920-b728-aed6169a4c44/957468ce-626d-4985-b63a-b352c37a95e6.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">En nu?</div><div class="info-content"><div>Nadat je een afbeelding hebt toegevoegd, kun je <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/72ef69f3-e04b-4698-a743-e0fafe51252f/nl" target="">het formaat van je afbeelding wijzigen en aanpassen</a> om perfect te passen bij de indeling en stijl van je website.</div></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 over het toevoegen van afbeeldingen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom kan ik een afbeelding op mijn website niet wijzigen naar een SVG-bestand?</h4><div class="collapsible-content"><div>Wanneer je een afbeelding probeert te wijzigen naar een SVG-bestand, zul je zien dat de <strong>Afbeelding kiezen</strong>-knop in de Media Manager grijs wordt weergegeven. Dit is omdat je een afbeelding niet kunt vervangen door een SVG-bestand. In plaats daarvan moet je het bestand aan je website toevoegen door de bovenstaande stappen te volgen, of <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-over-vector-art" target="">vector art toevoegen</a> en deze dan vervangen door je eigen SVG-bestand. De afbeeldingen blijven uploaden, zelfs als je de Media Manager afsluit.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik upload een SVG-bestand. Kan ik de kleuren wijzigen in de editor?</h4><div class="collapsible-content"><div>Ja, maar zorg ervoor dat je het bestand exporteert als 'Vullen'. Wanneer je een SVG als 'stroke' exporteert, wordt het bestand automatisch geïmporteerd als vector art (in plaats van een basisvorm), die je niet kunt ontwerpen. <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-met-vector-art-en-basisvormen-werken#designing-vector-art-and-basic-shapes" target="">Lees hoe je SVG-kleuren wijzigt in de editor</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik externe afbeeldingen naar de editor slepen en neerzetten?</h4><div class="collapsible-content"><div>Ja, je kunt afbeeldingen en GIF's van je computer rechtstreeks naar het canvas slepen en neerzetten. De afbeelding wordt automatisch toegevoegd aan de <strong>Websitebestanden</strong>-map in de Media Manager. </div><div><br /></div><div><strong>Tip:</strong> Er verschijnt onderaan de editor een melding telkens je een bestand sleept, zodat je snel toegang hebt tot de exacte locatie. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/08/14/062ae1ad-339a-443f-abc7-ce7eacefaa1d/4369d45a-a68a-4b62-90e6-2ac9414e36a9.png" /></div></div></div></div>

Wix Harmony: Een videospeler toevoegen en aanpassen

Ontdek hoe je video's kunt toevoegen en aanpassen op je website met de Wix Harmony-editor. Leer hoe je video's rechtstreeks kunt uploaden of embedden vanaf sociale media, en pas de afspeelinstellingen aan om de ervaring van je bezoekers te verbeteren. Met de videospeler kun je ook een omslagafbeelding toevoegen en de speler ontwerpen, zodat deze perfect bij je site past. Volg de stappen in het artikel om je video's effectief te integreren en te personaliseren.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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 Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div><br /></div><div>Video's brengen het verhaal van je website tot leven, trekken de aandacht en bouwen een band met bezoekers op. Presenteer een promotievideo, stimuleer de verkoop met een demo of belicht zelfs iets inspirerends van je social media.</div></div><div data-component-type="text"><div>Met de videospeler kun je video's rechtstreeks naar je website uploaden of ze vanaf je favoriete social media-platforms embedden. Voeg een omslagafbeelding toe, pas afspeelinstellingen aan, zoals automatisch afspelen of looping, en kies of je bezoekers een controlebalk zien.</div></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-player" level="3">Een speler toevoegen</h2></div><div data-component-type="text"><div>Kies een speler in het Toevoegen-paneel en sleep deze naar je website. Je kunt ervoor kiezen om een videobestand rechtstreeks vanaf je computer te uploaden of een URL van een social media-platform te embedden.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een video toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Klik links in de editor op <strong>Toevoegen </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" />.</li>  <li>Klik op <strong>Video</strong>.</li>  <li>Kies ervoor om een video te uploaden of te embedden:
    <ul>
      <li><strong>Uploaden: </strong>Upload een video vanaf je computer.
        <ol>
          <li>Klik op het <strong>Media uploaden</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/05/65419773-e952-433e-a335-245a42610917/7a36378e-229d-4773-98e9-8ce9a1781ea7.png" />.</li>          <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-media-toevoegen-aan-een-website#uploading-your-own-media" target="">Upload je video</a>.</li>        </ol>      </li>      <li><strong>Embedden:</strong> Voeg een video-URL toe van je social media-platform naar keuze, bijvoorbeeld Facebook, Vimeo.
        <ol>
          <li>Sleep de relevante speler naar je pagina.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-player" level="3">De videospeler aanpassen</h2></div><div data-component-type="text"><div>Pas aan hoe en wanneer je video wordt afgespeeld, voeg een persoonlijk tintje toe met aangepaste titels of omslagafbeeldingen, en geef de speler vorm zodat deze bij de rest van je website past.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Beschikbare aanpassingsopties variëren afhankelijk van of je een video uploadt of embed.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om een videospeler aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Klik op het Videospeler-element op de pagina.</li>  <li>Kies hoe je het wilt aanpassen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bepaal hoe je video wordt afgespeeld</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op de <strong>Instellingen </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/2b4372f8-5c64-46a1-9703-49e9d53972bb/4172088e-902e-4bd6-96f2-e75f13c8e7bb.png" /><strong></strong>.</li>  <li>Pas het volgende aan:
    <ul>
      <li><strong>Geüploade video:</strong>
        <ul>
          <li><strong>Bedieningselementen inschakelen: </strong>Een reeks bedieningselementen die op je speler worden weergegeven die bezoekers kunnen gebruiken,<strong> </strong>bijv. Afspelen / Pauzeren, Dempen / Dempen opheffen, Afspeelsnelheid, Volledig scherm-beheer en meer.</li>          <li><strong>Video loopen</strong>: Je video wordt steeds opnieuw afgespeeld.</li>          <li><strong>Automatisch afspelen: </strong>Je video wordt automatisch afgespeeld zodra de website wordt geladen.</li>          <li><strong>Dempen: </strong>Je video speelt geen geluid af.</li>        </ul>      </li>      <li><strong>Embedded-video:</strong>
        <ul>
          <li><strong>Video loopen</strong>: Je video wordt steeds opnieuw afgespeeld.</li>          <li><strong>URL: </strong>Voer de URL van de video in</li>          <li><strong>Beschrijving: </strong>Voer een korte beschrijving voor de video in.</li>          <li><strong>Dempen bij afspelen: </strong>Je video speelt geen geluid af.</li>          <li><strong>Bedieningselementen weergeven: </strong>Er wordt een reeks besturingselementen op je speler weergegeven die bezoekers kunnen gebruiken,<strong> </strong>bijv. Afspelen / Pauzeren, Dempen / Dempen opheffen, Afspeelsnelheid, Volledig scherm-beheer en meer.</li>          <li><strong>Automatisch afspelen</strong>: Je video wordt automatisch afgespeeld zodra de website wordt geladen.</li>        </ul>      </li>    </ul>  </li></ol><div><br /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wijzig de video</h4><div class="collapsible-content"><div>Je kunt de video altijd vervangen door een andere, of dit nu vanaf je computer is of vanaf je social media (bijvoorbeeld: YouTube, Vimeo, Facebook, enzovoort.)<br />
</div><ol>
  <li>Klik op de <strong>Instellingen </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/2b4372f8-5c64-46a1-9703-49e9d53972bb/4172088e-902e-4bd6-96f2-e75f13c8e7bb.png" /><strong> </strong>op de actiebalk.</li>  <li>Klik op <strong>Video vervangen</strong>.</li>  <li>Upload een video vanuit de Media Manager</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Omslagafbeelding toevoegen</h4><div class="collapsible-content"><ol>
  <li>Klik in de actiebalk op het <strong>Omslagafbeelding</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/c9f03e55-b1ba-4847-8642-8f02e7dedf91/cb08b443-3c22-464c-900a-23dc1143623b.png" />.</li>  <li>Klik op de <strong>Toevoegen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/3967fb16-fa91-4ce6-97d5-ebf3cf2e2f08/9fd985e9-0438-415b-9f84-e32ea4ecbd9f.png" /> om je eigen foto te uploaden of selecteer er een uit de lijst.</li>  <li>(Optioneel) Schakel de <strong>Vervagen</strong>-schakelaar in om de afbeelding te laten vervagen zodra de video begint af te spelen.</li></ol> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De speler 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><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-designing-elements">Ontwerp</a> het element:
    <ul>
      <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 element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het <strong>Alle randen bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /><strong> </strong>om ze allemaal tegelijk 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 je element vierkanter of rond door de <strong>Radius rand</strong>-schuifregelaar 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/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> om elke hoek afzonderlijk te ontwerpen.</li>      <li><strong>Sms </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/10/31/d4430fda-2190-4413-94e9-9e257693bdc9/f0d5bbe9-7f90-46a9-957c-246b69dc1aa5.png" /><strong>: </strong></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 het element een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.</li>    </ul>  </li></ol></div></div></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="troubleshooting-the-player" level="3">Problemen met de speler oplossen</h2></div><div data-component-type="text"><div>Zelfs de beste ontwerpen kunnen kleine problemen tegenkomen. Hier zijn enkele veelvoorkomende problemen die je kunt tegenkomen met video's en hoe je ze effectief kunt oplossen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom wordt mijn video niet afgespeeld op mijn live website?</h4><div class="collapsible-content"><div>Op beweging gebaseerde elementen, zoals transparante video's of animaties, worden mogelijk niet afgespeeld op live websites vanwege de <strong>Verminderde beweging</strong>-functie op bepaalde besturingssystemen. Deze toegankelijkheidsfunctie voorkomt dat bewegingseffecten worden uitgevoerd om bezoekers met een handicap te helpen.</div><div><br /></div><div>Controleer of <strong>Verminderde beweging</strong> is ingeschakeld op je apparaat of de apparaten van je bezoekers en lees hoe je het uitschakelt:</div><ul>
  <li><a data-composite="true" href="https://support.apple.com/nl-nl/HT202655" target="_blank">iPhone and iPad</a>.</li>  <li><a data-composite="true" href="https://support.apple.com/nl-nl/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a>.</li>  <li><a data-composite="true" href="https://support.office.com/nl-nl/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a>.</li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a>.</li></ul><div><br /></div><div><strong>Let op:</strong> Op mobiele apparaten kan Verminderde beweging ook automatisch worden geactiveerd bij een bijna lege batterij of in de energiebesparende modus.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik heb mijn video ingesteld op automatisch afspelen, maar er is geen geluid. Waarom?</h4><div class="collapsible-content"><div>De meeste browsers, inclusief Chrome, Firefox en Safari, blokkeren het automatisch afspelen van video's met geluid om de gebruikerservaring te verbeteren. Om ervoor te zorgen dat je video automatisch wordt afgespeeld:</div><ul>
  <li>Demp het geluid van de instellingen voor automatisch afspelen.</li>  <li>Laat gebruikers geluid van de video-opties handmatig inschakelen.<br />
</li></ul><div>Browsers die automatisch afspelen met geluid niet ondersteunen:</div><ul>
  <li><strong>Safari (macOS en iOS):</strong> Versie 11 en hoger</li>  <li><strong>Chrome:</strong> Versie 61 en hoger (desktop en mobiel)</li>  <li><strong>Firefox:</strong> Versie 66 en hoger (desktop en mobiel)</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 over video's:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Van welke social media-platforms kan ik video's embedden?</h4><div class="collapsible-content"><div>Je kunt video's van Facebook, Instagram, Snapchat, TikTok, Vimeo en YouTube embedden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat zijn de aanbevolen bestandsindelingen en -groottes voor het uploaden en embedden van video's?</h4><div class="collapsible-content"><div>Wix ondersteunt een breed scala aan videobestandsindelingen en -groottes. <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-ondersteunde-mediabestandstypen-en-bestandsgroottes?tabs=Videos" target="">Lees meer over ondersteunde indelingen en grootte</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Als een video is ingesteld om automatisch af te spelen, wordt het geluid dan nog steeds afgespeeld?</h4><div class="collapsible-content"><div>Wanneer je een video instelt op automatisch afspelen, wordt de video in eerste instantie automatisch gedempt. Een websitebezoeker kan het dempen van de video opheffen via de controlebalk.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Worden videoweergaven op mijn website overgedragen naar het videoplatform, zoals YouTube?</h4><div class="collapsible-content"><div>Ja. Weergaven voor ingesloten video's op je website worden overgezet naar het native platform van de video.</div></div></div></div>

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

Wix Harmony: De Wix Gallery toevoegen en aanpassen

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om indrukwekkende galerijen te creëren die jouw afbeeldingen in de schijnwerpers zetten. Leer hoe je een galerij toevoegt, afbeeldingen beheert en deze aanpast om een unieke en meeslepende ervaring voor je bezoekers te bieden. Met professionele voorinstellingen en aanpassingsopties kun je jouw stijl perfect tot leven brengen.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Verander gewone pagina's in 'showstoppers' met galerijen die pronken met je samengestelde afbeeldingen. Of je nu reisherinneringen, een portfolio of hoogtepunten voor de community deelt, laat je afbeeldingen centraal staan met een galerij die is gemaakt om bij jouw stijl te passen.</div></div><div data-component-type="text"><div>Kies uit professionele voorinstellingen, personaliseer het ontwerp en pas de instellingen aan om een echt meeslepende ervaring op te bouwen die je bezoekers inspireert, verbindt en aanmoedigt om te verkennen.</div></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="understanding-the-parts-of-the-gallery" level="3">De delen van de galerij begrijpen</h2></div><div data-component-type="text"><div>De galerij bestaat uit verschillende belangrijke delen, elk met zijn eigen ontwerppaneel en aanpassingsopties. Die onderdelen zijn:</div></div><div data-component-type="text"><ul>
  <li><strong>Galerij-container</strong>: Het buitenste kader met de hele galerij.</li>  <li><strong>Itemcontainer</strong>: Bevat de afbeelding, afbeeldingsoverlay, tekst en teller</li>  <li><strong>Afbeelding</strong>: De galerij-afbeelding.</li>  <li><strong>Afbeeldingsoverlay</strong>: Een laag die over de afbeelding ligt, vaak voor effecten of tekst.</li>  <li><strong>Tekst: </strong>De titel en beschrijving van je afbeelding.</li>  <li><strong>Teller</strong>: Toont de positie / het nummer van het item in de galerij.</li></ul></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-gallery" level="3">Een galerij toevoegen</h2></div><div data-component-type="text"><div>Begin met het kiezen uit onze strakke vooraf ingestelde ontwerpen, professioneel voor jou gemaakt. Je kunt je galerij behouden zoals deze is of elk detail bekijken en personaliseren, zodat het je visie weerspiegelt.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een galerij toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar je editor.</li>  <li>Klik bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Klik op <strong>Afbeelding</strong>.</li>  <li>Klik naast <strong>Galerijen</strong> op <strong>Alles bekijken</strong>.</li>  <li>Klik op een galerij om deze aan je pagina toe te voegen.</li></ol></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="" level="3">Afbeeldingen aan je galerij toevoegen</h2></div><div data-component-type="text"><div>Vul je galerij met afbeeldingen die jouw verhaal vertellen, sfeer opbouwen en contact maken met je bezoekers.</div></div><div data-component-type="heading"><h2 id="" level="4">Om media toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Klik op de galerij op de pagina.</li>  <li>Klik op de actiebalk op <strong>Media beheren</strong>.</li>  <li>Klik op<strong> + Afbeeldingen toevoegen</strong>.</li>  <li>Selecteer de afbeelding uit je Media Manager of klik op <strong>+</strong> <strong>Media uploaden</strong> om een afbeelding vanaf je computer te uploaden.</li>  <li>Klik op <strong>Toevoegen aan galerij</strong>.</li>  <li>Klik op <strong>Klaar</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>We raden aan om afbeeldingen van de best mogelijke kwaliteit naar je galerij te uploaden om het beste resultaat te garanderen. Zorg ervoor dat je afbeeldingen uploadt met een resolutie van minimaal 2560 X 1440 pixels. We optimaliseren ze tot de exacte afmetingen die op het scherm worden weergegeven, zonder kwaliteitsverlies. <a data-composite="true" href="https://support.wix.com/nl/article/websiteprestaties-je-media-optimaliseren#displaying-images-on-your-site" target="">Lees meer over de optimalisatie van afbeeldingen</a>.</div></div></div></div><div data-component-type="text"><div><em>Screenshot</em></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-gallery" level="3">Je galerij aanpassen</h2></div><div data-component-type="text"><div>Breng je unieke visie tot leven door de verschillende delen van je galerij aan te passen. Van het wisselen van voorinstellingen tot het verfijnen van het ontwerp, de weergave en de instellingen, je kunt bepalen hoe je afbeeldingen eruitzien en aanvoelen. </div></div><div data-component-type="heading"><h2 id="" level="4">Om je galerij aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Klik op de galerij op de pagina.</li>  <li>Kies wat je aan wilt passen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Voorinstelling wijzigen</h4><div class="collapsible-content"><ol>
  <li>Klik op de actiebalk op <strong>Meer ontwerpen</strong>.</li>  <li>Klik op een voorinstelling om deze op je galerij toe te passen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Weergave</h4><div class="collapsible-content"><ol>
  <li>Selecteer de status die je wilt ontwerpen (bijvoorbeeld: <strong>Standaard </strong>of <strong>Aanwijzen</strong>)</li>  <li>Klik in de actiebalk op het <strong>Weergave </strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/19/b8fe5828-d0a3-4ba7-9aea-0cdb70e745a5/cdcb407b-7f97-4370-88c4-093bfcff8fcc.png" /><strong></strong>.</li>  <li><br /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ontwerp</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>Klik op de <strong>Kies wat je wilt ontwerpen</strong>-dropdown en selecteer het relevante deel van de galerij.</li>  <li>Selecteer de status die je wilt ontwerpen (bijvoorbeeld: <strong>Standaard </strong>of <strong>Aanwijzen</strong>)</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/new-wix-editor-designing-elements">Ontwerp</a> het element met behulp van de beschikbare opties:
    <ul>
      <li><strong>Achtergrond </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>: Voeg een gekleurde achtergrond toe om de inhoud van je element aan te vullen.</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 element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het <strong>Alle randen bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /><strong> </strong>om ze allemaal tegelijk 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 je element vierkanter of ronder door de schuifregelaar onder Radius 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/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.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 het element 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 het element (of het geselecteerde gebied) toe te voegen.</li>      <li><strong>Indeling:</strong></li>    </ul>  </li></ol><div><br />
<strong>Let op: </strong>De beschikbare ontwerpopties variëren op basis van de voorinstelling die je kiest.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Instellingen</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/19/561b7e07-619c-4c69-aadb-047dd0a26271/3477a504-c370-404d-8d17-5847dc87ca0d.png" />.</li>  <li>Pas het volgende aan:
    <ul>
      <li><strong>Bij het klikken op een item</strong>: Klik op de dropdown en kies wat er gebeurt als een bezoeker op een galerij-item klikt:
        <ul>
          <li><strong>Openen in uitgebreide weergave</strong>: Items openen in een pop-up waar bezoekers de fijnere details kunnen verkennen.</li>          <li><strong>Er gaat een link open</strong>: Door op het galerij-item te klikken wordt de bezoeker naar een link van jouw keuze geleid, bijvoorbeeld: een externe website, een andere pagina op je website of zelfs een lightbox.</li>          <li><strong>Niets</strong>: Galerij-items zijn niet aanklikbaar.</li>          <li><strong>In volledig scherm openen</strong>: Items openen in een pop-up die het hele scherm vult.</li>        </ul>      </li>      <li><strong>Voorkom dat je met de rechtermuisknop op media klikt</strong>: Schakel de schakelaar in of uit om het klikken met de rechtermuisknop en het downloaden van je media toe te staan/te voorkomen.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Uitvouwmodus</h4><div class="collapsible-content"><ol>
  <li>Klik op de <strong>Weergeven</strong>-dropdown en selecteer <strong>Uitgebreide modus</strong>.</li>  <li><br /></li></ol></div></div></div><div data-component-type="text"><div><em>Screenshot:</em></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 over de Wix Gallery:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik mijn media beschermen tegen klikken en opslaan?</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/19/561b7e07-619c-4c69-aadb-047dd0a26271/3477a504-c370-404d-8d17-5847dc87ca0d.png" />.</li>  <li>Schakel <strong>Voorkom klikken op media</strong> in.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik ervoor zorgen dat mijn galerij-items een link openen?</h4><div class="collapsible-content"><div>Maak je galerij interactief en leid bezoekers precies waar je ze wilt hebben door links toe te voegen aan galerij-items. Je kunt bijvoorbeeld linken naar een pagina op je website of zelfs een externe website.</div><div><br />
<strong>Om een galerij-item een link te laten openen: </strong></div><div><br /></div><ol>
  <li>Klik in de actiebalk op <strong>Media organiseren</strong>.</li>  <li>Selecteer het relevante item.</li>  <li>Voer de link in het <strong>Link</strong>-veld rechts in en klik op <strong>Klaar</strong>.</li>  <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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/08/27/cd89bbd9-1fe4-4fb6-acd9-eae2fbcabc93/1f67f8e1-edd7-4b56-a1ac-33b1fbf3d786.png" alt="undefined" />.</li>  <li>Klik op de <strong>Bij het aanklikken</strong>-dropdown en selecteer <strong>Link openen</strong>.</li></ol><div><br /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik wil iets in een voorinstelling aanpassen, maar kan de instelling niet vinden. Wat kan ik doen?</h4><div class="collapsible-content"><div>Voorinstellingen bieden een eenvoudig startpunt met beperkte aanpassingsopties. Als je de instelling die je wilt wijzigen, niet kunt vinden, probeer dan andere voorinstellingen te verkennen om te zien of ze beter passen bij jouw stijl.<br />
<br />
<strong>Om van voorinstelling te wisselen:</strong></div><div><br /></div><ol>
  <li>Klik op de actiebalk op <strong>Meer ontwerpen</strong>.</li>  <li>Klik op een voorinstelling om deze op je galerij toe te passen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title"></h4><div class="collapsible-content"><div><br /></div></div></div></div>

Wix Harmony-editor: Een link of HTML-code embedden

Ontdek hoe je inhoud van andere platforms op je website kunt embedden met de Wix-editor. Leer hoe je een codefragment of URL toevoegt om handige widgets zoals aftelklokken of weersvoorspellingen te integreren, zodat je bezoekers alles op één plek kunnen vinden. Volg de richtlijnen voor het embedden en pas de grootte van de weergegeven inhoud aan voor een optimale gebruikerservaring.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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>Toon inhoud van andere platforms rechtstreeks op je website door een codefragment of URL te embedden. Gebruik het om handige widgets zoals een aftelklok of een weersbericht binnen te halen, of inhoud van een andere website rechtstreeks op je pagina weer te geven — zodat alles wat je bezoekers nodig hebben op één plek is.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="embedding-code-or-a-site" level="3">Code of een website embedden</h2></div><div data-component-type="text"><div>Ga naar het Elementen toevoegen-paneel om een nieuwe embed aan je website toe te voegen. Kies of je een codefragment wilt embedden of inhoud van een externe URL wilt weergeven en stel dit vervolgens in zoals nodig. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Zorg ervoor dat je onze <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-nieuw-embeds-toevoegen-en-beheren#guidelines-1" target="">richtlijnen</a> leest voordat je je code of link embed. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om een embed 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 in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Blader door de categorieën en selecteer <strong>Embedden</strong>.</li>  <li>Sleep het Link- of HTML-embed-element naar de pagina.</li>  <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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/10/5ead6d9a-fbcb-4b3a-a8b3-cca23f882305/2ce57cf3-bbb7-4218-92af-cbbd7d82241b.png" />.</li>  <li>Stel de link of code in die je wilt embedden:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Een link embedden</h4><div class="collapsible-content"><div>Geef een externe pagina van een andere website weer door deze rechtstreeks op je website te embedden. Gebruik dit om live feeds of online tools toe te voegen of webpagina's naast je eigen inhoud weer te geven.</div><div><br /></div><div>Stel de link die je wilt embedden in met behulp van de beschikbare instellingen:</div><ul>
  <li><strong>Link: </strong>Voer de URL in die je op je website wilt weergeven. Zorg ervoor dat het adres begint met HTTPS (HTTP-websites worden niet weergegeven).</li>  <li><strong>Toegankelijke naam: </strong>Voeg een korte en unieke beschrijving toe voor de link die je embedt, zodat deze toegankelijk is voor bezoekers met behulp van ondersteunende technologie. Het is niet zichtbaar op je website.</li>  <li><strong>Cookies en vergelijkbare technologieën die door je code worden ingesteld: </strong>Selecteer de juiste categorie voor de link die je embedded (bijvoorbeeld: essentiële gegevens, gegevens van derden, advertenties, enzovoort)</li></ul><div><br /></div><div><strong>Let op: </strong>Sommige websites hebben een beveiligingsbeleid dat verbiedt om te worden ingesloten op externe platforms. Deze websites verschijnen mogelijk niet in de editor of op je live website.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Code embedden</h4><div class="collapsible-content"><div>Embed code voor een social media-knop, een weerwidget of een ander aangepast element dat in je opkomt. Je kunt bijvoorbeeld een abonneerknop van YouTube embedden, zodat bezoekers zich rechtstreeks vanaf je website op je kanaal kunnen abonneren.</div><div><br /></div><div>Stel de code in die je wilt embedden met behulp van de beschikbare instellingen:</div><ul>
  <li><strong>HTML-embed-code invoeren: </strong>Plak je HTML-code in het tekstvak. </li>  <li><strong>Toegankelijke naam: </strong>Voeg een korte en unieke beschrijving toe voor de code die je embedt, zodat deze toegankelijk is voor bezoekers die ondersteunende technologie gebruiken. Deze is niet zichtbaar op je website.</li>  <li><strong>Cookies en vergelijkbare technologieën die door je code worden ingesteld: </strong>Selecteer de juiste categorie voor de code die je embed (bijvoorbeeld: essentiële gegevens, gegevens van derden, advertenties, enzovoort)</li></ul><div><br /></div><div><strong>Let op: </strong>We kunnen geen ondersteuning bieden voor externe code die niet is gemaakt of getest met Wix. Ondervind je een probleem met je codefragment? Neem dan rechtstreeks contact op met de provider.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-sizing-of-the-displayed-content" level="3">De grootte van de weergegeven inhoud aanpassen</h2></div><div data-component-type="text"><div>Wanneer je embed-code van een andere dienst toevoegt, bevat deze vaak vaste breedte- en hoogtewaarden in pixels, net als in het onderstaande voorbeeld. </div></div><div data-component-type="code"><div class="code-snippet" data-language="html" data-line-numbers="true" data-line-wrapping="true"><pre><code>
</code></pre></div></div><div data-component-type="text"><div>Als je iFrame-container kleiner is dan die waarden, kan een deel van je inhoud op de pagina worden afgesneden. Vervang de pixelwaarden voor een soepelere aanpassing door percentages die zijn ingesteld op 100%. Op deze manier wordt je ingesloten inhoud automatisch aangepast aan de ruimte die je het geeft.</div></div><div data-component-type="code"><div class="code-snippet" data-language="html" data-line-numbers="true" data-line-wrapping="true"><pre><code>
</code></pre></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="guidelines-1" level="3">Richtlijnen</h2></div><div data-component-type="text"><div>Voordat je je code of link in het iFrame embedden, raden we aan de volgende richtlijnen te lezen. </div></div><div data-component-type="heading"><h2 id="" level="4">Code</h2></div><div data-component-type="text"><ul>
  <li>Zorg er altijd voor dat de code die je embed up-to-date en HTML5-compatibel is. De meeste browsers geven pagina's en scripts niet correct weer als ze zijn geschreven met oudere versies van HTML.</li>  <li>HTML-code bevat de kernelementen van een pagina, maar de ontwerpinstellingen en andere complexe functionaliteiten worden meestal apart opgeslagen. Daarom werken sommige elementen mogelijk niet of zien ze er anders uit als de relevante elementen niet als referentie in de HTML-code zijn opgenomen, bijvoorbeeld de CSS- en JS-bestanden.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Link</h2></div><div data-component-type="text"><ul>
  <li>Als je niet zeker weet hoe je het target-attribuut moet gebruiken, <a data-composite="true" href="http://www.w3schools.com/tags/att_a_target.asp" target="_blank">lees het dan hier</a> of neem contact op met de maker van de code.</li>  <li>Zorg ervoor dat je code <strong>HTTPS</strong> bevat, niet <strong>HTTP</strong>, anders wordt deze niet weergegeven op je live website.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="troubleshooting-your-embed" level="3">Problemen met het embedden oplossen</h2></div><div data-component-type="text"><div>Ondervind je problemen bij het embedden van je code of link? Klik hieronder op een probleem om er meer over te lezen en stappen voor probleemoplossing te krijgen.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>We kunnen geen ondersteuning bieden voor externe code die niet gemaakt of getest is door Wix. Neem rechtstreeks contact op met de provider als de onderstaande stappen het probleem met je codefragment niet oplossen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De inhoud in mijn embed ziet er bijgesneden uit</h4><div class="collapsible-content"><div>Dit kan gebeuren wanneer je iFrame te klein is voor de inhoud. </div><div><br /></div><div>Als er in de widgetcode een andere hoogte en breedte is gedefinieerd, heeft dit invloed op de manier waarop je inhoud eruitziet in het iFrame. </div><div><br /></div><div>Als het iFrame te klein is, wordt er automatisch een scrollbalk toegevoegd zodat bezoekers de rest van de widget kunnen zien. Scrollbalken hebben de neiging om andere elementen te overlappen, dus zorg ervoor dat je iFrame groot genoeg is om alle inhoud zonder scrollbalken weer te geven.</div><div><br /></div><div>Om dit probleem op te lossen, pas je de grootte van het iFrame aan door de grepen rond het element te verslepen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elementen zien er niet uit of functioneren niet zoals ze zouden moeten</h4><div class="collapsible-content"><div>HTML-code bevat de kernelementen van een pagina, maar de ontwerpinstellingen en andere complexe functionaliteiten worden meestal apart opgeslagen. </div><div><br /></div><div>Daarom werken sommige elementen mogelijk niet of zien ze er anders uit als de relevante elementen niet als referentie in de HTML-code zijn opgenomen, bijvoorbeeld de CSS- en JS-bestanden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De links in mijn iFrame werken niet</h4><div class="collapsible-content"><div>In de meeste gevallen werken links niet als ze zijn ingesteld om in een nieuw tabblad of venster te openen. Controleer de code die je hebt ingevoerd om te zien of dat het probleem is. </div><div><br /></div><div>Neem bij twijfel contact op met de externe provider die de code heeft geschreven. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De inhoud in mijn iFrame reageert niet op verschillende schermformaten</h4><div class="collapsible-content"><div>Het iFrame zelf reageert niet. Hierdoor kan je widget niet reageren op verschillende schermformaten, zelfs als dit in de code is gedefinieerd. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mijn iFrame geeft de website niet weer</h4><div class="collapsible-content"><div>Sommige websites hebben een beveiligingsbeleid dat verbiedt dat ze worden ingesloten op externe platforms zoals Wix. Deze websites verschijnen mogelijk niet in de editor en/of je live website nadat je de link in het HTML-element hebt geplakt.</div></div></div></div>

Wix Harmony: Met vector art en basisvormen werken

Ontdek hoe je prachtige vector art en basisvormen toevoegt aan je website met de nieuwe Wix Harmony-editor. Leer hoe je uit honderden gratis opties kunt kiezen of je eigen SVG-bestanden kunt uploaden om je ontwerp te verfraaien. Pas de kleuren, dekking en schaduw aan om een unieke uitstraling te creëren, en zorg ervoor dat je elementen toegankelijk zijn voor alle bezoekers. Verhoog de aantrekkingskracht van je site met deze visuele elementen!

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Voeg prachtige vector art en vormen toe om je stijl te laten zien. Vector art-afbeeldingen en -pictogrammen zijn digitale illustraties (SVG's) die op elk formaat scherp blijven, zodat je ontwerp er altijd verbluffend uitziet. Kies uit de honderden gratis opties die beschikbaar zijn bij Wix, of upload je eigen opties.</div></div><div data-component-type="text"><div>Vector art-bestanden bevatten vaak meerdere kleuren, terwijl basisvormen zich concentreren op één kleur. Het zijn echter beide SVG-bestanden. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-vector-art-and-basic-shapes" level="3">Vector art en basisvormen toevoegen</h2></div><div data-component-type="text"><div>Je kunt vector art en basisvormen gebruiken om je website te verfraaien, of als aantrekkelijke call to action. Je kunt kiezen uit de honderden gratis opties die beschikbaar zijn van Wix, of je kunt je eigen opties uploaden. </div></div><div data-component-type="heading"><h2 id="" level="4">Om vector art en basisvormen 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 bovenaan de editor op <strong>+</strong> <strong>Toevoegen</strong>.</li>  <li>Klik op <strong>Afbeeldingen</strong>.</li>  <li>Kies hieronder uit een optie:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kies uit de gratis opties die beschikbaar zijn bij Wix</h4><div class="collapsible-content"><ol>
  <li>Klik op een element onder <strong>Vector art </strong>of<strong> Vormen</strong>.<br />
<strong>Tip: </strong>Krijg toegang tot veel meer gratis opties door op <strong>Alles weergeven</strong> te klikken.</li>  <li>Klik of sleep de door jou gekozen vector art naar de pagina.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Upload je eigen vector art (SVG)</h4><div class="collapsible-content"><ol>
  <li>Klik op <strong>SVG-bestand uploaden</strong>.</li>  <li>Selecteer de bestand(en) op je computer.</li>  <li>Klik op <strong>Openen</strong>.</li>  <li>(Optioneel) Selecteer de vector art en klik op <strong>Toevoegen aan pagina</strong> om deze aan je website toe te voegen.</li></ol><div><br /></div><div><strong>Tip: </strong></div><div>Bij het uploaden van je SVG-bestand analyseren we de kleuren en classificeren we het als basis vormelement of vector art-element. SVG-bestanden die bijvoorbeeld slechts één kleur tonen, verschijnen als 'basisvormen' in de editor.</div></div></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/10/12/0d32e56e-fe6d-4b1f-b76b-6df782eddfbf/e5ba99ed-a8da-42c7-b9d8-b0b7ce58f8dc.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-vector-art-and-basic-shapes" level="3">Vector art en basisvormen ontwerpen</h2></div><div data-component-type="text"><div>Pas het vector art / basisvorm-element aan, inclusief de kleuren, dekking en schaduw, zodat het echt bij je ontwerp past.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>De beschikbare aanpassingsopties zijn afhankelijk van of de vector art een enkele kleur, meerdere kleuren of een grijswaardenpalet heeft.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om het ontwerp 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>Selecteer het relevante vector art of basis vorm-element.</li>  <li>Klik op het relevante pictogram in de actiebalk om het element te <a data-composite="true" href="https://support.wix.com/nl/article/new-wix-editor-designing-elements">ontwerpen</a>:
    <ul>
      <li><strong>Kleuren wijzigen:</strong> Kies de kleuren van de vector art en pas de dekking aan met de schuifregelaar.<br />
<strong>Let op: </strong>Als de vector art meer dan 8 kleuren heeft en overgangen heeft, kun je alleen de dekking van het hele ontwerp bepalen.</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 element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het <strong>Alle randen bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> om ze allemaal tegelijk 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 het element een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.</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>Het element horizontaal of verticaal spiegelen.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-3-adding-and-customizing-an-animation-copy" target="">Voeg een animatie toe</a> voor een leuk en speels effect.</div></div></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/08/27/58b878bb-9849-4e30-bbc1-72716a539f15/a8b4e817-bd3d-42dc-bdc7-c22b0fc68044.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Heb je je eigen SVG geüpload?</div><div class="info-content"><div>Als we de kleuren in je SVG-bestand niet kunnen identificeren, kun je de kleuren mogelijk niet aanpassen in de editor.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-settings-of-basic-shapes-and-vector-art" level="3">De instellingen van basisvormen en vector art aanpassen</h2></div><div data-component-type="text"><div>Pas aan hoe deze elementen op je website worden weergegeven en functioneren. Je kunt hun grootte en indeling bijwerken, vectorafbeeldingen vervangen en toegankelijkheidsopties instellen om ervoor te zorgen dat iedereen kan genieten van de inhoud van je website.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de instellingen 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>Selecteer het relevante vector art of basis vorm-element.</li>  <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/2025/06/10/9e40764f-174b-4f6e-b18f-1b5ad1810cec/1160c94c-8162-4492-b0aa-b35dee4a73b7.png" />.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>Vector art vervangen: </strong>Wijs de afbeelding aan en klik op <strong>Vervangen</strong>. </li>      <li><strong>Grootteoptie: </strong>Kies hoe het element op de pagina past: <strong>Passend</strong> of <strong>Uitrekbaar</strong>.</li>      <li>Pas de toegankelijkheidsinstellingen van het element aan:
        <ul>
          <li><strong>Alt-tekst: </strong>Voer een korte beschrijving in van wat je kunt zien in deze vector art of basisvorm, om zoekmachines en toegankelijkheidshulpmiddelen te helpen.</li>          <li><strong>Instellen als decoratief: </strong>Klik op de schakelaar als deze vector art of basisvorm geen belangrijke informatie voor schermlezers bevat en alleen bedoeld is om de pagina te verfraaien.</li>        </ul>      </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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/09/5aee324b-ba0b-45de-9439-22096dec137d/38d3e84c-db99-4586-8958-427dff1c3acf.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">En nu?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-new-adding-a-link-to-an-element" target="">Voeg een link toe</a> om het element om te zetten in een knop of call to action, die de bezoeker naar een websitepagina, een externe URL of zelfs een telefoonnummer leidt. Het toevoegen van een link is een geweldige manier om interactiviteit van websitebezoekers aan te moedigen en iets te creëren dat zowel opvallend als functioneel is.</div>  </div></div></div>

Wix Harmony: Afbeeldingen bewerken en aanpassen

Ontdek hoe je afbeeldingen kunt bewerken en aanpassen met de Wix Harmony-editor om je website visueel aantrekkelijker te maken. Leer hoe je afbeeldingen kunt bijsnijden, roteren, en ontwerpen, evenals het toevoegen van links en het aanpassen van instellingen voor een betere gebruikerservaring. Met de Wix Photo Studio kun je eenvoudig filters en effecten toepassen, zodat je afbeeldingen perfect passen bij je merk en stijl.

Wix Harmony: Een element genereren met AI

Ontdek hoe je met de AI Element Generator in de nieuwe Wix Harmony-editor unieke website-elementen kunt creëren die perfect aansluiten bij jouw visie. Of je nu een opvallende call-to-action-knop of een dynamische evenementenagenda wilt, beschrijf je idee en laat de AI het tot leven brengen. Leer hoe je deze gepersonaliseerde elementen kunt genereren, toevoegen aan je pagina's en bewerken om je website te verbeteren.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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 Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Met de AI Element Generator kun je website-elementen maken die perfect aansluiten bij je creatieve visie. Creëer alles, van een gloeiende call to action-knop die barst van de confetti, tot een dynamische evenementenagenda of een weersvoorspelling-widget met realtime updates.</div></div><div data-component-type="text"><div>Of je nu een uniek idee hebt of gewoon iets nodig hebt dat je niet in de Wix-bibliotheek kunt vinden, je kunt het in je eigen woorden beschrijven en AI het tot leven laten brengen als een kant-en-klaar, bewerkbaar gepersonaliseerd element.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/07/e526c0df-2f65-4ef1-a7f2-1fccd9eabcdd/e4196ac4-efd3-425b-96a4-082f43bc3081.png" alt="Een screenshot van de AI Element Generator" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-an-element" level="3">Een element genereren</h2></div><div data-component-type="text"><div>Begin met een lege prompt of gebruik de aangeboden ideeën voor extra inspiratie. Beschrijf precies wat je wilt, en pas het element dan aan, bekijk het en sla het op om overal op je website te gebruiken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een element te genereren:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar je editor.</li>  <li>Klik bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Klik op het <strong>Genereren met AI</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/07/b5946f2e-3510-474d-aabe-c1440baf91bb/fa3ea11e-42fe-4ae6-a115-1f758fefd242.png" />.</li>  <li>Beschrijf het element dat je in het tekstvak wilt hebben.<br />
<strong>Tip: </strong>Je kunt de onderstaande voorgestelde ideeën ook verkennen. Wijs een voorbeeld aan en klik op het <strong>Prompt bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/21/496d024f-db99-4837-b3b0-95645ff9135e/47421d48-f93c-4483-9b6e-107209f19c60.png" /><strong> </strong>om de beschrijving naar wens te kopiëren en aan te passen of klik op <strong>Genereren</strong> om deze meteen te gebruiken.</li>  <li>Zodra de AI je element heeft gegenereerd, bekijk je het element en de beschrijving. Als je wijzigingen wilt aanbrengen, typ je de instructies in de chatbox en verfijn je je idee zo vaak als je nodig hebt.</li>  <li>Als je tevreden bent met de uitvoer, klik je op <strong>Opslaan</strong> om het nieuwe element aan je <strong>AI Elements</strong>-bibliotheek toe te voegen.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Gepersonaliseerde elementen worden per website opgeslagen, niet per account.</div></div></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/08/25/cd3a3521-3da7-4f12-9345-f3a3519175af/ef13b1f6-160d-4fa7-b234-0af825a1b06e.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-custom-element-to-your-page" level="3">Een aangepast element aan je pagina toevoegen</h2></div><div data-component-type="text"><div>Nadat je een aangepast AI Element hebt gegenereerd, kun je het toevoegen aan elke pagina op je website.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een aangepast element aan een pagina toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar je editor.</li>  <li>Klik bovenaan op <strong>+ Toevoegen</strong>.</li>  <li>Vind je opgeslagen element onder <strong>AI Elements</strong> en sleep het dan naar je pagina.</li>  <li>(Optioneel) Pas het element aan met behulp van de ontwerpopties in de actiebalk of gebruik de AI-chat om het ontwerp, de functionaliteit of de stijl verder aan te passen.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/08/25/a3c0e68a-0652-462b-951d-72af7a0c9df4/5b679acc-f461-47ed-9594-1f13c4a78b0b.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-an-element" level="3">Een element bewerken</h2></div><div data-component-type="text"><div>Gepersonaliseerde AI Elementen kunnen altijd worden bewerkt, zelfs nadat je ze aan je website hebt toegevoegd. Je kunt hun uiterlijk, gedrag of inhoud op elk moment bijwerken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een element te bewerken:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar je editor.</li>  <li>Klik op het relevante gepersonaliseerde element in de editor.</li>  <li>Kies wat je wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bewerken in de editor</h4><div class="collapsible-content"><div>Als ontwerpopties beschikbaar zijn in de actiebalk (bijvoorbeeld: kleur, lettertype, rand), bewerk het element rechtstreeks in je editor. Pas bijvoorbeeld het kleurenschema van een element of de lettergrootte van een koptekst aan. </div><div><br /></div><div><strong>Tip: </strong>Zie hieronder in de <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-new-generating-an-element-with-ai#faqs" target="">veelgestelde vragen</a> waarom ontwerpopties mogelijk niet altijd beschikbaar zijn.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bewerken met de AI-chat</h4><div class="collapsible-content"><div>Verfijn je element door meer instructies of details in de chat op te nemen. Geef bijvoorbeeld aan of je het drukeffect, de kleuren of de vorm van het element wilt wijzigen.</div><ol>
  <li>Klik op de actiebalk op <strong>Element bewerken</strong>.</li>  <li>Typ je verzoek in de chatbox, zoals 'Wijzig de knopanimatie naar een confetti-uitbarsting wanneer erop wordt geklikt' of 'Verplaats de opiniepeilingvraag boven de keuzes'. De AI zal je element dienovereenkomstig bijwerken.</li>  <li>Zodra je tevreden bent met het resultaat, kies je wat je wilt doen:
    <ul>
      <li><strong>Opslaan als nieuw: </strong>Sla dit element op als een nieuw element, met behoud van de vorige versie.</li>      <li><strong>Wijzigingen bijwerken: </strong>Werk het element waaraan je aan het werken was bij.</li>    </ul>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><ul>
  <li>Als je een aangepast element bijwerkt vanuit de chat, zijn de wijzigingen van toepassing op elk exemplaar van die component die op je website wordt geplaatst. Als je een aangepast element rechtstreeks vanuit de editor bewerkt, zijn die wijzigingen alleen van toepassing op die instantie op de pagina. Bewerkingen in de editor overschrijven altijd op chat gebaseerde wijzigingen.</li>  <li>Sommige elementen binnen het onderdeel (bijvoorbeeld: objecten of tekstvakken) kunnen alleen via de chat worden bewerkt, verplaatst of opnieuw ontworpen.</li></ul></div></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/08/25/435e8377-5bca-4edc-a09c-a57f3914ce9c/8f74d3a3-e6c7-41ee-890e-730269d23f3d.png" alt="Een screenshot van het genereren van een glinsterend knop-element in de AI Element Generator." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="tips-for-describing-your-idea" level="3">Tips voor het beschrijven van je idee</h2></div><div data-component-type="text"><div>Wanneer je je idee beschrijft voor de AI Element Generator, beschouw het dan als een creatief gesprek. Hoe meer details je deelt over hoe je gepersonaliseerde element eruit moet zien, aanvoelen en functioneren, hoe dichter het resultaat bij je visie zal zijn. Zo krijg je goede resultaten:</div></div><div data-component-type="text"><ul>
  <li><strong>Vermeld je doel:</strong> Wat wil je dat dit element doet? Bijvoorbeeld: 'Ik wil een prijsvergelijkingstabel met markeringskleuren' of 'Bouw een opiniepeiling die direct visuele resultaten weergeeft'.</li>  <li><strong>Beschrijf de sfeer:</strong> Moet het modern, speels, gedurfd of elegant zijn? Vermeld kleuren, animaties of andere stijlinspiratie.</li>  <li><strong>Specificeer interactieve functies:</strong> Wil je dat gebruikers klikken, sorteren, stemmen, uitvouwen of live updates zien? Vertel de AI over effecten of interactieve opties.</li></ul></div><div data-component-type="text"><div>Er is niet één 'juiste' manier om je prompt te schrijven, maar specifiek zijn helpt. Als je niet zeker weet waar je moet beginnen, begin dan met een van de voorgestelde aanwijzingen en pas deze aan aan je eigen visie. Je kunt je idee altijd bewerken of verfijnen nadat je de eerste versie hebt gezien.</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 over de AI Element Generator.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een door AI gegenereerd element bewerken nadat ik het aan mijn website heb toegevoegd?</h4><div class="collapsible-content"><div>Ja, elk door AI gegenereerd element is volledig bewerkbaar en kan op elk moment worden aangepast, ook wijzigingen qua tekst, kleuren en animaties.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Zijn aangepaste AI Elements SEO-vriendelijk en toegankelijk?</h4><div class="collapsible-content"><div>Door AI gegenereerde elementen zijn ontworpen om toegankelijk te zijn en volgen de praktische tips voor SEO, maar het is een goed idee om de toegankelijkheidswizard van je website te controleren en een voorbeeld van je website te bekijken op verschillende apparaten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik mijn gegenereerde elementen hergebruiken op verschillende pagina's of websites?</h4><div class="collapsible-content"><div>Ja, aangepaste elementen worden opgeslagen in de AI Elements-bibliotheek van je website, zodat je ze aan meerdere pagina's op je website kunt toevoegen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom zijn ontwerpopties anders voor sommige gepersonaliseerde elementen?</h4><div class="collapsible-content"><div>De ontwerpopties die je op de actiebalk ziet, zijn afhankelijk van hoe het element is gegenereerd. Dit betekent dat je voor sommige elementen veel ontwerpopties beschikbaar hebt (bijvoorbeeld: wijzigingen in tekst of kleuren), terwijl je voor andere je wijzigingen moet beschrijven via de AI-chat (bijvoorbeeld: elementen binnen het onderdeel aanpassen of verplaatsen, het ontwerp bijwerken, de indeling wijzigen).</div><div><br /></div><div><strong>Tip: </strong>Als je ooit wilt aanpassen hoe je element eruitziet of werkt, maar de optie niet ziet in het paneel van de editor, gebruik dan de chat om AI te laten weten wat je wilt wijzigen.</div></div></div></div>

Wix Harmony: Vakken toevoegen en aanpassen

Ontdek hoe je de nieuwe Wix Harmony-editor kunt gebruiken om vakken aan je website toe te voegen en aan te passen. Vakken zijn flexibele bouwstenen die je helpen om je inhoud georganiseerd en visueel aantrekkelijk te houden. Leer hoe je vakken kunt toevoegen, hun ontwerp kunt aanpassen en elementen kunt groeperen voor een betere lay-out. Dit artikel biedt praktische tips om je site te personaliseren en te optimaliseren.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><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 vorige editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">bekijk dan hier meer informatie</a>.</div></div></div></div><div data-component-type="text"><div>Vakken zijn flexibele bouwstenen, perfect voor het maken van gestructureerde indelingen en het toevoegen van stijl aan je website. Gebruik vakken om gerelateerde inhoud, zoals afbeeldingen, tekst of knoppen, te groeperen om je pagina's georganiseerd en visueel aantrekkelijk te houden.</div></div><div data-component-type="text"><div>Of je nu een kant-en-klaar ontwerp kiest of een vak helemaal vanaf nul personaliseert, je hebt de flexibiliteit om het element te laten passen bij je visie.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/03/f7fe3080-a6a2-436a-800d-78e69ed80a97/b26dcc7b-04d7-43af-a645-d804f8069de1.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-box" level="3">Een vak toevoegen</h2></div><div data-component-type="text"><div>Kies een vak dat werkt voor je inhouds- en stijldoelen. Je kunt beginnen met een leeg vak voor een minimale uitstraling of een van de vele vooraf ontworpen opties gebruiken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een vak 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 in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Blader door de categorieën en selecteer <strong>vakken</strong>.</li>  <li>Sleep een vak naar je website.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/03/43849bb7-fcdb-4386-9c20-a782da6a9e6f/2743d04e-e5be-44e2-a5ad-6ed4ccc3dc57.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-a-box" level="3">Een vak aanpassen</h2></div><div data-component-type="text"><div>Nadat je een vak hebt toegevoegd, kun je het ontwerp transformeren zodat het precies bij je website past. Pas achtergronden, randen, hoeken en schaduwen aan of verfijn de afstand en indeling om je inhoud te laten opvallen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een vak 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 relevante vak in de editor.</li>  <li>Kies wat je aan wilt passen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">De achtergrond van het vak wijzigen</h4><div class="collapsible-content"><ol>
  <li>Klik op de actiebalk op <strong>Achtergrond vervangen</strong>.</li>  <li>Kies een kleur, afbeelding of video voor je achtergrond.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas het ontwerp van het vak aan</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><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-elementen-ontwerpen">Ontwerp</a> het element:
    <ul>
      <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 element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het <strong>Alle randen bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.png" /> om ze allemaal tegelijk 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 je element 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/09/03/ca6d8a90-3325-4650-87ff-2e9bea53a664/9553598b-6eca-4f2a-a546-bc4b28d82edc.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>Pas de binnenste en buitenste schaduw toe om het element een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.</li>    </ul>  </li></ol></div></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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/03/67ee5b53-ea3d-4403-851b-45d921f9c931/6456d54f-eedc-44f0-8675-8ee9c073732d.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-box" level="3">Elementen aan een vak koppelen</h2></div><div data-component-type="text"><div>Vakken helpen je website netjes en georganiseerd te houden door je elementen te laten groeperen. Wanneer je elementen sleept (bijvoorbeeld: tekst, afbeeldingen, knoppen) in een vak, beweegt alles samen. Dit houdt je pagina's opgeruimd en zorgt ervoor dat alles blijft waar je het wilt hebben, terwijl je je pagina verplaatst en herschikt.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Elementen moeten kleiner zijn dan het vak om te kunnen worden toegevoegd.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om een element aan een vak te koppelen:</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 relevante element in de editor.</li>  <li>Sleep het naar de gewenste positie in de container en zet het neer wanneer je <strong>Bijvoegen</strong> ziet.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/03/7a95f350-9380-48d0-976a-6c8a81e7302e/c6302bf2-39ad-495b-bfef-e38be269a779.png" /></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 over vakken.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik heb een element aan het vak gekoppeld, maar kan het element niet zien. Wat is er gebeurd?</h4><div class="collapsible-content"><div>Wanneer je elementen aan een vak bevestigt, kunnen de lagen van de editor ervoor zorgen dat ze achter het vak worden verborgen. Mogelijk moet je je vak naar achteren en je elementen naar voren verplaatsen om ze op het vak te laten verschijnen.</div><div><br /></div><div>Lees hoe je <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">overlappende elementen bekijkt en selecteert</a>.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een element dat momenteel aan het vak is gekoppeld, loskoppelen?</h4><div class="collapsible-content"><div>Ja, sleep het simpelweg buiten de kaders.</div></div></div></div>

Wix Harmony: Een link naar een element toevoegen

Ontdek hoe je links kunt toevoegen aan elementen op je website met de Wix Harmony-editor. Dit artikel legt uit welke soorten links je kunt gebruiken, zoals pagina's, e-mail, documenten en meer, om je bezoekers te helpen navigeren en belangrijke informatie te vinden. Leer ook hoe je links aan tekst en elementen toevoegt, en krijg tips voor geavanceerde SEO-instellingen om je links te optimaliseren.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de vorige editor gebruikt, <a data-composite="true" href="https://wix.wixanswers.com/app/kb/article/4b06da30-b577-40de-9f4f-5c706d7ae071/nl" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Voeg links toe aan elementen op je website om bezoekers te helpen door je inhoud te navigeren en ze naar relevante en belangrijke informatie te leiden.</div></div><div data-component-type="text"><div>Er zijn veel soorten links die je kunt toevoegen die bezoekers naar andere websitepagina's, externe URL's, een pop-up of zelfs manieren om rechtstreeks contact met je op te nemen (bijvoorbeeld: e-mail, WhatsApp). </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/2025/11/05/25b0d99d-71f2-442f-9ac9-7fd6efdc5db2/68769655-8ad4-424a-b2f6-e4b7de2cbe35.png" alt="Het Link-paneel in de Wix Harmony Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-links" level="3">Type links</h2></div><div data-component-type="text"><div>Er zijn veel soorten links die je aan je elementen kunt toevoegen om bezoekers van je website te leiden naar welke inhoud dan ook; inclusief links naar pop-ups, onderdelen en adressen. </div></div><div data-component-type="text"><div>Klik op een optie hieronder om meer te lezen over de types linken:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pagina</h4><div class="collapsible-content"><div>Linken naar een websitepagina kan de aandacht vestigen op belangrijke of relevante inhoud op je website. Wanneer je bezoekers op het element klikken, worden ze doorgestuurd naar de door jou gekozen pagina. </div><div><br /></div><div>Je kunt ook linken naar de pagina's van Wix-bedrijfsoplossingen. Je kunt bijvoorbeeld linken naar productpagina's van Wix Stores, posts op je Wix Blog, of dienstenpagina's van Wix Bookings.</div><div><br /></div><div><strong>Tip:</strong> Je kunt ervoor kiezen om het webadres in een nieuw browservenster of binnen het huidige venster te openen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Onderdeel </h4><div class="collapsible-content"><div>Onderdelen zijn de bouwblokken van je website. Je kunt ze gebruiken om je inhoud te organiseren en weer te geven. Koppel je elementen aan een onderdeel om je bezoekers rechtstreeks naar de relevante inhoud op de door jou gekozen pagina te leiden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Webadres</h4><div class="collapsible-content"><div>Linken naar een webadres is een snelle en gemakkelijke manier om bezoekers naar relevante of nuttige inhoud buiten je website te leiden. Wanneer je bezoekers op het element klikken, worden ze doorgestuurd naar het webadres dat je hebt toegevoegd. </div><div><br /></div><div><strong>Tip:</strong> Je kunt ervoor kiezen om het webadres in een nieuw browservenster of binnen het huidige venster te openen. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Document</h4><div class="collapsible-content"><div>Link naar een document dat je naar je Wix-website hebt geüpload. Wanneer je bezoekers op het element klikken, wordt er een nieuw browsertabblad geopend met het document. </div><div><br /></div><div>Door te linken naar documenten wordt het gemakkelijker om inhoud zoals pdf's en andere bestanden op je website weer te geven. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">E-mail</h4><div class="collapsible-content"><div>Je kunt een link naar een specifiek e-mailadres toevoegen. Wanneer je bezoekers op het element klikken, wordt hun standaard e-mailaccount geopend en kunnen ze rechtstreeks een e-mail sturen naar het adres dat je hebt gekoppeld.</div><div><br /></div><div>Linken naar een e-mailadres is een goede manier om het voor websitebezoekers gemakkelijker te maken om contact op te nemen met je bedrijf.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Telefoonnummer</h4><div class="collapsible-content"><div>Link naar een telefoonnummer. Wanneer je bezoekers op het element op hun mobiel klikken, kunnen ze je direct en rechtstreeks vanaf hun apparaat bellen. </div><div><br /></div><div><strong>Let op:</strong> Als ze een desktop gebruiken, wordt een bel-app (zoals FaceTime) geopend.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pop-up</h4><div class="collapsible-content"><div>Koppel een element aan een pop-up op je website. Linken naar een pop-up is een leuke en creatieve manier om bezoekers de aandacht te vestigen op website-inhoud zoals aankondigingen en promoties. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Boven-/onderkant pagina</h4><div class="collapsible-content"><div>Voeg een link toe aan de boven- of onderkant van de pagina. Wanneer je bezoekers op het element klikken, worden ze naar de boven- of onderkant van de pagina gebracht waar ze zich bevinden.</div><div><br /></div><div>Door deze link toe te voegen, kunnen bezoekers gemakkelijker door je pagina's navigeren, vooral als deze veel inhoud bevatten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">WhatsApp</h4><div class="collapsible-content"><div>Voeg een link toe aan je WhatsApp, zodat bezoekers rechtstreeks een chat met je kunnen beginnen. Dit maakt het gemakkelijk voor mensen om in realtime contact op te nemen, vragen te stellen of ondersteuning te krijgen vanaf hun mobiele apparaat.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adres</h4><div class="collapsible-content"><div>Link naar een fysiek adres, zodat bezoekers je bedrijfslocatie kunnen vinden of een routebeschrijving kunnen krijgen. Door je adres te delen, kunnen mensen je bedrijf persoonlijk bezoeken of zien waar je bent gevestigd.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-an-element" level="3">Een link aan een element toevoegen</h2></div><div data-component-type="text"><div>Voeg links aan verschillende elementen toe, waaronder afbeeldingen, knoppen en vector art.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een link aan een element 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>Selecteer het element.</li>  <li>Klik op de actiebalk op het <strong>Link</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/11/05/f302e433-f068-4dc5-8e92-11f6b14356b2/1a2ee37e-b4a4-492f-bb19-f9bbf13dbd23.png" />.</li>  <li>Klik op <strong>Kies een link</strong>.</li>  <li>Kies een type link uit de opties bovenaan.<br />
<strong>Tip: </strong>Klik 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/05/c5ca7ec6-5b6b-428d-bd78-8c0c61b30dc1/08336c86-a732-4b94-982f-586d8378d715.png" /> om extra opties te vinden, zoals <strong>E-mail</strong>, <strong>Telefoon</strong>, <strong>Pop-up</strong>, <strong>Bovenste/onderste pagina</strong>, <strong>WhatsApp</strong> of <strong>Adres</strong>.</li>  <li>Selecteer een koppelingstype en voer de details in.</li>  <li>Klik op <strong>Klaar</strong>.</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/2025/11/05/bdeb5519-9bd5-46a1-aae4-b24365e8953a/c6d0d3a9-9372-4151-88d7-763f6eaea10b.png" alt="Een afbeelding in de Wix Harmony Editor en het Link-paneel, die de afbeelding aan een andere websitepagina linkt" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je een link verwijderen?</div><div class="info-content"><div>Herhaal stap 1-3 en klik op <strong>Link verwijderen</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-text" level="3">Een link aan tekst toevoegen</h2></div><div data-component-type="text"><div>Leid je bezoekers naar andere websites, onderdelen of pagina's door tekstlinks toe te voegen. Verander elk stuk tekst in een klikbare link of voeg een URL toe, waardoor navigatie eenvoudig en intuïtief wordt.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Voeg geen andere tekst toe aan het tekstvak aangezien de URL hierdoor niet meer zal kunnen worden aangeklikt.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om een link aan tekst 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>Selecteer het relevante tekstvak.</li>  <li>Klik op de actiebalk op het <strong>Link</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/11/05/1b7d2143-b59d-4ebb-a46f-a304f5cf3b5f/5b4be6a8-7ed7-40f7-8c17-ed265d4ecb87.png" />.</li>  <li>Klik op <strong>Kies een link</strong>.</li>  <li>Selecteer een koppelingstype en voer de details in.<br />
<strong>Tip: </strong>Klik 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/05/c5ca7ec6-5b6b-428d-bd78-8c0c61b30dc1/08336c86-a732-4b94-982f-586d8378d715.png" /> om extra opties te vinden, zoals <strong>E-mail</strong>, <strong>Telefoon</strong>, <strong>Pop-up</strong>, <strong>Bovenste/onderste pagina</strong>, <strong>WhatsApp</strong> of <strong>Adres</strong>.</li>  <li>Klik op <strong>Klaar</strong>.<br />
<strong>Tip: </strong>Om de onderstreping van de hyperlink te verwijderen, markeer je de gelinkte tekst en klik je op het <strong>Onderstrepen</strong>-pictogram <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/81f52e5f-2235-4cee-9e6b-cd5e23a09c1d.png" /> op de actiebalk. De tekst blijft nog steeds gekoppeld.</li>  <li>(Optioneel) Pas de kleur en opmaak van je gelinkte tekst aan. </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/2025/11/05/39919884-f336-467b-a965-d7a2df91a904/32d1b15f-1b7d-42bc-be54-f500459e1843.png" alt="Tekst en het Link-paneel in de Wix Harmony-editor, die de tekst aan een websitepagina linkt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-seo-settings" level="3">Geavanceerde SEO-instellingen</h2></div><div data-component-type="text"><div>Wanneer je een element aan een websitepagina of webadres koppelt, kun je het rel-attribuut instellen. Dit vertelt zoekmachines en browsers hoe ze met de link moeten omgaan.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk: </div><div class="info-content"><div>Rel-attributen zijn een geavanceerde instelling. Het kiezen van de verkeerde optie kan van invloed zijn op je website of links, dus wijzig dit alleen als je weet wat je doet.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om een rel-attribuut 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>Selecteer het element.</li>  <li>Klik op de actiebalk op het <strong>Link</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/11/05/1b7d2143-b59d-4ebb-a46f-a304f5cf3b5f/5b4be6a8-7ed7-40f7-8c17-ed265d4ecb87.png" />.</li>  <li>Klik op <strong>Geavanceerde SEO-instellingen</strong>.</li>  <li>Selecteer onder <strong>Welke rel-waarden moet het hebben?</strong><strong> </strong>het gewenste rel-attribuut:
    <ul>
      <li><strong>noopener:</strong> Houdt je website veilig door te voorkomen dat de gelinkte pagina toegang krijgt tot de pagina vanaf waar waarnaar wordt gelinkt. (Aanbevolen)</li>      <li><strong>noreferrer:</strong> Voorkomt dat de gelinkte website ziet waar bezoekers vandaan komen.</li>      <li><strong>nofollow:</strong> Vertelt zoekmachines om de link niet te volgen of te ranken.</li>      <li><strong>sponsored:</strong> Labelt de link als een betaalde advertentie of plaatsing, wat je SEO helpt beschermen.</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/2025/11/05/9632d36d-eafa-4af5-913d-ef9ab66e3de2/32f75844-f651-483f-a227-42b545e50eec.png" alt="Een afbeelding en het Link-paneel in de Wix Harmony Editor, met de rel-waarden-dropdown open met de opties" /></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 link in een nieuw tabblad of venster openen?</h4><div class="collapsible-content"><div>Ja, wanneer je linkt naar een webadres of websitepagina, kun je ervoor kiezen om de link in een nieuw browservenster of in hetzelfde venster te openen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik kiezen naar welke kleur mijn gehyperlinkte tekst verandert, zodra bezoekers erop klikken?</h4><div class="collapsible-content"><div>Nee. Momenteel is het niet mogelijk om de kleur van een hyperlink te wijzigen nadat bezoekers erop hebben geklikt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wanneer ik een link toevoeg, ontvang ik de foutmelding 'Verwijder om een link toe te voegen, eerst het regeleinde'</h4><div class="collapsible-content"><div>Bij het linken van tekst kun je geen tekst linken die meer dan twee alinea's beslaat, als je die alinea's hebt gescheiden met de<strong> Enter</strong>-toets. Als je dit probeert, ontvang je een foutmelding waarin je wordt gevraagd het regeleinde te verwijderen.</div><div><br /></div><div>Je kunt dit oplossen door een regeleinde toe te voegen met <strong>Shift</strong> + <strong>Enter</strong> om de regelafstand te maken in plaats van de Enter-toets.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een link toevoegen naar een downloadbaar bestand, zoals een PDF- of Word-document?</h4><div class="collapsible-content"><div>Ja, je kunt tekst aan documenten linken. Zorg ervoor dat je <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-media-uploaden-naar-de-media-manager" target="">je bestand hebt geüpload</a> naar de Media Manager, volg dan de bovenstaande stappen voor het hyperlinken van tekst en selecteer <strong>Document</strong>.</div><div><br /></div><div><strong>Tip:</strong> Gebruik beschrijvende tekst, zoals 'Download onze folders', om de link duidelijk te maken voor je websitebezoekers.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik links tegelijk toevoegen in Velo en de Editor?</h4><div class="collapsible-content"><div>Als je Velo by Wix gebruikt, vermijd dan het instellen van twee onclick-functies op hetzelfde element (één in het linkpaneel van de Editor en één in Velo-code). Dit kan conflicten veroorzaken. Om een element dat je bestuurt met Velo te koppelen, voeg je de link toe met code, niet via de editor.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat als mijn knop is gekoppeld aan het CMS?</h4><div class="collapsible-content"><div>Als je een knop koppelt aan een dataset in het CMS, kan het instellen van een link in het linkpaneel ook in strijd zijn met klikacties vanuit het CMS. Gebruik voor knoppen die aan het CMS zijn gekoppeld de dataset-instellingen om links of acties af te handelen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat moet ik doen als een tekstlink gebroken is of naar een 404-foutpagina leidt?</h4><div class="collapsible-content"><div>Kapotte links kunnen optreden als een pagina of document is verplaatst, hernoemd of verwijderd. Om dit op te lossen, controleer je de links in je tekst en zorg je ervoor dat ze naar de juiste plaats leiden. Als de tekst is gekoppeld aan een URL, controleer dan de URL zorgvuldig. Zorg ervoor dat je alle wijzigingen die je in de links aanbrengt, publiceert. </div><div><strong>Tip:</strong> Test de links van je website regelmatig om er zeker van te zijn dat alles goed functioneert.</div></div></div></div>

Wix Harmony: Google Maps toevoegen en aanpassen

Voeg eenvoudig een Google Maps-element toe aan je website om belangrijke locaties zoals je etalage of evenementenlocatie te markeren. Leer hoe je één of meerdere locaties kunt beheren, elk met aangepaste details, zodat bezoekers snel de weg naar jouw bedrijf vinden. Pas de kaartinstellingen aan voor een optimale gebruikerservaring en zorg ervoor dat je bezoekers gemakkelijk contact kunnen maken met je bedrijf.

<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 vorige editor gebruikt, <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">bekijk dan meer hier</a>.</div></div></div></div><div data-component-type="text"><div>Maak het mensen gemakkelijk om je te vinden door een Google Maps-element aan je website toe te voegen. Markeer belangrijke plekken zoals je etalage, evenementenlocatie of kantoor, zodat bezoekers altijd weten waar ze heen moeten. Met flexibele opties voor enkele of meerdere locaties heb je controle over hoe je kaart eruitziet en werkt. Pas elk detail aan je stijl aan en help bezoekers in één oogopslag contact te maken met je bedrijf.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-google-maps-to-your-site" level="3">Google Maps aan je website toevoegen</h2></div><div data-component-type="text"><div>Presenteer je bedrijfslocaties, evenementen of ontmoetingspunten rechtstreeks op je website door een Google Maps-element toe te voegen. Of je nu één of meerdere locaties hebt, je kunt elke kaartpin aanpassen om alle essentiële details te delen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om Google Maps 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 in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Selecteer de<strong> Formulier en contact</strong>-categorie.</li>  <li>Blader door de tabbladen en selecteer<strong> Google Maps</strong>.</li>  <li>Klik op een kaart of sleep deze naar de relevante locatie op je pagina.</li>  <li>Klik op de actiebalk op <strong>Locaties beheren</strong>.</li>  <li>Kies hoeveel locaties je aan de kaart wilt toevoegen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Eén locatie</h4><div class="collapsible-content"><div>Vul de locatiegegevens in:</div><ul>
  <li><strong>Adres:</strong> Typ het adres in.</li>  <li><strong>Label: </strong>Voeg een titel toe aan de locatiespeld op de kaart om gebruikers te laten weten hoe deze heet.</li>  <li><strong>Beschrijving:</strong> Voeg een korte zin toe om de locatie te beschrijven.</li>  <li><strong>Linkt naar: </strong>Voeg een link toe om bezoekers om te leiden naar een URL, of het nu jouw website is of andere websites. Je kunt ook <strong>linktekst</strong> toevoegen om bezoekers te laten weten wat ze kunnen verwachten bij het klikken.  </li></ul> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Meerdere locaties</h4><div class="collapsible-content"><ol>
  <li>Voer de gegevens van de eerste locatie in:
    <ul>
      <li><strong>Adres:</strong> Typ het adres in.</li>      <li><strong>Label: </strong>Voeg een titel toe aan de locatiespeld op de kaart om gebruikers te laten weten hoe deze heet.</li>      <li><strong>Beschrijving:</strong> Voeg een korte zin toe om de locatie te beschrijven.</li>      <li><strong>Linkt naar: </strong>Voeg een link toe om bezoekers om te leiden naar een URL, of het nu jouw website is of andere websites. Je kunt ook <strong>linktekst</strong> toevoegen om bezoekers te laten weten wat ze kunnen verwachten bij het klikken. </li>    </ul>  </li>  <li>Klik onderaan op <strong>Nog één toevoegen</strong>.</li>  <li>Voer de gegevens van de tweede locatie in. Als je klaar bent, klik je bovenaan op <strong>Terug</strong> .</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>Meer locaties toevoegen:</strong> Klik onderaan op <strong>Locatie toevoegen</strong> en vul de gegevens in. </li>      <li><strong>Het midden van de kaart wijzigen:</strong> Maak een andere locatie tot het midden van je kaart. Klik 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/10/15/e74f3777-4071-4512-9f0d-9f0551e9a390/25e04335-595d-48c0-989d-3813166b8dda.png" /> naast de locatie en selecteer<strong> Kaart centreren</strong>.</li>    </ul>  </li></ol> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-multiple-locations-on-the-same-map" level="3">Meerdere locaties op dezelfde kaart beheren</h2></div><div data-component-type="text"><div>Houd al je belangrijke plaatsen zichtbaar door meerdere locaties op dezelfde kaart te beheren. Voeg advertenties toe, bewerk of verwijder ze naarmate je bedrijf groeit of stel een nieuw centrum in om te laten zien wat het belangrijkste is aan je bezoekers. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de locaties 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 op het Google Maps-element.</li>  <li>Klik op de actiebalk op <strong>Locaties beheren</strong>.</li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>Nog een locatie toevoegen:</strong> Klik onderaan op <strong>Locatie toevoegen</strong>.<br />
<strong>Tip:</strong> Als je momenteel slechts één locatie op de kaart hebt, klik je op <strong>Nog één toevoegen</strong>.</li>      <li><strong>Een locatie bewerken:</strong> Klik 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/10/15/e74f3777-4071-4512-9f0d-9f0551e9a390/25e04335-595d-48c0-989d-3813166b8dda.png" /> naast de locatie en selecteer <strong>Bewerken</strong>.  </li>      <li><strong>Een locatie verwijderen:</strong> Klik 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/10/15/e74f3777-4071-4512-9f0d-9f0551e9a390/25e04335-595d-48c0-989d-3813166b8dda.png" /> naast de locatie en selecteer <strong>Verwijderen</strong>.</li>      <li><strong>Het midden van de kaart wijzigen: </strong>Klik 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/10/15/e74f3777-4071-4512-9f0d-9f0551e9a390/25e04335-595d-48c0-989d-3813166b8dda.png" /> naast de relevante locatie en selecteer <strong>Kaart centreren</strong>.</li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-map-settings" level="3">De kaartinstellingen aanpassen</h2></div><div data-component-type="text"><div>Laat je kaart voor je werken door de instellingen te kiezen die bij jouw behoeften passen. Pas aan wat bezoekers kunnen zien en doen — laat ze een routebeschrijving krijgen, verkennen met satellietweergave en in- of uitzoomen om je locaties van dichterbij te bekijken. Elke optie helpt je een kaart te maken die bij jouw stijl past en je bezoekers de beste ervaring geeft.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de instellingen van je kaart te wijzigen:</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 Google Maps-element.</li>  <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/2025/10/15/3951b49b-6f88-4bad-aec2-9941ed42efb6/b85ff7a3-7318-4695-ab81-20ab833e7830.png" />.</li>  <li>Personaliseer de instellingen:
    <ul>
      <li><strong>Link weergeven: </strong>Schakel de schakelaar in om een link weer te geven waarop bezoekers kunnen klikken om een routebeschrijving te krijgen om naar je locatie op Google Maps te komen.</li>      <li><strong>Kaart- en satellietweergaven weergeven: </strong>Schakel dit in om bezoekers te laten schakelen tussen de kaart- en satellietweergaven van je kaart.</li>      <li><strong>In-/uitzoomknoppen tonen: </strong>Schakel dit in om bezoekers te laten in- en uitzoomen op de kaart.</li>      <li><strong>Street View-optie weergeven: </strong>Schakel dit in om de Google Street View-tool weer te geven. </li>      <li><strong>Slepen toestaan: </strong>Schakel de schakelaar in om bezoekers toe te staan zich op je kaart te bewegen door met hun muis te klikken en te slepen.</li>      <li><strong>Zoom: </strong>Kies de zoomfactor van je kaart door de schuifregelaar te slepen. Misschien wil je je kaart rechtstreeks op je bedrijfslocatie richten of weergeven waar je bedrijf zich bevindt ten opzichte van nabijgelegen steden.</li>      <li><strong>Kaarttype:</strong><strong> </strong>Kies het uiterlijk van je kaart: <strong>Licht</strong>,<strong> Donker</strong>,<strong> </strong><strong>Standaard </strong>of <strong>Satelliet</strong>. </li>      <li><strong>Pictogram: </strong>Wijzig het standaardpictogram van de pin in iets dat bij jouw stijl past, inclusief elke afbeelding uit de Media Manager.<br />
<strong>Tip: </strong>Je kunt het pictogram ook snel wijzigen door op de actiebalk op <strong>Pictogram vervangen</strong> te klikken.</li>      <li><strong>Toegankelijkheid: </strong>Klik om een toegankelijke naam (alt-tekst) die deze kaart beschrijft, toe te voegen voor zoekmachines en schermlezers. </li>    </ul>  </li></ol></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 over Google Maps.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mijn Google Maps-kaart toont een verkeerd adres. Hoe kan ik dit oplossen?</h4><div class="collapsible-content"><div>Als je Google Map niet het juiste adres toont, raden we aan om de coördinaten van je locatie te plakken in plaats van het adres. </div><div><br />
<strong>Om de coördinaten van een locatie te vinden en toe te voegen aan je Google Maps:</strong></div><ol>
  <li><a data-composite="true" href="https://maps.google.com/" target="_blank">Ga naar Google Maps</a>.</li>  <li>Plak het adres.</li>  <li>Klik met de rechtermuisknop op de locatie op de kaart.</li>  <li>Klik op <strong>Wat is hier?</strong>.</li>  <li>Kopieer de coördinaten die onder het zoekvak verschijnen.</li>  <li>(in de Wix Harmony Editor) Selecteer het Google Maps-element.</li>  <li>Klik op de actiebalk op <strong>Locaties beheren</strong> .</li>  <li>Voeg de coördinaten toe aan de locatie:
    <ul>
      <li><strong>Als je één locatie op je kaart hebt:</strong> Typ de coördinaten die je hebt gekopieerd in het <strong>Adres</strong>-veld.</li>      <li><strong>Als je meerdere locaties op je kaart hebt: </strong>
        <ol>
          <li>Klik op het betreffende adres 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/10/15/e74f3777-4071-4512-9f0d-9f0551e9a390/25e04335-595d-48c0-989d-3813166b8dda.png" />.</li>          <li>Klik op <strong>Bewerken</strong>. </li>          <li>Typ de coördinaten die je hebt gekopieerd in het <strong>Adres</strong>-veld.</li>        </ol>      </li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mijn Google Maps-kaart ziet er anders uit in de voorbeeldmodus dan op mijn live website. Waarom?</h4><div class="collapsible-content"><div>Als de voorbeeldmodus er anders uitziet dan de live website, heb je je meest recente wijzigingen mogelijk nog niet gepubliceerd. Ga naar de Wix Harmony-editor en klik rechtsboven op <strong>Publiceren</strong>. </div></div></div></div>

Wix Harmony Editor: Inklapbare tekst toevoegen en aanpassen

Ontdek hoe je inklapbare tekst aan je website kunt toevoegen met de Wix Editor, ideaal voor het delen van veel informatie zonder je pagina te overweldigen. Leer verschillende stijlen en instellingen te kiezen, zodat je de inhoud kunt aanpassen aan je ontwerp. Met de mogelijkheid om tot 120.000 tekens te gebruiken, kun je lange tekstblokken effectief presenteren en de gebruikerservaring verbeteren.

<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-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Inklapbare tekst is ideaal om veel informatie te delen zonder je pagina te overweldigen. Slechts een deel van de tekst is eerst zichtbaar, bezoekers kunnen op een uitklapknop of een link klikken om de rest weer te geven.</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/2025/11/17/4b80496c-fe21-4dea-bd24-d9a29d513dcb/7b80247b-beb8-437a-9adc-dd20fd8da9c3.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-collapsible-text" level="3">Inklapbare tekst toevoegen</h2></div><div data-component-type="text"><div>Begin met het toevoegen van een inklapbaar tekstvak aan je website. Kies uit een verscheidenheid aan stijlen, lettertypen, het aantal lijnen en andere instellingen die bij je inhoud en ontwerp passen.</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>... inklapbare tekstvakken maximaal 120.000 tekens kunnen bevatten, dus ze zijn ideaal voor het weergeven van lange tekstblokken.</div>   </div></div></div><div data-component-type="heading"><h2 id="" level="4">Om inklapbare tekst 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</a> <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">je Editor</a>.</li>  <li>Klik linksboven in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Klik op <strong>Inklapbare tekst</strong>.</li>  <li>Klik of sleep de door jou gekozen tekststijl naar je pagina.</li>  <li>Dubbelklik op je nieuwe tekstvak om je woorden toe te voegen.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-new-adding-and-editing-text#editing-your-text" target="">Pas het lettertype</a>, de kleur en de stijl aan het uiterlijk van je website aan.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-up-your-collapsible-text" level="3">Inklapbare tekst instellen</h2></div><div data-component-type="text"><div>Nadat je het tekstvak aan je pagina hebt toegevoegd, beslis je hoe bezoekers toegang hebben tot de full text. Voeg een knop toe om de inhoud op dezelfde pagina uit te breiden of maak een link die ergens anders naar de volledige tekst leidt. Stel opties in voor uitlijning, afstand en hoeveel lijnen worden weergegeven voordat bezoekers moeten klikken.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de indeling van de tekst 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</a> <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">je editor</a>.</li>  <li>Klik op de inklapbare tekst.</li>  <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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/11/13/c9ffb753-0786-4d6d-87d2-de15bfe488d1/0f13e23c-46f0-48fa-aa2a-37a599e56b58.png" />.</li>  <li>Pas een van de volgende instellingen aan:
    <ul>
      <li><strong>Tekst:</strong> Wijzig de voorbeeldtekst naar je eigen inhoud.</li>      <li><strong>Kies wat de knop doet:</strong> Bepaal of je knop de tekst uitklapt of als link fungeert.</li>      <li><strong>Uitvouwen:</strong> Voer de tekst in die op de uitklapknop en de knop moet verschijnen waarop bezoekers klikken om de tekst samen te vouwen (bijvoorbeeld: 'Lees meer' en 'Lees minder').  </li>      <li><strong>Links:</strong> Voer de tekst in die op de knop moet verschijnen waarop bezoekers klikken, evenals de URL naar het volledige stuk tekst.</li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-your-collapsible-text" level="3">Inklapbare tekst ontwerpen</h2></div><div data-component-type="text"><div>Je hebt volledige controle over het uiterlijk van je inklapbare tekst. Ontwerp de inklapbare tekst zelf en de knop waarop bezoekers klikken om meer te lezen — verfijn alles, van lettertypen en kleuren tot uitlijning en afstand.</div></div><div data-component-type="heading"><h2 id="" level="4">Om je inklapbare tekst te ontwerpen:</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</a> <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">je editor</a>.</li>  <li>Klik op de inklapbare tekst.</li>  <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 inklapbare tekst onder <strong>Kies wat je wilt ontwerpen</strong>.
    <ul>
      <li><strong>Inklapbare tekst: </strong>Vergroot of verklein de ruimte tussen de tekst en de knop. Je kunt ook beslissen hoeveel rijen tekst worden weergegeven. </li>      <li><strong>Tekst: </strong>Pas het lettertype, de opmaak, uitlijning, hoofdletters en meer van de tekst aan. Je kunt ook kiezen of je de richting van de website op de tekst wilt toepassen (dat wil zeggen: links naar rechts of rechts naar links).</li>      <li><strong>Knop: </strong>Ontwerp de knop waarop bezoekers klikken om meer te lezen. Wijzig de vulkleur, randen, hoeken, schaduw en afstand. Je kunt ook de uitlijning aanpassen en kiezen of je de richting van de website op de knop wilt toepassen (dat wil zeggen: links naar rechts of rechts naar links).</li>      <li><strong>Tekst: </strong>Pas de tekst aan die op de knop verschijnt. Wijzig het lettertype, de opmaak, uitlijning, hoofdlettergebruik en afstand. Je kunt ook schaduw toepassen voor een 3D-effect.</li>    </ul>  </li></ol></div>

Wix Harmony Editor: Met elementen werken

Ontdek hoe je elementen in de nieuwe Wix Harmony-editor kunt beheren om je website te personaliseren. Leer hoe je elementen kunt verplaatsen, aanpassen, dupliceren en groeperen voor een efficiënter ontwerp. Deze tools helpen je om een professionele en unieke uitstraling te creëren, zodat je website echt van jou is. Volg de stappen in het artikel om je ontwerpideeën tot leven te brengen.

<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-the-difference-between-wix-editor-and-wix-harmony" target="">lees dan hier meer</a>.</div></div></div></div><div data-component-type="text"><div>Elementen zijn de bouwstenen van je website. Elk element bepaalt je indeling, stijl en boodschap. Je kunt elementen verplaatsen, vergroten of verkleinen, dupliceren en organiseren zoals jij dat wilt. Deze tools helpen je een website te maken die gepolijst, uitgebalanceerd en echt van jou is.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-elements" level="3">Met elementen werken</h2></div><div data-component-type="text"><div>Selecteer een element in je editor om het binnen de pagina te verplaatsen, de grootte en vorm aan te passen, of kopieer en groepeer het voor meer efficiëntie. Gebruik eenvoudige knoppen en snelkoppelingen om je ontwerpideeën onderdeel voor onderdeel tot leven te brengen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om met een element aan de slag te gaan:</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 betreffende element.</li>  <li>Kies wat je dan wilt doen:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Verplaatsen</h4><div class="collapsible-content"><div>Houd het element ingedrukt en sleep het naar de relevante plek op de pagina. Wanneer je de juiste plaats hebt bereikt, laat je het element zakken.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">In grootte aanpassen</h4><div class="collapsible-content"><div>Sleep de zijgrepen van het element om de breedte of hoogte te wijzigen. Je kunt zowel de breedte als de hoogte wijzigen door vanuit de hoek te slepen.  </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Draaien</h4><div class="collapsible-content"><div>Houd het <strong>Draaien</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/03/2be3e0bc-95b0-4db1-a7ff-9ac37dee70ec/f6925bbf-30a1-4dda-9acf-b4bf99861e09.png" /> ingedrukt en sleep het rechts van het element om de hoek te wijzigen. Laat de muis los wanneer je element in de hoek staat die je wilt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Knippen</h4><div class="collapsible-content"><div>Klik met de rechtermuisknop op het element en selecteer <strong>Knippen</strong>. Dit verwijdert het element van de pagina terwijl het wordt gekopieerd naar het klembord van je computer, zodat je het ergens anders kunt plakken.</div><div><br /></div><div><strong>Tip:</strong> </div><div>Je kunt deze actie ook uitvoeren vanuit het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> door naast een element op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/10/21379089-dfa6-44ea-aa36-8bd48f19b4d0/d2c793ea-50b3-45be-b8ec-a753a6b17505.png" /> te klikken.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kopiëren en plakken</h4><div class="collapsible-content"><ol>
  <li>Klik met de rechtermuisknop op het element en selecteer <strong>Kopiëren</strong>. </li>  <li>Ga naar de door jou gekozen pagina of onderdeel, klik met de rechtermuisknop en selecteer <strong>Plakken</strong>.</li></ol><div><br /></div><div><strong>Tips:</strong></div><ul>
  <li>Gebruik de sneltoets <strong>Ctrl + C</strong> om een element te kopiëren en <strong>Ctrl + V</strong> om het te plakken (<strong>Cmd + C </strong>en <strong>Cmd + V</strong> op een Mac).</li>  <li>Je kunt deze actie ook uitvoeren vanuit het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> door naast een element op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/10/21379089-dfa6-44ea-aa36-8bd48f19b4d0/d2c793ea-50b3-45be-b8ec-a753a6b17505.png" /> te klikken.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dupliceren</h4><div class="collapsible-content"><div>Klik met de rechtermuisknop op het element en selecteer <strong>Dupliceren</strong> om er een kopie van op de pagina te maken.</div><div><br /></div><div><strong>Tip:</strong></div><div>Je kunt deze actie ook uitvoeren vanuit het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> door naast een element op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/10/21379089-dfa6-44ea-aa36-8bd48f19b4d0/d2c793ea-50b3-45be-b8ec-a753a6b17505.png" /> te klikken.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Verwijderen</h4><div class="collapsible-content"><div>Klik met de rechtermuisknop op het element en selecteer <strong>Verwijderen</strong> om het van je pagina te verwijderen.</div><div><br /></div><div><strong>Tip:</strong></div><div>Je kunt deze actie ook uitvoeren vanuit het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> door naast een element op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/10/21379089-dfa6-44ea-aa36-8bd48f19b4d0/d2c793ea-50b3-45be-b8ec-a753a6b17505.png" /> te klikken.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Groeperen</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-grouping-and-ungrouping-elements" target="">Combineer elementen</a> in een enkele groep voor uitlijnings- en bewerkingsdoeleinden. De groep is alleen zichtbaar voor jou in de editor.</div><ol>
  <li>Houd de <strong>Shift</strong>-toets ingedrukt terwijl je op de andere elementen klikt die je wilt opnemen.</li>  <li>Klik op de actiebalk op <strong>Elementen groeperen</strong>. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Op scherm vastzetten</h4><div class="collapsible-content"><div>Klik met de rechtermuisknop op het element en selecteer <strong>Vastzetten </strong>om<strong> </strong><a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-elementen-op-het-scherm-vastzetten" target="">het op zijn plaats houden</a> terwijl bezoekers door je website scrollen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Schikken (elementen naar voren of naar achteren verplaatsen)</h4><div class="collapsible-content"><ol>
  <li>Klik met de rechtermuisknop op het element dat je vooruit of achteruit wilt verplaatsen.</li>  <li>Wijs <strong>Schikken </strong>aan en kies een optie:
    <ul>
      <li><strong>Naar voren:</strong> Verplaats het element 1 laag boven de laag ervoor.</li>      <li><strong>Achteruit:</strong> Verplaats het element 1 laag onder de laag erachter.</li>      <li><strong>Naar voorgrond:</strong> Breng het element naar de bovenste laag boven alle andere.</li>      <li><strong>Naar achter:</strong> Stuur het element naar de geheel onderste laag achter alle andere.</li>    </ul>  </li></ol><div><br /></div><div><strong>Tip:</strong></div><div>Je kunt deze actie ook uitvoeren vanuit het <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-working-with-the-layers-panel" target="">Lagen-paneel</a> door naast een element op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/10/21379089-dfa6-44ea-aa36-8bd48f19b4d0/d2c793ea-50b3-45be-b8ec-a753a6b17505.png" /> te klikken.</div> </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">Hoe selecteer ik meerdere elementen in de editor?</h4><div class="collapsible-content"><div>Om meerdere elementen tegelijk te selecteren, houd je je cursor ingedrukt en sleep je deze over de elementen. </div><div><br /></div><div>Als alternatief kun je de elementen handmatig selecteren met je muis. Klik op het eerste element dat je wilt selecteren. Houd vervolgens de <strong>Shift</strong>-toets op je toetsenbord ingedrukt terwijl je op de andere elementen klikt.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik een specifiek element in een groep selecteren? </h4><div class="collapsible-content"><div>Ja. Je kunt één element tegelijk selecteren en bewerken vanuit een groep. Klik op de groep op je pagina en klik dan op het element dat je wilt aanpassen.</div><div><br /></div><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>Kilk op de groep.</li>  <li>Klik op het betreffende element.</li>  <li>Bewerk het element.</li></ol><div><br /></div><div>Je kunt ook op <strong>Ctrl</strong> op je toetsenbord drukken en op het element klikken (<strong>Cmd</strong> + klik op Mac) om het te selecteren.</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

Getting started with the editor

Using the editor tools

Structuring your site

Adding and customizing elements

Adding animations and effects

Branding your site

Designing your site

Troubleshooting your site

Wix Editor (New) Category

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

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

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.