Looking for guidance on how to create and build content pages?
How to build your website content pages – Growing Good | Help Centre.
How to add content blocks to your pages
Step 1.
Click on a section of the page where you want to add new content blocks to. This will add + icons either above or below the selected segment.
Step 2.
Click on the + iconin the section you want to add the blocks.
Step 3.
Choose from either ‘Blocks’ selecting the content block option you wish to add or select from the ‘Presets’ options.
Step 4. Use the settings bar on the right hand side to adjust any of the settings related to the block you have added.
A note about ‘presets’ - These help you speed up your page building process by combining different blocks into useful additions for your content pages. We are continually adding new options to this section.
Guide to the different content blocks
Structural elements
Columns
What the content block is used for
The column blocks are there for the building the structure and layout of your content pages. Columns enable you to add a number of blocks next to each other. You can add a total of 4 columns in a row. You can then add any of the other column types within each column.
Adding content blocks within columns
To set up your column blocks start by adding a new content block and selecting columns from the pop up window. This will initially add 2 columns. You can edit the column options by clicking on the block - this will open the block settings on the right hand side. You can then change the number of columns under ‘columns’ selecting the number you require.
To add a content block to one of the columns. Click on the + icon and then select the content block you would like to use. Repeat the process for the remaining columns.



Sliders
What the content block is used for
The slider blocks enable you to add up to 5 different blocks within them. This works by having arrows on each end of the content which the website user can click on to see the next piece of content in the slider. The slider blocks are great for including things such as quotes and full width sliding images or banners.
Adding content blocks within sliders
The slider blocks enable you to add either a Text block, Image block or banner block within each slider. When you have added the slider block you can configure it by clicking the setting icon to add additional slides, full width and spacing. Click on the + icon to add and select the content block type you wish to add.
The slider blocks work best when the same content type is added to each slide.



Carousel
What the content block is used for
The carousel block allows you to add a number of content blocks within columns encased in an animated slider. This is great for adding a product showreel or a selection of photos to a page. You can add a range of different content blocks within the carousel columns including product cards, images and card blocks.
Adding content blocks within a carousel
Once the block has been added click on the + icon to select the content block type you wish to add. You can change the settings for the block in the right hand side settings bar. You can configure things such as the number of items, display settings such as dots and arrows and how the block responds on different devices.
The carousel blocks work best when the same content type is added to each column.


Divider
What the content block is used for These are visual elements that separate content sections, improving readability and user experience. There are various different divider style options available to be used on the site. Within these different dividers are different ‘variants’ that alter the levels and styling of the divider that’s selected. These include:
- Waves
- Layered waves
- Splatter
- Brush
- Peak
- Diagonal
- Gradient
Adding a divider block
When a divider block has been added to the page click on the block to open the settings bar on the right hand side. You can change the ‘Divider type’ from within the divider selection drop down. Select the divider that you wish to use. You can also change the variant from the ‘divider variant’ drop down to change the styling. The divider blocks are split into 2 colours, ‘A background colour’ and a ‘shape colour’. You can also ‘invert the shape’ to change where the ‘shape’ part of the divider sits, either at the top or bottom of the block to connect to the elements around it.
The divider block colours should be used to connect two sections of a page together - make sure to use the same colours either above or below depending on the divider block to create a seamless look. Adjust the ‘spacing’ to pad out any areas between text and images.

Content block types
Text blocks
What the content block is used for
Text blocks allow you to add text to parts of your website. These can be added on their own or within a column. In a text block, you have formatting options similar to a word processor with the following options:
- Text size and weight
- Bold, Italic, Underline, Strikethrough and Quotation
- Numbered list
- Bulleted list
- Indent left or right
- Text alignment
- Hyperlink creation
- Clear formatting

A note about fonts - when you have chosen specific fonts in your theme settings (link) these apply to the following: Title Fonts - apply to Heading 1-3
Subtitle font - apply to heading 4-6
Normal - default plain text sans serif font (not configurable)
Card blocks
What the content block is used for
Card blocks are combine 3 different elements into one block. This includes an image (top) text (middle) and button (bottom). It is not required to have content in each of these sections. For example you can just have an image and text, leaving blank anything you don’t want to include. However they work best with all three elements included. The card blocks are designed to stand out from the background with a light border and a white background to the text section of the block. They work even better if you have set a background colour behind them. The buttons are key if you want to direct customers to another page. These are great for highlighting products with an extra description or links through to other pages such as recipes or events.

