> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/en/registration/structure/website-navigation.md).

# Website Navigation

### &#x20;<a href="#struktur-navigasi-storefront" id="struktur-navigasi-storefront"></a>

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-3727a600b78e9d01e21da8e8c981ce687a26655a%2F-MBcYgZP5H454hLBZ5RT.png?alt=media)

In the Storefront, there is a homepage that can be navigated to **4 more places**, namely **Pages**, **Products**, **Categories**, and **Cart** by using the **URL**.

{% hint style="info" %} <mark style="color:red;">\*\*Note\*\*</mark> the \*\*URL\*\* for each element in the above image there is a URL handle as follows. The <mark style="color:blue;">\*\*handle\*\*</mark> is <mark style="color:blue;">\*\*any element after the domain name\*\*</mark>.

For example: <https://yourdomainname.com/><mark style="color:blue;">**{handle}**</mark>
{% endhint %}

**So if you want to link your menu/button to certain pages, your link will be like this:**

* <mark style="color:red;">**/products/**</mark>kurta-macho-plus-size (**Your product name**)
* <mark style="color:red;">**/pages/**</mark>about-us (**Your page name**)
* <mark style="color:red;">**/categories/**</mark>pakaian-lelaki (**Your categorie name**)
* <mark style="color:red;">**/cart/**</mark>1234:1 (**Your variant ID**)