Introduction to page sections
In this article, we'll introduce the different types of page elements you can add to your page sections.
A page section is a block of content within your web page. It helps structure the content into manageable units. Each page section can have up to four columns with each column able to have a different page element type. (some page types have fewer columns)
General elements
Refer to components that are commonly used to create and structure the content of web pages.
- Multi line text: for paragraphs or blocks of text.
- Single line text: for short, single-line text such as headings or labels.
- Image: enables the insertion of images.
- Image feature box: combines an image with a box for additional descriptive text.
- Icon feature box: similar to the image feature box but with an icon instead of an image.
- Image slideshow: presents a series of images in a slideshow format.
- Showcase image: highlights a single image. Scales well on different screen sizes.
- Showcase text: highlights a block of text with an image behind it. Scales well on different screen sizes.
- Gallery: displays a collection of images.
- Text & image right/left: arranges text and an image side by side.
- Before & After: shows two images overlapping each other with a draggable bar to reveal each image.
- Button: adds buttons which you can use to link to other pages or files.
- Download: enables you to upload a file which your visitors can then download.
- Form: allows visitors to input and submit information to you.
- Q&As: presents a list of questions and answers.
- Testimonials: displays customer testimonials.
- Table: organises data into rows and columns.
- Map: embeds a map for displaying locations.
- Blank: provides an empty section for custom content arrangement.
- Count down: displays a timer counting down to a specific date or time and remains until the start of a specific event or deadline. It is usually used when launching new products, promotions or events.
- Tabbed text: organise content into tabs on your page to provide different pieces of information.
Content feeds
Dynamically updates streams of content that are pulled from internal web pages and displayed on your website.
- Advanced news feed: displays a feed of news articles or updates.
- Itemlister feed: shows a rotating feed of items or products.
- Product feed (Ecommerce Website only): displays and highlight a group of products on a page. Can be used to showcase new products, bestsellers, sales, etc.
- Testimonial feed: shows a rotating feed of testimonials or reviews.
Rich media
Refers to digital content that includes advanced features beyond simple text and images. It often involves multimedia elements such as audio, video, animation, and interactive components.
- YouTube video: embeds YouTube videos.
- Vimeo video: embeds Vimeo videos.
- SoundCloud: embeds audio tracks from SoundCloud.
Social media feed
Dynamic stream of content sourced from a specific social media platform or account, which is embedded or displayed on a webpage. It typically showcases posts, images, videos, or other updates from the selected social media account or hashtag.
- Facebook feed: integrates a feed from a Facebook page.
- Instagram feed: displays images feed from an Instagram account.
- X feed: integrates a feed form X (formerly Twitter).
Code elements:
Refer to sections or components within a website or web application where developers can insert custom code snippets or scripts to achieve specific functionalities or design customisations.
- HTML: allows for custom HTML code insertion for advanced customisation or integration with other services.
Related articles
- How to add a form to your website
- How to add a new page to your website
- How to add a slideshow on your website
- How to add articles and blog posts to your website
- How to connect your Instagram account to your website
- How to lock a website page with a password
- How to rearrange or modify section elements on your webpages
- Introduction to the types of forms you can add to a page on your website.