# Wix Harmony-editor: Pop-ups toevoegen en aanpassen Source: https://support.wix.com/nl/article/wix-harmony-editor-pop-ups-toevoegen-en-aanpassen (updated 2026-07-16) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt Pop-ups zijn een krachtige manier om de aandacht van je bezoekers te trekken en belangrijke aankondigingen, promoties te laten zien of ze gewoon te verwelkomen op je website. Je kunt deze pop-upvensters volledig aanpassen, beslissen wanneer ze verschijnen en kiezen hoe bezoekers met hen omgaan. --- ## Een pop-up toevoegen Ga aan de slag door een pop-up aan je website toe te voegen. Er zijn verschillende templates en categorieën om uit te kiezen, zoals 'Welkom'- en 'Contact'-pop-ups. ### Om een pop-up toe te voegen: 1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Klik linksboven in de editor op **+ Toevoegen**. 3. Selecteer **Elementen**. 4. Wijs het **Meer opties**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/11/124d8115-944b-457d-a028-ce5f9b722fae/b107c869-afc3-427a-ad5f-12b67b9423f9.png) aan, scrol dan omlaag en klik op **Pop-up** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/11/2222e234-c2d6-4f38-93ee-37fee1151251/a5c7a65b-e1ab-40f2-9be5-0c044e7d74fd.png). 5. Sleep een ontwerp dat je leuk vindt naar je pagina. ![Een screenshot met de Pop-up-categorie in het Toevoegen-paneel.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/11/9bc17906-a338-4ae2-b72b-6a02b1ab38e3/32254571-0aa5-4cab-9553-dc5ba9a33046.png) --- ## Een pop-up aanpassen Stem je pop-up af op je merk door de inhoud, het ontwerp en het gedrag aan te passen. Personaliseer hoe deze eruitziet, waar hij op je site wordt weergegeven en de manier waarop bezoekers hem sluiten. ### Om een pop-up aan te passen: 1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Klik linksboven op de pagina op de **Pagina**-dropdown. 3. (In het **Websitepagina's**-paneel) Selecteer de relevante pop-up. 4. Klik in de editor op het pop-up-element. 5. Bepaal hoe je de pop-up wilt aanpassen: **Kies op welke pagina's de pop-up verschijnt** 1. Klik op het **Instellingen-** pictogram ![](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) op de actiebalk. 2. Klik op het veld onder **Pop-up waarop wordt weergegeven**. 3. Schakel het selectievakje naast de relevante pagina('s) in. **Tip:** Je kunt 1 of meerdere pagina's selecteren. **Elementen toevoegen** 1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Klik linksboven in de editor op **+ Toevoegen**. 3. Sleep het relevante element naar de pop-up en zet het neer wanneer je het **Bijvoegen aan container**-bericht ziet. **De pop-up ontwerpen** 1. Klik in de actiebalk op het **Alle ontwerpopties**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/b9b20e55-7901-4ec5-b1ce-d7f4cbb45b2f/17a1f795-89f2-4caf-b3b3-b3ec22ab25b9.png). 2. Selecteer het relevante deel van de pop-up onder **Kies een Pop-up-onderdeel**. 3. [Ontwerp](https://support.wix.com/nl/article/wix-harmony-editor-designing-elements) het element: * **Opvulkleuren** ![](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)**:** De kleur(en) van je element wijzigen door een van je merkkleuren of een aangepaste kleur te kiezen. * **Afstand** ![](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):Voeg ademruimte toe aan je inhoud door opvulling rond het element (of het geselecteerde gebied) toe te voegen. * **Rand** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/07/15/808e26f4-1e7e-46aa-8442-4993bc958664/4da44555-5166-4625-ba13-3ce34e99e62b.png):Definieer de randen van je element zodat het opvalt en kies een kleur, breedte en stijl. * **Hoeken** ![](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):Maak de hoeken van je element vierkanter of ronder door de schuifregelaar onder **Radius** te verslepen. Klik op het **Individuele hoeken bewerken**-pictogram ![](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. * **Schaduw** ![](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)**:** Binnenste en buitenste schaduw toepassen om het element een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen. * **Indeling**: Pas de positie en grootte van de X-knop aan en pas de websiterichting van je pop-up aan. **Let op:** Het aanpassen van de richting van de website heeft geen invloed op elementen die je aan de pop-up hebt gekoppeld. **Let op:** De beschikbare opties variëren op basis van het deel van de pop-up dat je kiest om te ontwerpen. **Kies hoe bezoekers de pop-up sluiten** Je kunt een 'X'-knop en een gesproken 'Sluiten'-knop weergeven, zodat gebruikers de pop-up gemakkelijk kunnen verlaten. Als je geen 'X'-knop weergeeft, kunnen bezoekers de pop-up sluiten door ergens erbuiten te klikken. 1. Klik in de actiebalk op het **Elementen weergeven**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/12/713cf7e8-7f2b-4990-9a6e-a8cb2ba41e94/1745185d-908a-4d7c-b5fa-004995017ecb.png). 2. Schakel het selectievakje in naast de knop(pen) die je wilt weergeven: **X-knop** en/of **Sluiten-knop**. 3. (Optioneel) Pas de knoppen aan: * **Ontwerp:** Klik in de actiebalk op het **Alle ontwerpopties**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/b9b20e55-7901-4ec5-b1ce-d7f4cbb45b2f/17a1f795-89f2-4caf-b3b3-b3ec22ab25b9.png) om de kleur, rand, indeling, enzovoort aan te passen. Zorg ervoor dat je de knop onder **Kies een pop-up-onderdeel** selecteert. * **Tekst (alleen Sluiten-knop):** Klik in de actiebalk op **Tekst bewerken** om nieuwe tekst in te voeren voor de 'Sluiten'-knop (bijvoorbeeld: 'Afsluiten', 'Terug naar website', enzovoort). **Stel een vertraging in** Stel een vertraging in van maximaal 1 minuut voordat de pop-up op de pagina verschijnt. Dit geeft je bezoekers de tijd om zich te concentreren en met je inhoud bezig te zijn voordat de pop-up ze 'onderbreekt'. 1. Klik in de actiebalk op het **Instellingen**-pictogram ![](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). 2. Sleep de schuifregelaar onder **Vertraging**. ![Een screenshot met het Instellingen-paneel.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/27/6e33ba45-11a9-4a10-9f2c-64e401c1d4ae/eca24f34-21d9-476b-9dfb-d111ed03f153.jpg) --- ## Elementen aan pop-ups koppelen Link elementen op de website om een pop-up te openen, zodat bezoekers nooit een aankondiging missen. Je kunt elementen zoals tekst, afbeeldingen, video's en knoppen linken. ### Om een element aan een pop-up te koppelen: 1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Klik op het relevante element in je editor. 3. Klik in de actiebalk op het **Link**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/21/8c98e5f1-f2d8-4e1e-9b13-6f5315e39b80/14a5ea8f-88f4-42f2-8609-07309dff8d3f.png). 4. Klik op **Kies een link**. 5. Klik op het **Meer opties**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/11/12/46fdeb4c-2fb7-465d-a48a-f96dfdef8339/54a7af83-85c8-477f-bc50-9167897b2a76.png) en klik op **Pop-up**. 6. Klik op de **Pop-up**-dropdown en selecteer de relevante pop-up. 7. Klik op **Klaar**. ![Een screenshot met de Pop-up-optie in het Link-paneel.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/27/92fc17c9-0ed3-47e3-8264-e231a203bd1b/9e064612-e88e-4525-ba3c-196d94609325.jpg) --- ## Pop-ups beheren Houd je pop-ups georganiseerd en up-to-date met deze beheeropties. ### Om je pop-ups te beheren: 1. [Ga naar je editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Klik linksboven op de pagina op de **Pagina**-dropdown. 3. (In het Websitepagina's-paneel) Wijs de pop-up aan en klik op het **Meer acties**-pictogram ![](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). 4. Kies wat je wilt doen: **Een pop-up hernoemen** 1. Klik op **Naam wijzigen**. 2. Voer de nieuwe naam in en klik op het **Selectievakje**-pictogram ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2025/10/17/885388e4-3570-4ce4-a7ef-436d957726c6/3c43b3ba-3d39-489e-a9da-c555734f8bab.png) om je wijzigingen op te slaan. **Een pop-up dupliceren** 1. Klik op **Dupliceren**. 2. (Optioneel) Wijzig de naam van het duplicaat om je pop-ups beter te beheren. **Een pop-up verwijderen** 1. Klik op **Verwijderen**. 2. Klik op **Verwijderen** om te bevestigen. ![Een screenshot met de opties voor pop-upbeheer.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/27/1ae75f50-b40e-4e20-b808-e888ab73827e/c95f60cd-490a-4a65-9c05-76d031cbd099.jpg) --- ## Veelgestelde vragen Klik op een vraag hieronder om meer te lezen over pop-ups: **Kan ik meerdere pop-ups instellen die automatisch op een pagina worden weergegeven?** Nee. Het is niet mogelijk om meerdere pop-ups in te stellen om automatisch op een pagina te worden weergegeven. **Kan ik een voorbeeld van mijn pop-up bekijken voordat ik de wijzigingen live aanbreng?** Ja. Je kunt op elk apparaat een voorbeeld bekijken van hoe je pop-up wordt weergegeven voor bezoekers voordat je deze publiceert. [Lees meer over het bekijken van een voorbeeld van je website](https://support.wix.com/nl/article/wix-harmony-editor-previewing-and-publishing-your-site#previewing-a-site). **Kan ik een link naar de pop-up delen?** Nee. Momenteel is het niet mogelijk om een link naar een pop-up te delen. **Kan ik kiezen waar op het scherm mijn pop-up verschijnt?** Ja. Sleep je pop-up naar positie in de editor.