# Breadcrumb

Let’s explore how to use and customize the Breadcrumbs widget in just a few clicks.

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

<figure><img src="https://content.gitbook.com/content/gFETixMqR9sYadBP1fka/blobs/AJomnh13ifPpZbGngKp1/breadcrumb.png" alt=""><figcaption></figcaption></figure>

**Step 2 -** Click '**Add New'** and Name your Breadcrumb template, then click '**Publish**'.

<figure><img src="https://content.gitbook.com/content/gFETixMqR9sYadBP1fka/blobs/aqP6vPOAE9JIXwOZ8kbc/breadcrumb_1.png" alt=""><figcaption></figcaption></figure>

**Step 3 -** Design your Breadcrumb in the Elementor Editor.

<figure><img src="https://1805033335-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFETixMqR9sYadBP1fka%2Fuploads%2FFvhrqRkeLrIDZzQiEHRM%2FScreen%20Shot%202025-07-30%20at%209.35.26%20AM.png?alt=media&#x26;token=b820cd54-ba1b-412a-8543-fdd73b44e14b" alt=""><figcaption></figcaption></figure>

When you finish, click **Publish** to save the Breadcrumb.

Set conditions Breadcrumb

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

<figure><img src="https://content.gitbook.com/content/gFETixMqR9sYadBP1fka/blobs/YjHyugoEsZFTjsJjXaJB/breadcrumb_3.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/gFETixMqR9sYadBP1fka/blobs/cRQ0oMEJFeNNQYZij0eb/breadcrumb_4.png" alt=""><figcaption></figcaption></figure>

* SAVE & CLOSE

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