Naar de hoofdinhoud

Afbeeldingen op je landingspagina

Verrijk je pagina's met afbeeldingen!

Jurre Voermans avatar
Geschreven door Jurre Voermans
Deze week bijgewerkt

In Plug&Pay is het eenvoudig om met afbeeldingen te werken en deze toe te voegen aan je landingspagina. In deze handleiding lees je 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.

​1. Klik op de afbeelding
2. Klik op 'selecteer een afbeelding'
3. Selecteer de juiste afbeelding uit je mediabibliotheek

👇


Als een blok geen afbeeldingen bevat, zal je dit element zelf moeten toevoegen:
1. Klik op 'content toevoegen'
2. Kies voor Afbeelding

3. Versleep deze naar de gewenste plek
4. Klik op 'selecteer een afbeelding'
5. Selecteer de juiste afbeelding uit je mediabibliotheek

👇


Afbeeldingen genereren met AI

Onze Plug&Pay AI kan niet alleen teksten schrijven, maar ook afbeeldingen genereren 🤩

Bij het maken van een nieuwe landingspagina met AI worden er automatisch ook afbeeldingen én icoontjes gemaakt door de AI welke 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 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.


Ontwerp en vormgeving

Nadat je een afbeelding hebt toegevoegd aan je pagina, zijn er allerlei manieren om deze aan te passen voor een betere uitstraling.

Weergave 💻

Hier geef je de zichtbaarheid van de afbeelding aan. Geef aan of 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 🔗

Koppel je afbeelding aan een landingspagina, betaalpagina een specifiek blok op dezelfde pagina of aan een pagina buiten jouw Plug&Pay site. Zodra een bezoeker op de afbeelding klikt, wordt diegene naar de ingestelde bestemming gestuurd.

Grootte 📐

Pas de grootte van de afbeelding aan.

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.


(Afbeeldings)schaduw

In deze instellingen kan je een 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 je hebt daarnaast de optie om de vormen te spiegelen en te draaien.

Rand 〰️

Voeg een rand toe aan je afbeelding. Bepaal de dikte, ronding en kleur van de lijn.


Uitlijning ↔️

Bepaal de positie van je afbeelding in het blok.


Ruimte

Onder 'Ruimte' pas je de marges van de afbeelding aan.

ℹ️ Meer weten over marges? Lees dan deze handleiding

Animaties

Voeg een animatie toe aan je afbeelding, zoals het schuiven in beeld wanneer een bezoeker naar de afbeelding scrolt.

Was dit een antwoord op uw vraag?