Bewerken van een knop element
Het element ‘Knop’ kan verschillende functies hebben:
Verwijzing naar een externe pagina.
Verwijzing naar een andere sectie binnen je pagina.
Verwijzing naar een popup formulier.
Als onderdeel van een profielverrijkingsfunnel. (Lees hier hoe je dat doet.)
Selecteer de tekst in de knop om deze naar wens aan te passen. Tevens kun je hiermee ook de opmaak van de tekst aanpassen zoals letterkleur etc. Wat je hier precies mee kunt doen lees je eerder op deze pagina onder ‘Tekst’.
Door op de knop te klikken verschijnen er meerdere opties om de knop te bewerken.
Met het schakeltje kun je de functie van de knop gaan bepalen. Je kunt hierbij kiezen uit:
Link: Je voert dan een (externe) URL toe. Zodra op de knop wordt de geklikt opent de pagina.Je kunt hier tevens aangeven of deze URL geopend moet worden in een nieuw tabblad of niet.
Pagina: Indien je project uit meerdere pagina’s bestaat kun je hier een van de andere pagina’s selecteren. Zodra op de knop wordt geklikt opent de geselecteerde pagina.
Secties: Hiermee kun je de knop laten verwijzen naar een andere sectie op je pagina. Heb je bijvoorbeeld verder op je pagina een aanmeldformulier staan? Dan kun je ervoor zorgen dat je met de knop direct naar die betreffende sectie gaat.
Popup: Hiermee kun je de knop laten verwijzen naar een popup formulier op je pagina. Wanneer iemand op de knop klikt verschijnt er een popup formulier op de pagina. Hier lees je er meer over.
Hiermee bepaal je de uitlijning van je knop: links, rechts of gecentreerd.
Hier kun je de kleur van de knop aanpassen. Je kunt een kleur selecteren in het scherm of je kunt de hexagon kleurcode van je eigen huisstijl toevoegen.
Hier kun je verdere styling van je knop aanpassen
Achtergrond: Hier kun je de kleur van de knop aanpassen. Je kunt een kleur selecteren in het scherm of je kunt de hexagon kleurcode van je eigen huisstijl toevoegen.
Schaduw: Hier kun je schaduwrand toevoegen aan je knop en de kleur van de schaduw bepalen.
Rand: Hier kun je de knop van een rand voorzien. Tevens kun je de kleur, dikte en het type van de rand bepalen.
Radius: De knop heeft standaard een rechthoekige vorm. Door de radius aan te passen kun je een ronde vorm creëren.
Icoon: Hier kun je een icoontje toevoegen aan je knop. Selecteer een icoon in onze Icon galerij en bepaald vervolgens de uitlijning, grootte, afstand en kleur.
Stijl: Hier bepaal je de grootte van je knop en de uitlijning.
Afstand: Hier bepaal je de ruimte rondom de tekst die in de knop wordt weergegeven.
Hiermee kun je eigen CSS code toevoegen.
Hiermee kun je de zichtbaarheid van de knop bepalen alleen zichtbaar op desktop of mobiel of op beide.
Verwijzing naar een externe pagina.
Verwijzing naar een andere sectie binnen je pagina.
Verwijzing naar een popup formulier.
Als onderdeel van een profielverrijkingsfunnel. (Lees hier hoe je dat doet.)
Selecteer de tekst in de knop om deze naar wens aan te passen. Tevens kun je hiermee ook de opmaak van de tekst aanpassen zoals letterkleur etc. Wat je hier precies mee kunt doen lees je eerder op deze pagina onder ‘Tekst’.
Door op de knop te klikken verschijnen er meerdere opties om de knop te bewerken.
Met het schakeltje kun je de functie van de knop gaan bepalen. Je kunt hierbij kiezen uit:
Link: Je voert dan een (externe) URL toe. Zodra op de knop wordt de geklikt opent de pagina.Je kunt hier tevens aangeven of deze URL geopend moet worden in een nieuw tabblad of niet.
Pagina: Indien je project uit meerdere pagina’s bestaat kun je hier een van de andere pagina’s selecteren. Zodra op de knop wordt geklikt opent de geselecteerde pagina.
Secties: Hiermee kun je de knop laten verwijzen naar een andere sectie op je pagina. Heb je bijvoorbeeld verder op je pagina een aanmeldformulier staan? Dan kun je ervoor zorgen dat je met de knop direct naar die betreffende sectie gaat.
Popup: Hiermee kun je de knop laten verwijzen naar een popup formulier op je pagina. Wanneer iemand op de knop klikt verschijnt er een popup formulier op de pagina. Hier lees je er meer over.
Hiermee bepaal je de uitlijning van je knop: links, rechts of gecentreerd.
Hier kun je de kleur van de knop aanpassen. Je kunt een kleur selecteren in het scherm of je kunt de hexagon kleurcode van je eigen huisstijl toevoegen.
Hier kun je verdere styling van je knop aanpassen
Achtergrond: Hier kun je de kleur van de knop aanpassen. Je kunt een kleur selecteren in het scherm of je kunt de hexagon kleurcode van je eigen huisstijl toevoegen.
Schaduw: Hier kun je schaduwrand toevoegen aan je knop en de kleur van de schaduw bepalen.
Rand: Hier kun je de knop van een rand voorzien. Tevens kun je de kleur, dikte en het type van de rand bepalen.
Radius: De knop heeft standaard een rechthoekige vorm. Door de radius aan te passen kun je een ronde vorm creëren.
Icoon: Hier kun je een icoontje toevoegen aan je knop. Selecteer een icoon in onze Icon galerij en bepaald vervolgens de uitlijning, grootte, afstand en kleur.
Stijl: Hier bepaal je de grootte van je knop en de uitlijning.
Afstand: Hier bepaal je de ruimte rondom de tekst die in de knop wordt weergegeven.
Hiermee kun je eigen CSS code toevoegen.
Hiermee kun je de zichtbaarheid van de knop bepalen alleen zichtbaar op desktop of mobiel of op beide.
Bijgewerkt op: 23/12/2022
Dankuwel!