Login
Login

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

6Tmj3 Szlonvjjdk8Duyem10Hz3Q9Hwaq4Qlawsvzzxx3Koq0Iotcpgfrkz4Qrzf5Ayjqvvqyz02Xsuttd3Spczn Hqxsphb0Jodmcsbt3Gjixo1Gmye 2Hf6Wt9 Uebsqrddsas3Kjousgy2Sysjz8 | How To Add Sections On Your Website
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
Egw4Vnooly3Ain4Rlhputphhar Fqtwsjq Ejbcggznokfwp Zb5Qqgq54Dwp5Vszy6Wq A9Qg3Y 6X9Lausmwh3Pdxvktewmk | How To Add Sections On Your Website
Duplicate menu item before editing
  1. Go to component settings and set up href that matches your menu item.
Jg8I64Ivkfpemxfphaaf1Aw5Yc7Fphbsycu 3G5Phmcimqlx4Yqaqac8Nc4Dfffpwu6Cjbqbs6X Kgdodbwp Yza5Blmexnjnoxecbxlvrjxcz9Cwoiamitp9X9Vcsxvad2T7J O Gncmmfhhte2Mkk | How To Add Sections On Your Website
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
Uzfxm0Dxczcovgjnjp78Wthxzm Yydeps1Vqdq7W1Lnhqm4O7Ymy4Leutylyxvyhlhv3H3 | How To Add Sections On Your Website
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.
Xsonynce6Jk06Nunucqmyswxcvkwi6Vasqz7G1Qecf2Iqxgoljf Ldyfetqechbhp4F358Jm74Gkniwrbkokzgdjxyvim6N84Pfzdu Fovkby 2Hbgsraed9Qvork8Lt1Bgwdejpsuug 7Fvcmid3Os | How To Add Sections On Your Website
component settings that links section to menu item

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

8Qa9Mcr0Rh0Zvagvjp6D4Qg3Pirkbsdmooo7Gavzuasm6H6Oiz Eapsad3Dnh2Bbpj50Faed 9Pz060P5 | How To Add Sections On Your Website
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.
R46Hhsclb Pgd35Fw6Iggs Hwgu 2X9Rv222Jx37Bmn468Fdrk1Kpyamobqqdwl | How To Add Sections On Your Website
Existing product section
  1. You can duplicate existing items and edit them to match new products as below
Vnmlvjz 6Abzgtnacpaq888H7Pqyifl9Qfusuamzqbk8Bnsp463Yskftrk 5Pd8Uv8 Gsf03S2Mug7Yemr8Hwmjrjfeasn5Cyoc | How To Add Sections On Your Website
duplicate products before editing
  1. Save changes and visit the website to see how it appears.
Mig9Uyu9Zg8Faknxdrlp5Oh6L5Azet4Iyi 2Altfh Me3Yywssixfdgelos4Ij6O4I04Uoqefrchcbbf8Wzfa1Ldgt | How To Add Sections On Your Website
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.
Nzguuai Sh3Ctomektcpcyk9 Wm07I9Csr 026Xgbfdrvy1Tiplkbily8Upngzkqf3Avhrzavlqhib1X9F1R2Tavds4 Bpgzbchhughyqovbee0Yuthwdk2T7M9Q8Xmhjrvkz1T9Ekrlagp Lnc1Ipo | How To Add Sections On Your Website

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

5S8N3Qrfrcojdwz | How To Add Sections On Your Website
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.
Jjaiggxuwqcjmyekojjubaobrvz21Hamwahs5 Kapxc1Dhpsopa4Vh0Nj2Ntnczte1L Pcodmtu0Fuih J7Ivmfsvwm58Z1Y Igmr6Ugwr5Telhaglhr7Hprenvox1 Fb8Asjrhmpcffkjf8Wd2Fbg0 | How To Add Sections On Your Website
new section with different information