# Wix Editor: Mobile-only elementen toevoegen en aanpassen

Source: https://support.wix.com/nl/article/wix-editor-mobile-only-elementen-toevoegen-en-aanpassen (updated 2025-08-13)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

Met behulp van de mobiele Editor kun je elementen toevoegen die exclusief voor je mobiele website zijn. Voeg tekst, afbeeldingen, knoppen, embeds en andere elementen toe die volledig zijn geoptimaliseerd voor kleine schermen.

Omdat mobile-only elementen niet op je desktop-website verschijnen, kun je ze naar wens ontwerpen, de indeling aanpassen en ze dupliceren voor eenvoudige bewerking. Hiermee kun je desktop-elementen vervangen die niet geschikt zijn voor mobiel, of een compleet andere look creëren alleen voor mobiel.

**Hoe krijg ik toegang tot de mobiele Editor?**

Open de mobiele Editor op elk gewenst moment door bovenaan de Editor op het **Overschakelen naar mobiel**-pictogram![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/25/3df957ac-4bc1-43e6-9df7-1fa0ef4f381d/116d3875-ded3-4d24-9b66-a4fa54c9de2a.png)te klikken. 

  
![Een bijgesneden screenshot van de Wix Editor, waarin de cursor op Overschakelen naar mobiel klikt.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/19/366b5ce4-507e-4948-93f6-53e6d8d0dc7c/7f417f03-87d5-4edc-99a2-51c0a70e62a6.png)

---

## Mobile-only elementen toevoegen

Voeg mobile-only elementen toe om je website volledig af te stemmen op bezoekers op mobiele apparaten. Voeg elementen zoals tekst, afbeeldingen, knoppen en meer toe vanuit het **Toevoegen aan mobiel**-paneel in de mobiele Editor.

![Het Toevoegen-paneel in de mobiele Editor. Het Toevoegen-pictogram is gemarkeerd en de cursor wijst 'Pictogramknoppen' aan.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/23/e899c68c-83f2-447a-9b0a-98de6ab3415c/9e834697-7b65-4b58-955c-b30d57dadd86.png)

Klik op een optie hieronder om meer te lezen over de beschikbare soorten elementen:

**Tekst**

Gebruik tekst om informatie en aankondigingen weer te geven of gewoon je verhaal te vertellen.

  
 De teksttypen die beschikbaar zijn om op mobiel toe te voegen zijn:

