Site Overlay

How to add sections on your website

A section on Olitt website, is a collection of additional information that is not provided on the Template you selected.

Such may include more details about a product/service, list of customers,menu items not on template such as contact pages and teams.

1. Adding a new section for new menu item

Website before adding new menu item

To add Team menu item, you start by adding menu item

  1. Go to the website editor board and click on the existing menu, duplicate one item and rename it to new menu item “team” as below
Duplicate menu item before editing
  1. Go to component settings and set up href that matches your menu item.
Edited Duplicate menu item
  1. Go to the drag and drop tool, drag it to the preferred  position on the website.
  2. Select the type of section you prefer such as ‘Team’ as below
Insert A new section
  1. Click insert on the available design that best fits your preference.
  2. Link the added section to the menu item by highlighting the section and setting component settings to match the menu item setting.
component settings that links section to menu item

g)Save changes and visit the website to see the new look.

A new section showing Team members

2. Add a new section for existing menu,by adding additional details about product/service

  1. Go to the website editor, scroll to the section where additional information is needed.
Existing product section
  1. You can duplicate existing items and edit them to match new products as below
duplicate products before editing
  1. Save changes and visit the website to see how it appears.
Editted duplicate section items on products

3. Add a new section on the existing section to clarify more on the section, or subgroups for that menu.

Such as adding departmental leaders on the team section.

  1. Go to the website editor , scroll to section to add new section/subsection such as the departmental leaders.

b) Use a drag and drop tool to drag the new section needed and edit it as below.

Sub group section showing departmental heads under team.

4) Adding a section with different details from existing one such as Testimonials

a)Go to the website editor, select the drag and drop tool and drag a new section to the website.

  1. Edit section to match desired details and save changes.
  1. Visit the site to see a new look.
new section with different information

Leave a Reply

Your email address will not be published. Required fields are marked *