Wix Harmony-editor: Knoppen toevoegen en aanpassen

1. Klik op de actiebalk op Tekst bewerken.
2. Voer de tekst in die je voor je knop wilt hebben in het Tekst-veld.

1. Klik in de actiebalk op Knopstijlen.

2. Kies of je een van de bestaande stijlen wilt bijwerken of deze wilt opslaan als een extra stijl. 
   

Lees meer over het bijwerken van knopstijlen.

1. Klik in de actiebalk op het Ontwerp aanwijzen-pictogram .

2. Kies wat er gebeurt als bezoekers de knop aanwijzen:

   • Onderstrepen: Toon een onderstreping onder de knoptekst.

   • Schaduw: Toon een schaduw achter de knop.

   • Omkeren: Draai de kleuren van de knop om (de tekstkleur- en achtergrondkleur-schakelaar).

   • Tint: Wijzig de achtergrondkleur van de knop enigszins naar een andere tint.

   • Gloed: Voeg een lichte, subtiele schaduw toe achter de knop.

   • Alle ontwerpopties: Pas het ontwerp van de aanwijsstatus aan aan jouw exacte behoeften en kies de vulkleur, schaduw, randen en meer.

1. Klik in de actiebalk op het Elementen weergeven-pictogram .
2. Schakel het selectievakje in om de tekst of het pictogram van je knop weer te geven of te verbergen.

1. Klik op de actiebalk op Pictogram personaliseren.

2. Klik op het Vervangen-pictogram .

3. Scrol door de beschikbare opties of filter op:

   • Type: Kies een basis vector art-vorm, een app-pictogram of een geanimeerd pictogram.
     Tip: Als je een geanimeerd pictogram kiest, kun je de duur van de animatie aanpassen met de schuifregelaar. Lees meer over geanimeerde pictogrammen in het onderstaande gedeelte.

   • Categorie: Selecteer een categorie voor elk pictogramtype, zoals acties, schakelaars of social media-app-pictogrammen.

   • Oriëntatie: Filter de opties op horizontale of verticale pictogrammen.

4. Selecteer een ontwerp dat je leuk vindt en klik op Bijwerken.

Geanimeerde pictogrammen brengen je knoppen tot leven door beweging en stijl toe te voegen. Stel je eigen begin- en eindpictogrammen in, pas aan hoe de animatie eruitziet en pas de snelheid aan aan het ontwerp van je website.

1. Klik op de actiebalk op Pictogram personaliseren.

2. Klik op Geanimeerd.

3. Klik op Geanimeerd pictogram maken.

4. Klik op het Toevoegen-pictogram  onder Beginpictogram.

5. Scrol door de beschikbare opties of filter op:

   • Type: Kies een basis vector art-vorm of een app-pictogram.

   • Categorie: Selecteer een categorie voor elk pictogramtype, zoals acties, schakelaars of social media-app-pictogrammen.

   • Oriëntatie: Filter de opties op horizontale of verticale pictogrammen.

6. Selecteer een ontwerp dat je leuk vindt en klik op Bijwerken.

7. Klik op het Toevoegen-pictogram onder Eindpictogram.

8. Selecteer een ontwerp dat je leuk vindt en klik op Bijwerken.

9. Klik op Terug.

10. Gebruik de schuifregelaar onder Duur om de duur van de animatie aan te passen.

11. Wijs je cursor aan het pictogram in het paneel om het te bekijken.

1. Klik in de actiebalk op het Link-pictogram .

2. Klik op het veld onder Kies een link.

3. Pas de link en het linktype naar behoefte aan.

Lees meer over het toevoegen van een link aan een element.

Absoluut. Je kunt een kleur of een achtergrond met kleurverloop instellen om je knop aantrekkelijker en aantrekkelijker te maken. 

1. Klik in de actiebalk op het Alle ontwerpopties-pictogram .

2. Selecteer Knop onder Selecteer een onderdeel.

3. Klik op Opvulkleuren.

4. Klik op de kleurencirkel en kies dan tussen een achtergrond met een kleur of een kleurovergang.

Het rel-attribuut wordt gebruikt in links om zoekmachines en browsers te informeren hoe ze de link moeten behandelen. Het is een geavanceerde instelling die van invloed kan zijn op de SEO van je website als deze wordt verkeerd gebruikt.

Lees meer over het toevoegen van link rel-attributen.

Door een element aan een pop-up te koppelen, kun je de aandacht vestigen op belangrijke inhoud, zoals aankondigingen of promoties, wanneer bezoekers interactie hebben met dat element.

Lees meer over het toevoegen en aanpassen van pop-ups.

1. Klik in je editor op de knop.

2. Klik in de actiebalk op het Link-pictogram .

3. Klik op de link.

4. Klik op Deze PDF in zoekresultaten tonen.

5. Klik op Indexering inschakelen.