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.