Video
What the content block is used for
The video block allows you to embed a video into your page. Currently the site only allows for Youtube embeds. Videos are great for showing promotional videos about your enterprise.
Embedding a video into the block
Once you have added the block to your page, in Youtube - locate the video you want to embed click on ‘share’ and then copy the end of the video url (as highlighted) https://youtu.be/Ly5Ji4my0JI?si=q6SPBXg2zpxFxvtm . Paste into the field provided, this will then embed the video in the block.

Banners
What the content block is used for
Banners are blocks that contain an image and text in two lines: A title and a subtitle. The image behind the text in the banner are slightly darkened to allow for the text to stand out. The banner blocks work great as headings to pages as you can add a strong image and title to them. You can also use them as a wide image holder. These blocks also work great for displaying quotes at the bottom of your pages. For this just enter text into the subtitle field and leave the title empty.
Once you have added the block upload a suitable image and then add your text in the ‘Title’ and ‘Subtitle’ fields. You can leave either field blank choosing to just have a title or subtitle if you wish.

full width’ so they span the full width of the page. Also setting the spacing between the block and what’s above or below it to ‘none’ .
Make sure to select images that work in the dimensions of the banner - images will need to be cropped to the correct dimensions before uploading.
Ideal dimensions of banner images: 1200px x 350 px Images
What the content block is used for
Image content blocks are blocks that allow you to add an image to your pages. These can also be added within columns to have images next to each other. These are great for telling your story and showing potential customers what you are about in a visual way.
Once you have added the block simply click ‘Drop or Select file’ then upload the image you wish to use.
You can try using PNG images with a clear background around them with a coloured background behind them, which work great for standalone objects.

Buttons
What the content block is used for
Button blocks enable you to add a clear link to another page. The button blocks allow you to add a button label which is what appears on the button and then a URL which the button links to. These work well in combination with another block above or to the side if you want to link to another page related to another piece of text, but without using a card block.

Google Reviews carousel
What the content block is used for
The Google Reviews carousel enables you to add a clear view of google reviews from your customers. This animated block sifts through your google reviews in a card style with the reviewer name, when the review was made, the written reviews and a star rating. There are two different variants. Card - has the reviewer name at the top and star rating at the bottom
Testimonial - has star rating at the top and reviewer name at the bottom.

You can change the colour of the review block and add dividers to make it stand out and link to other sections of the page.
To enable the google reviews carousel to work you need to add a Google place ID in your theme settings under ‘general’ . Follow the link beneath the Google place ID field to find your businesses google place ID.
Google Reviews badge - mention preset
What the content block is used for
The google reviews badge provides you with an overall review rating from your google reviews. It provides the average google rating score along with the total number reviews, providing validation to your customers about the level of service you are providing.

You can use our preset ‘reviews’ block from the presets tab when adding a new block. This combines text, the google reviews badge and the google reviews carousel.
To enable the google reviews badge to work you need to add a Google place ID in your theme settings under ‘general’ . Follow the link beneath the Google place ID field to find your businesses google place ID.
USP block
What the content block is used for The USP block enables you to add an icon along with a title and subtitle to highlight some key features about your business.
When adding the block you can search for an appropriate icon using keywords. Then you can type any text into the title and subtitle area to provide an explanation to the USP.

This works best with multiple USP’s in columns - check out our Preset USP block in the ‘presets’ tab. Also work great in a ‘carousel block’ to add animation to the blocks.
Accordion block
What the content block is used for
The accordion block enables you to have a title and an additional drop down text field. This is great for purposes such as an FAQ’s page, where a question can be used as the title and then a clear answer beneath. This is ideal for pages that have lots of text in, making it easier for the user to find what they are looking for and making it less overwhelming to look at.
When adding the accordion blocks you can add additional items from within the block settings on the right hand side. You can break up into different sections using titles in between sections of accordion blocks.

Check out our FAQ page template when creating a new page. This is pre-filled with lots of common questions and answers. Make sure to edit the content within it to suit you.
