# Template

**Step 1** - From the admin Dashboard, navigate to **Templates**.

**Step 2** - Click to **Add New** popup to require add a new template is the display, please input the name of your template and click **Create Template**.

**Step 3** - Using **Elementor backend editor A** then add an element to your Template.

**Step 4** - Drag or drop an element that you want to build your template style with the unlimited layout.

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2F4ZNPU08jHEcR3vOApzDk%2FScreenshot%202024-09-04%20at%2013.57.51.png?alt=media&#x26;token=5af4dec5-119d-4b97-aaa9-97912968efdb" alt=""><figcaption></figcaption></figure>

* Add new > Edit with Elementor&#x20;

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2FEzFmfo1fryvfD8viigub%2FScreenshot%202024-09-04%20at%2013.58.56.png?alt=media&#x26;token=f4f92dbf-97c6-4143-8d3e-b518c2bed154" alt=""><figcaption></figcaption></figure>

* Drag or drop  the element that you want to build your template style with a limited layout

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2FkyqC9RooyknLqG7LMMlu%2FScreenshot%202024-09-04%20at%2014.00.37.png?alt=media&#x26;token=b664d85f-3d03-4e08-bcb4-9497ca575f1c" alt=""><figcaption></figcaption></figure>

* Show frontend page single blog.

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2Fp7jSUAfPdwJ1ftljaFil%2FScreenshot%202024-09-04%20at%2014.02.06.png?alt=media&#x26;token=0194d467-1993-4035-a42e-f21fadea2f54" alt=""><figcaption></figcaption></figure>

**Step 5** - Can you get the shortcode you want?

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2F57sU9WsT8DnjZFIDp90r%2FScreenshot%202024-09-04%20at%2014.04.02.png?alt=media&#x26;token=99a64681-8215-4bcd-b091-59e81fe34a82" alt=""><figcaption></figcaption></figure>

Select widgets >> HTML block >> Paste the code you obtained from the shortcode.

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2F7i0RdBeBcjJckEMuZctL%2FScreenshot%202024-09-04%20at%2014.08.58.png?alt=media&#x26;token=aac4b68f-f5a9-4988-adf5-759e98f40985" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2FCnwpv6V2hYDZh3CNASJS%2FScreenshot%202024-09-04%20at%2014.03.37.png?alt=media&#x26;token=d299b2b2-f74d-42f4-8664-0e7df50338d7" alt=""><figcaption></figcaption></figure>