# Breadcrumb

**Step 1** Go to WordPress Dashboard > Appearance > Breadcrumb > Add New

![](https://1252881697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM1eDHMCKBeTldFAbxzFs%2Fuploads%2FYTuLEwKu8J1zTD2pKE4h%2Fbreadcrumb.png?alt=media\&token=61b7db0c-e7fa-431b-8799-679e3aa173a9)

**Step 2** Click ‘Add New ’ and Name your Breadcrumb template and click ‘Create Breadcrumbr’ and 'update'.

![](https://1252881697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM1eDHMCKBeTldFAbxzFs%2Fuploads%2FooNrd4yn8YrqDVXfuLUR%2Fbreadcrumb1.png?alt=media\&token=f8df3512-eb40-4f0f-85ca-552adb67da29)

**Step 3** - Drag or drop  the element that you want to build your template style with imited layout

![](https://1252881697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM1eDHMCKBeTldFAbxzFs%2Fuploads%2FyX7D8IVvbVxPWrOni5RS%2Fbreadcrumb2.png?alt=media\&token=b328da19-f65d-4627-baab-17dc3437a6c9)

After all, click **"Update"** for settings.

**Step 4 - Set up Breadcrumb**

* &#x20;Choose tab **Breadcrumb** and you can add the template that has been created to the page.

<figure><img src="https://1252881697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM1eDHMCKBeTldFAbxzFs%2Fuploads%2FHXS4W9tcUnyYN2OD6iBM%2F2.jpg?alt=media&#x26;token=2cfa0176-6e24-43a1-a670-6d3f241d3cfc" alt=""><figcaption></figcaption></figure>

* Edit the display of your Breadcrumb Template that can add the created template to the page.

<figure><img src="https://1252881697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM1eDHMCKBeTldFAbxzFs%2Fuploads%2FfPE25xOX6GOZlmwpgd5i%2FScreenshot_3.jpg?alt=media&#x26;token=8567965d-30ce-4264-8fbb-5f2d1adcd222" alt=""><figcaption></figcaption></figure>

**Step 5** Click SAVE & CLOSE

After all, click **"Update"** for settings.
