How to use Columns components
The Columns component offers great flexibility for achieving various layouts on your site, allowing you to display different types of information effectively. With settings for the number of columns and rows, as well as options to display or hide titles, text, buttons, and images, you can customize the layout to suit different purposes.
How to add a Columns component
You can use a Columns component to create a custom section design. Here are the steps:
- Click Edit Website in Site Admin > Website Builder.
- Navigate to the Pages tab, open the page you wish to edit, and select an existing section, or create a new one.
- Click the Add button in the section’s top-left corner.
- In the Add Component menu, choose the Columns component.
- Drag and drop the component into the most suitable section of the grid.
Using sections that feature Columns components
You can use pre-designed sections (like Team, Highlights, Services, etc.) that are built with Columns components. These are available in the Add Section pop-up window when adding a new section.
Meet the Team
Showcase your team members and their roles, providing a personal and professional introduction to your organization. You can use a pre-designed Team section or build your custom design.
To set this up, adjust the number of columns and rows to fit your team size. Replace placeholder images with photos of your team members, and add their names and roles beneath each photo. Choose the most suitable shape and fit from the Design tab in the image settings window.
Highlights
Feature standout aspects of your services, using visuals and text to emphasize key benefits and differentiators. You have the options to add a pre-designed Highlights section and customize it accordingly.
To set this up, choose an appropriate number of columns and rows to display your highlights, such as “Affordable Prices” or “Satisfaction Rate.” Replace the images with icons or visuals to represent each highlight and adjust their sizes to the desired format for a consistent and polished look.
Services
Offer a snapshot of your services with brief descriptions and visuals. Like the examples above, you can use a ready-made Services section or achieve a personalized look with a Columns component or section.
To set this up, arrange columns and rows to suit the number of services you offer. Replace images with icons or visuals and add short descriptions beneath each visual. Adjust their size to maintain a cohesive appearance.
How to add a Columns section (Classic builder)
To add a column section, go to the Pages tab, select the page where you want to add the section, and click Add Section.
Select the Columns category and add the section.
