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 Websiteonly): 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: Refers 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.