To obtain the image block illustrated above, 3 steps were necessary:
- Inserting a title on each image
👉 To insert a title or simply rework an image, we often use Canva.
Here, we selected a "Facebook post" format and inserted each image in an empty canvas. A black filter with 40% opacity was added to each image to highlight the white titles.
- Creating 6 pages related to our 6 images
👉 You won't insert hyperlinks on your images if you don't have links ... which means the pages must already exist! Therefore, we started by creating 6 pages related to our images so that we could insert an hyperlink on each image.
- Choosing the right section layout in tyl.io
👉 When creating our page, we created 2 sections of 3 images. After inserting the hyperlinks on our images, we went to "Design" to select a section layout displaying 3 images side by side. Choosing another section layout could also work to display clickable images. It is your choice ... ;-)
See below a short video summary of this last step ...