The Grid Section

Strikingly's Grid Section is a fantastic tool for visually showcasing content on your website. With customizable layouts and easy-to-use features, it's perfect for highlighting categories, testimonials, or features in a visually appealing way.

 

Adding a Grid section:

To add a Grid section to your site, follow these steps:

1. Go to the site editor and click "Add New Section".

2. Select "Grid" and choose one of the available layouts.

 

The Grid Section Layouts:

Strikingly's Grid Section offers two main layouts: Magazine and Grid. Each layout has its own unique style and purpose. Let's take a closer look at what they offer and how you can customize them to fit your needs.

Magazine Layout:

The Magazine layout is like flipping through a magazine. It shows content in a visually appealing way, with up to five grids per section. Great for storytelling and guiding visitors through your content.

Grid Layout:

The Grid layout arranges content in rows and columns. You can choose how many grids per column and row, as well as adjust the height and spacing between them. This layout is more structured and versatile, perfect for showcasing various types of content like products or portfolio items.

 

Customization Options:

Both layouts let you:

• Arrange grids: Choose how many grids per column and row.
• Adjust height: Customize the vertical size of each grid.
• Adjust spacing: Fine-tune the space between grids.
• Align content: Align images and text as you like within grids.

Best Practices:

• Pick the layout that suits your content and style.
• Experiment with different configurations and spacing.
• Keep a consistent look across your grid sections.

Customizing Grid Elements:

Layout Options:

Within each grid, you can choose between a sign-up form or a button to encourage engagement. Whether you're aiming to collect leads or direct visitors to specific actions, you have the flexibility to customize the layout to suit your goals.

Image Position:

Decide where you want your image to appear within the grid. Whether it's at the top, bottom, or omitted entirely, you can control the visual hierarchy and emphasis of your content.

Background Image Customization:

Make your grid stand out by customizing the background image. You can select an image that complements your content and brand aesthetic, adding visual interest and depth to your grid section.

Hyperlinking Images:

Check the "Clickable" box to hyperlink your grid's background image. By entering your desired link, you can seamlessly direct visitors to relevant pages or external resources, enhancing the interactive experience.

1.