widget-image-content

Widget - Image content

• In the section, select the Image Content widget.

• There are 3 sections of interest here – text content, image and button.

Text content - Content

1. Write the text here similarly to how you would in Word for example.

2. For headings, generally use level H1.

3. Special display or alignment comes from the design and is handled during development (custom template modification).

4. If you need help with editor settings, try the guide for the Wysiwyg editor.

Image

1. Insert the desired image here.

2. It is always better to use a larger image rather than a smaller one. We have automatic image processing in place to always display the ideal size. This means a large image will be scaled down. If you insert a small image, however, it will be enlarged and will appear blurry.

3. The recommended image size is at least 700 px wide and 400 px tall.

4. If you have trouble uploading an image, refer to the Media Library guide.

Button

1. If using a button, fill in the name and link, otherwise it will not be displayed.

2. The link can lead directly to a page on the website or you can use a regular link leading to another website or service.

3. The default button setting uses the website's primary colour. If you want to configure it differently, refer to the button guide.

General Image Content settings

Adding a video - Video Link

1. If you want to add a video to the widget, fill in its URL address, for example from YouTube.

2. Here you also need to fill in an image, which will only appear as a preview.

3. A Play icon will appear on the image, so users can tell it is a video.

4. After clicking, the video will open in a lightbox (video playback display) and start playing.

Type

There are 2 types available: Boxed, Wide

• Boxed: Keeps the image in a square format (depends on the specific website design)

• Wide: Stretches the image to the full width available to the image within the widget

On the website it can then look as follows:

Boxed variant:

Wide variant:

Image position

1. Here you set the display position of the image – left or right.

2. The default setting is left. If you are inserting multiple Image Contents one below the other, it is always better to alternate the image positions.