TAGS

Introducing Grid Gallery—for a beautifully designed website that leads to better marketing

We understand the importance of beautiful, effective design and want you to have as much creative freedom as possible when it comes to editing all parts of your website. This is the reason why we’ve developed Grid Gallery - to give you a powerful multitool that offers a number of simple and effective website solutions.

Images communicate to the brain instantly - much quicker than it takes the brain to interpret text. A beautiful image gallery can leave visitors with a strong feel for your brand. With the option to combine a number of different design elements, you can easily turn a Grid Gallery block into pop-ups or buttons that will help create a clearer customer journey on your website.

Contemporary Design

It’s a block, not a stack

Grid Gallery is a block, not a stack, giving you layout flexibility. Add more than one Grid Gallery block into a stack, or mix Grid Gallery with text blocks or buttons to further customise the stack.

Find out more about blocks and stacks

Cleaner design with image spacing options

For an on-trend or clean Instagram inspired look, you can now adjust the gap between a grid of images down to zero, or if you prefer images with borders, simply adjust up.

Adjust Grid Gallery columns for mobile

You’ll want your images to stand out on mobile for the best viewer experience. Once your desktop Grid Gallery layout is complete, you can separately adjust Grid Gallery for mobile view. Reducing the number of columns the gallery wraps to on mobile will increase the size of each box in the grid, making the content much easier for the viewer to use or navigate through.

Get creative with pop-ups and mouseover effects - fancy!

Easily add interaction to your website with Grid Gallery mouseover effects. These transitional effects can be seen when you hover your mouse over a box in the grid gallery. In Grid Gallery you have the option to set mouseover effects gallery-wide and one box at a time.

Mouseover effects can include the following transitions:

  • An image box changes to a text overlay button
  • A colour box with or without text overly changes to an image box and vice versa

Mouseover effects are handy when you want some or all the boxes in your Grid Gallery to act as buttons and link to other pages. If you don’t want a mouseover effect on a particular box within the gallery, or you’d prefer not to use this feature at all, simply use the checkbox to disable mouseover effects.

Set your grid to popup enlarge for a traditional popup style gallery where a click on the image will enlarge it in a popup window. To give the viewer more information or an explanation of the photo, simply add a caption that will show on the enlarged pop-up view. For info on how to do this, see the help guide.

Show me examples of Grid Gallery.

Great linking options - for guiding customers to the right place

Grid Gallery can be turned into image links or a grid of visually engaging call to action buttons that help direct traffic on your website. It’s a great navigation tool for retaining your website viewers, and with a clear and user-friendly website structure the viewer can be guided seamlessly through to the conversion stage where you want them to take an action - enquire or purchase.

Easily build a landing page and use Grid Gallery as the entry point to particular sections of your website. Landing pages are handy for when you have a lot of information to convey but not all of it will be relevant for all viewers. Use individual image boxes to outline the different aspects in your business, which will link to the relevant page where the bulk of the information is displayed.

Add Alt text to your images in Grid Gallery to get found in search results

You may already know that using a combination of keywords and even more importantly high-quality content helps users discover your website when they search online. Although images on a website can enhance the viewer experience, search engines can’t see images and so it’s important to add Alt Text - additional text that’s not visible to the viewer, but that you can insert ‘behind’ your images, describing what your image is about.

Alt text helps Google understand the content of your pictures and photos. By adding clear and intentional Alt Text (alternative text) to your images in Grid Gallery, you’ll get SEO (Search Engine Optimisation) benefits and be more likely to appear in image search results.

What’s all the fuss about?

  • Grid Gallery is a multi-tool for cutting-edge design
  • With more editing flexibility you’ll have an even speedier workflow
  • Turning Grid Gallery into call to action buttons/links can simplify your website navigation and encourage the customer to take action right away.

Extremely versatile, Grid Gallery will suit most industries. See industry-specific examples in our Inspiration Gallery.

Need help adding Grid Gallery to your website?