Sam Webster
Created Dec 21, 2022Creating and editing Content Pages
In this tutorial, we will learn how to create new and edit existing content pages.
Content pages are general pages on your website such as "Contact Us", "About Us" or "Terms and Conditions".
There are a range of pre-configured content pages you are able to modify as required, alternatively you can create new content pages from scratch.
Essentially, any additional content you want to create and provide to your customers you can do so using Content Pages.
A Content Page is a blank canvas for you to either use our Rich editor or insert HTML to create a custom static page of your choosing.
To begin, we will navigate to the Content Pages section of our Infigo Admin area
1. Click on Content Management
2. Click on Content Pages
3. A number of pre-configured content pages are shown
Each of these pages can be completely customised by the administrator.
4. A new Content Page can be added by clicking on Add new
5. Editing existing content pages
Click Edit next to the page entry you wish to configure.
In our example, we will amend the AboutUs page.
6. Content Page editor
This screen allows for complete configuration of the selected content page.
In addition to a choice of editor types (more on this later), other available options include:
Password protected pages
Inclusion in site mapping
Access options
Page URL
7. Switch the Body editor type to Content Template Editor
The default editor type is the Content Template editor.
The Content Template functionality eliminates the need for any HTML knowledge, by replacing the standard Code Mirror Editor with a series of simple inputs and controls to create the content that works for you using a structure of easy-to-use building blocks.
8. Switch the Body editor type to Code Mirror Editor
This will switch the content input to a HTML editor style. Here, you can write your own HTML code to populate the content page, or paste code from an alternate source.
9. Switch the Body editor type to Rich Editor
This is a WISYWIG editor, suitable to be thought of as a word-processor style editor, where you can directly input and format your content
10. The front-end view of the content page can be accessed by clicking the URL
11. Our default content template already provides page content we can use, adjust or remove
12. The page content is constructed using a series of building blocks added under the Sections area.
4 blocks are present on our default About Us page. Each of these will have additional blocks contained within them.
13. We can expand a block by clicking the expand ico
14. There are likely to be several levels of nested blocks to cover all of the content within the page
For example, the "Image" block accessed here is contained within a 4 column block detailing 4 staff members.
This is itself is contained within the overall Staff block containing multiple 4 column blocks and an intro section.
15. Upload a new image to the selected Image block
We are able to amend existing content if it suits our general needs. In this example, I have simply uploaded a new image with the same resolution detailed on the initial placeholder image.
Other sizes of image can be uploaded, however this is a suggested resolution for keeping the format tidy.
16. Add details to other blocks
Other blocks may have a different style of input, such as a Title, Subtitle or Paragraph blocks.
17. Many blocks will have unique configuration settings
If a block shows this symbol it has additional configuration settings available.
This could include settings such as:
Styling options
Alignment
Size
Position
Colours
And much more.
18. Click on Save and Continue Edit
19. Open the URL to view your updated page
20. The updates made to your content blocks will instantly update on the storefront
21. New content blocks can be added by clicking on Add Content
22. Click on Section*
23. Nested content blocks can then be added to the Section just created
24. Content options
