In Plug&Pay it is easy to work with images and add them to your landing page. In this article you can read how to add and edit images on your landing page!

Images are elements that are part of a block. To add an image, you will first need to add a block to your page.

Some blocks already contain images. After adding the block, you can easily replace these images with your own.

👇

If a block does not contain any images, you will need to add this element yourself:

👇

Our Plug&Pay AI can not only write texts, but also generate images 🤩

When creating a new landing page with AI, images and icons are automatically created by the AI that match the description you have provided. Creating a landing page about baking cakes? Then you will get AI-generated images that are relevant to cakes and baking.

Images generated by AI are automatically saved in their own folder in the media library. This allows you to reuse your favourite images on other pages.

After adding an image to your page, there are various ways to adjust it for a better appearance.

Here you indicate the visibility of the image. Specify whether the image is visible on all devices, only visible on desktop, only visible on mobile, or not visible at all.

Some blocks are displayed differently on mobile than on desktop. A Hero block with a background image, for example, is not displayed well on mobile devices. In that case, create a separate block for mobile without a background image.

Link your image to a landing page, a payment page, a specific block on the same page, or a page outside your Plug&Pay site. When a visitor clicks on the image, they will be directed to the set destination.

Adjust the size of the image.

With '%' you adjust the size of the image as a percentage of the original size.

With 'px' you adjust the size of the image based on the pixel size.

In these settings you can add a shadow to your image. You can choose from standard shadow settings, or set up the shadow yourself via 'custom'.

If you choose custom, you can adjust the colour of the shadow, how strongly the shadow fades, and the position of the shadow.

As the name suggests, under 'Shape' you adjust the shape of the image. You can choose all kinds of different shapes for your image, and you also have the option to mirror and rotate the shapes.

Add a border to your image. Determine the thickness, rounding, and colour of the line.

Determine the position of your image in the block.

Under 'Spacing' you adjust the margins of your image.

Add an animation to your image, such as sliding into view when a visitor scrolls to the image.