GOBI – Building The Navigation For Your Website

  1. Overview
  2. GOBI
  3. GOBI – Building The Navigation For Your Website

Welcome to our tutorial on creating and customizing a navigation menu for your website or digital funnel! 

This step-by-step guide will show you how to add elements such as a navigation menu and a brand logo, customize them, link them to different pages on your site or external sites, and create sub-menus for an organized and user-friendly experience.

  1. Click on the orange rectangle in the center labeled “+ADD ELEMENT”.
  2. A pop-up panel will appear on the right side of the screen. Scroll down and click the “NAVIGATION MENU” element.
  3. The “NAVIGATION MENU” will be placed in the upper center of your screen. Note: this may remove your logo.
  4. To add the logo back in, select it from the options.
  5. Scroll down to the left side panel and find “BRAND LOGO”.
  6. Click the small “IMAGE ICON” and click on your logo.
  7. Remove the default text in the box where it says “BUSINESS NAME”.
  8. Adjust the logo size by going to the left panel of your screen and clicking the small “up-and-down arrow”. Change the width and height as needed.
  9. To remove the white background on your logo, click on the logo, then go to the left panel and look for “BACKGROUND COLOR”. Change it to opaque transparent.
  10. To make your menu options visible against the black header, change their color to white.
  11. Scroll through the left panel section to view the sample pages it has automatically added.
  12. To customize these pages, click the “PENCIL ICON” next to each.
  13. In the pop-up, click the “GO TO” drop-down and select “GO TO STEP”. Link each menu option to the correct page on your site (e.g., link “Home” to the homepage).
  14. Decide whether to open the link in a new tab or the same tab, then click “SUBMIT”.
  15. Repeat steps 12-14 for each page on your site.
  16. If a page doesn’t link to anything, delete it out.
  17. Save your changes by clicking “SAVE”, then “OK”.
  18. To add additional pages, click “+ADD ITEM” and follow the steps above.
  19. To link to an external site, select “GO TO WEBSITE URL” in the “Go To” drop-down, type in the website URL, decide whether to open the link in a new tab, and click “Submit”. Don’t forget to name the link in the “TITLE” section.
  20. To create a drop-down menu, click and drag the boxes to the right of your links. You can move them around to reorder them or make them sub-pages.
  21. Save your changes and preview the site.

And that’s it! You’ve successfully created and customized your navigation menu.

This setup provides your visitors with an easy-to-navigate interface that is both user-friendly and professional-looking. 

Remember, clear and simple navigation is the key to an efficient website or digital funnel. With the help of this tutorial, you’re now equipped to create an excellent experience for your site visitors.

Enjoy building and customizing your digital platforms!

Related Articles


Was this article helpful?