The Different Types of Sections and What They’re Useful For


This guide explains the types of sections that can be inserted into your pages using our editor. A section refers to a larger part of the page, which you can manage using the gear icon on the right side of the editor. 


The editor distinguishes between sections and content blocks. Content blocks are smaller elements on the page (such as a form or a piece of text), which can be managed via the “three dots” button located directly on the block. A single section can contain multiple content blocks. You can move content (content blocks) between sections. A section cannot be empty – it must always contain at least one block. 

Some inserted sections listed in this guide are combinations of content blocks (Default, Text and Image, Two Columns, etc.) or specially configured blocks (Service Order, Newsletter, etc.), while others have specific settings (Pricing, Services, Portfolio, etc.). You can insert sections on your pages using the guide How to Add a New Section


AI Assistant

This feature allows you to create a section using artificial intelligence. It helps you build pages faster, reduces manual formatting, and ensures a consistent visual and textual style. Full instructions are available in the article How to create a section using the AI Assistant

Blank

This section includes a headline and text. It’s useful when you want to add plain text without images as a standalone section or as a base to which you add further content. You can edit and format the text as needed. 

Text and image

This section inserts a combination of image and text. You can replace the image, adjust its size, and edit the text. It’s suitable when you want to place text next to an image. 

Two text columns

This section provides two side-by-side text fields with headings. Both fields can be edited and are ideal for presenting two equally sized blocks of text. 

Heading

This header-type section features a large title with a customizable font. It offers more settings, similar to the main page header. It's useful when you want to divide the page with a prominent heading. See How to Change the Background of a Section for details. 

Product list

Displays products from your e-shop. If the shop isn’t active, the section cannot be added. Full instructions are in the guides How to Add a Product Listing and How to Edit a Product Listing


Services

You can customize the appearance and number of columns. You can replace the image or add a link. Use the plus icon in the rounded square to add more service items. 

Pricelist

Adds a pricing list with fields for service names (e.g., menu items), descriptions, and prices. You can add more items using the plus icon in the rounded square. 

Recent blog posts

Displays blog posts. If your blog is not active, the section cannot be inserted. Full instructions are available in the Blog help section


Service order

This section is a contact form template for booking a specific service. You can edit the form, add or remove fields, etc. Complete instructions are in our Forms help section

Heading with button

A header-style section that includes a large title and a button. It provides additional customization options, similar to a page header. Useful for adding a call to action. See How to Change the Background of a Section

Two columns

Inserts two sets of image and text blocks, stacked vertically. You can edit the images and text as needed. 

Three columns

Inserts three sets of image and text blocks, stacked vertically. You can edit the images and text as needed. 

Photo gallery

Adds a photo gallery in a standalone section. You can change the images, adjust the layout, and modify the number of columns depending on the design. See How to Add a Photo Gallery

Contact

Includes a map and a contact details block where you can edit text, images, and the layout (basic or table format). Use the plus icon in the rounded square to add more contact fields. 

Portfolio

Shows images with text and optional links. All elements are fully editable. You can choose from several layout options (Default, Square Image, Portrait Image, or No Cropping) and set the number of columns. Add more portfolio items using the plus icon in the rounded square. 

Newsletter registration

This section includes a text block and a contact form template for collecting email addresses. You can edit the form as needed. Full guidance is in the Forms help section.

NOTE: You cannot create or send newsletters directly in the Webnode editor. See How to Add a Form to Collect Email Addresses.

Testimonial

Similar to the Portfolio section but uses round images. Ideal for displaying customer testimonials or reviews. You can customize the layout and number of columns and add more testimonials via the plus icon in the rounded square. This content must be added manually – automation is not available. 

Reservation

A contact form template for handling booking requests. You can customize the form fields. Full instructions are in the Forms help section

FAQ

Useful for adding a classic FAQ or any content where part of the text is revealed after a click (accordion style). See How to add FAQ section

Online booking

Adds a reservation form via the SimplyBook.me plugin. Full details are available in the help section SimplyBook.me Online Booking


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.