* **Thematekst:** Deze tekst is speciaal gekozen met het uiterlijk en het thema van je website in gedachten. Het bevat zowel koppen als alineatekst, dus je hebt alles wat je nodig hebt.
* **Titels:** Deze teksttypen zijn een ideale manier om de aandacht van je bezoekers te trekken. Ze moeten worden gebruikt als pagina- of onderdeelkoppen op je mobiele website.
* **Alinea:** Gebruik deze teksttypen voor alinea's of tekstblokken op je website. Ze worden over het algemeen gebruikt voor de meeste inhoud van je website.
* **Inklapbare tekst:** Gebruik inklapbare tekst om informatie beknopt weer te geven op je mobiele website en bezoekers uit te nodigen om meer te lezen. [Lees meer over inklapbare tekst](https://support.wix.com/nl/article/wix-editor-inklapbare-tekst-op-je-mobiele-website-toevoegen-en-instellen)

**Afbeelding**

Gebruik afbeeldingen om alles op je website weer te geven, inclusief producten, fotografie of zelfs je dagelijkse leven.

  
 De afbeeldingstypen die beschikbaar zijn om op mobiel toe te voegen zijn:

* **Mijn afbeeldingen:** Kies uit bestanden die je al naar je website hebt geüpload of upload / importeer nieuwe bestanden.
* **Afbeeldingen bekijken:** Kies uit honderden prachtige stockfoto's en illustraties die beschikbaar zijn bij Wix, Shutterstock en Unsplash

**Knoppen**

Gebruik knoppen om mobiele bezoekers naar belangrijke informatie en acties te leiden. Ze kunnen ook interactie van je bezoekers aanmoedigen, terwijl ze je mobiele website schoon en georganiseerd houden.

  
 De typen knoppen die beschikbaar zijn om op mobiel toe te voegen, zijn:

* **Themaknoppen:** Deze knoppen zijn speciaal voor je website gekozen, omdat ze overeenkomen met de template en het thema.
* **Tekst- en pictogramknoppen:** Geef zowel tekst als een pictogram weer op je knop. Je kunt de achtergrond van het pictogram, de tekst en de knop wijzigen.
* **Pictogramknoppen:** Deze knoppen bevatten alleen pictogrammen. Je kunt het pictogramontwerp wijzigen en zelfs animaties toevoegen.

**Decoratief**

Gebruik decoratieve elementen om plezier en creativiteit aan je pagina's toe te voegen. Je kunt links toevoegen om interactie van websitebezoekers aan te moedigen, of zelfs animaties om je mobiele website tot leven te brengen.

  
 De soorten decoratieve elementen die op mobiel kunnen worden toegevoegd, zijn:

* **Vormen:** Kies uit een reeks vormen, pijlen en lijnen.
* **Vector art:** Kies uit honderden prachtige illustraties. Vector art-afbeeldingen zijn SVG bestanden, wat betekent dat de kwaliteit niet wordt aangetast als de grootte wordt aangepast.

**Vak**

Gebruik vakken om nette en geavanceerde inhoud op je website weer te geven.

  
 Kies uit een reeks containervakken die bij je website passen. Er zijn verschillende aanpassingsopties beschikbaar, waaronder vulling, dekking en schaduw.

**Social**

Gebruik social media-tools om websitebezoekers rechtstreeks vanaf hun mobiele apparaten naar je social media-accounts te leiden.

  
* **Social media-balk:** Voeg een social media-balk toe om je accounts te stroomlijnen op één handige plek waar websitebezoekers je kunnen toevoegen en je kunnen volgen op welke social media je ook kiest.
* **Deelknoppen:** Maak het bezoekers gemakkelijk om websitepagina's te delen via hun social media-accounts.

**Code embedden**

Gebruik embedded items als een leuke en persoonlijke manier om widgets, diensten en externe websites te presenteren.

  
 De typen embedded elementen die beschikbaar zijn om in mobiel toe te voegen zijn:

* **HTML:** Geef inhoud weer van externe servers, zoals agenda- en weerwidgets.
* **Websites:** Geef externe websites weer op je mobiele website door het adres in te voeren.
* **Aangepaste elementen:** Toon wat je maar wilt op je mobiele website met behulp van aangepaste codefragmenten.

> **Weet je niet zeker of het een mobiel of desktop-element is?** Mobile-only elementen geven een **Mobiel**-pictogram![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)weer wanneer je erop klikt.

---

## Mobile-only elementen ontwerpen

Je kun je elementen aanpassen met ontwerpopties zoals opvulkleur, rand en schaduw. Door je elementen te ontwerpen, kun je je mobiele website echt uniek maken en iets leuks en informatiefs creëren voor je bezoekers.

### Om je element te ontwerpen:

1. Klik op het mobile-only element.
2. Klik op het **Ontwerp**-pictogram![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/0623987f-fc7a-4c24-be25-f33becf41044/e9059867-5499-4dc5-b997-54b6930fb75c.png).
3. Gebruik de beschikbare aanpassingsopties om je element te ontwerpen.

> **Let op:** De beschikbare ontwerpopties zijn afhankelijk van het type element.

![Het ontwerp-paneel voor vector art in de mobiele Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/fe27b1c3-554f-4f2d-8bd2-472503404a1d/f6a324d3-26ac-4920-8bf2-581520794ca2.png)

---

## De indeling van een mobile-only element aanpassen

Wijzig de indeling van elementen om je mobiele website uit te lijnen. Door je elementen aan te passen, kun je je website netjes houden en mobiele bezoekers een soepele ervaring bieden.

### Om de indeling van een element aan te passen:

1. Klik op het mobile-only element.
2. Klik op het **Indeling**-pictogram![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/8e7f23f0-3ccd-4580-9ea4-3cd40970fc41/70992c7b-5f79-4b0e-a907-b47d9c8b668b.png).
3. Gebruik de beschikbare aanpassingsopties om de indeling aan te passen.

> **Let op:** De beschikbare indelingopties zijn afhankelijk van het type element.

![Het indelingen-paneel voor de sociale balk in de mobiele Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7a4e84dc-4a5b-4681-be9c-a33cd554dcfc/96b263fb-c338-40fe-a741-adea714fafa4.png)

> **Wil je een strook verplaatsen?** Je kunt in de mobiele Editor op stroken / kolommen klikken en slepen om deze en de elementen ervan te verplaatsen.

---

## Mobile-only elementen dupliceren

Je kunt elementen op je mobiele website kopiëren en plakken om er snel en eenvoudig zoveel toe te voegen als je wilt.

### Om een mobile-only element te dupliceren:

1. Klik met de rechtermuisknop op het element.
2. Klik op **Kopieer**.
3. Klik met de rechtermuisknop op de pagina/strook.
4. Klik op **Plakken**.

> **Let op:**
>
> * Alleen ondersteunde mobile-only elementen kunnen vanuit de desktop-Editor worden gekopieerd en in de mobiele Editor worden geplakt.
> * Mobile-only elementen kunnen niet in de desktop-Editor worden geplakt.

![GIF die toont hoe een element wordt gekopieerd en geplakt in de mobiele Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/db0b05e7-91cf-45cd-b203-012ff81e57de/d0540c4e-9d72-4a1d-b4c6-2c8e0374e22e.gif)
