In Plug&Pay is het eenvoudig om met afbeeldingen te werken en deze toe te voegen aan je landingspagina. In deze handleiding lees je precies hoe je afbeeldingen kunt toevoegen en bewerken op je landingspagina!
Afbeeldingen toevoegen
Afbeeldingen zijn elementen die onderdeel zijn van een blok. Om een afbeelding toe te voegen zal je dus eerst een blok moeten toevoegen aan je pagina.
Sommige blokken bevatten van zichzelf al afbeeldingen. Na het toevoegen van het blok kan je deze afbeeldingen eenvoudig vervangen met je eigen afbeeldingen.
Dit doe je als volgt:
1) Klik op de afbeelding
2) Klik op 'selecteer een afbeelding'
3) Kies uit je bestanden de juiste afbeelding
👇
Als een blok geen afbeeldingen bevat, zal je deze zelf moeten toevoegen. Dit doe je als volgt:
1) Klik op 'element toevoegen'
2) Kies voor Afbeelding
3) Klik op 'selecteer een afbeelding'
4) Kies uit je bestanden de juiste afbeelding
👇
Afbeeldingen genereren met AI
Onze Plug&Pay AI kan niet alleen teksten schrijven, maar ook afbeeldingen genereren 🤩
Bij het creëeren van een nieuwe landingspagina met AI, worden er automatisch ook afbeeldingen én icoontjes gemaakt door de AI die passen bij de beschrijving die je hebt meegegeven. Maak je een landingspagina over taarten bakken? Dan krijg je AI-gegenereerde afbeeldingen die relevant zijn aan taarten en bakken.
Afbeeldingen gegenereerd door AI worden ook automatisch opgeslagen in een eigen map in de mediabibliotheek. Zo kan je de leukste afbeeldingen hergebruiken op andere pagina's.
💡Tip: Maak zoveel mogelijk gebruik van eigen gemaakte afbeeldingen. AI kan je inspireren met wat voor afbeeldingen jouw pagina nodig heeft. Afbeeldingen die van jou zijn, maken jouw product of dienst persoonlijker en tastbaarder.
Opmaak en vormgeving
Nadat je een afbeelding hebt toegevoegd aan je pagina, zijn er allerlei manieren om deze te bewerken en in te stellen zodat jouw afbeeldingen kunt tonen zoals jij het voor ogen hebt. In deze sectie leer je hoe.
Weergave
Hier geef je de zichtbaarheid van de afbeelding aan. Je kunt aangeven of dat de afbeelding zichtbaar is op alle apparaten, alleen zichtbaar op desktop, alleen zichtbaar is op mobiel, of helemaal niet zichtbaar is.
Sommige blokken worden anders weergeven op mobiel dan op desktop. Een Hero blok met een achtergrondafbeelding wordt bijvoorbeeld niet goed getoond op mobiele apparaten. Maak in dat geval voor mobiel een apart blok aan zonder achtergrondafbeelding.
Link
Onder 'Link' kun je instellen dat je afbeelding gekoppeld is aan een link, landingspagina, checkout of aan een specifiek blok. Zodra een bezoeker op de afbeelding klikt, zal deze koppeling worden uitgevoerd.
Grootte
Hier pas je de grootte van de afbeelding aan. Je kunt kiezen om de afbeelding aan te passen op basis van het percentage van de originele grootte, of op basis van de pixelgrootte.
Met '%' pas je de grootte van de afbeelding aan als percentage van de originele grootte.
Met 'px' pas je de grootte van de afbeelding aan op basis van de pixelgrootte.
(Afbeelding) schaduw
In deze instelling kan je schaduw toevoegen aan de afbeelding. Je kunt kiezen voor standaard schaduwinstellingen, of via 'aangepast' zelf de schaduw van de afbeelding instellen.
Als je voor aangepast kiest, kan je de kleur van de schaduw aanpassen, hoe sterk de schaduw vervaagt en de positie van de schaduw.
Onder het 'X' icoontje bepaal je de horizontale positie van de schaduw.
Onder het 'Y' icoontje bepaal je de verticale positie van de schaduw.
Vorm
Zoals de naam al aangeeft, pas je onder 'Vorm' de vorm van de afbeelding aan. Je kunt allerlei verschillende vormen kiezen voor je afbeelding en hebt daarnaast de optie om de vormen te spiegelen en te draaien.
Rand
In deze instelling kan je je afbeelding een rand geven: je kunt kiezen uit een doorgetrokken lijn, stippellijn, of een puntlijn. Daarnaast kan je de dikte van de lijn aanpassen, de lijn rondingen geven en de kleur van de lijn instellen.
Ruimte
Onder 'Ruimte' pas je de marges van de afbeelding aan. Dit is handig als je de positie van de afbeelding wilt veranderen. Zo kan je de afbeelding meer naar links, naar rechts, naar boven, of naar beneden verplaatsen.
ℹ️ Meer weten over marges? Lees dan deze handleidingl