# Custom Block

#### **Simply, to create a static block with the&#x20;**<mark style="color:red;">**Elementor**</mark>**&#x20;plugin, please follow these steps:**

**First**, be sure your site has installed the <mark style="color:blue;">**Elementor - Header, Footer & Blocks**</mark> plugin\
(From **Theme Options** **→** **Install Plugins**)

![Elementor - Header, Footer & Blocks](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FrlMt6vBnTsdIU9kFyTLr%2Fimage.png?alt=media\&token=0b8658a5-b060-41d7-abb1-322bcfe284f7)

<mark style="color:blue;">**Step 1**</mark> - Go to **Theme Options** **→** **Elementor Header & Footer Builder** to Add New **→** **Publish**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FauSw7jhMYsls1TofXGjb%2Fhfe-elementor.jpg?alt=media\&token=598d5fb4-6855-48e0-bc98-46437c8fd9fb)

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FKJoZYMCzdlURMOw7HvDU%2Fhfe-elementor-create-edit.jpg?alt=media\&token=7a0cd1a5-fbf8-454f-a2d6-9124a0b706ba)

<mark style="color:blue;">**Step 2**</mark> - Edit your **custom block** with the <mark style="color:red;">**Elementor**</mark> plugin

![Build static block with the Elementor plugin](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FUxsQbUzAupHdSQRGAqNF%2FDock%202022-03-29%2016-44-40.jpg?alt=media\&token=cfc6dc66-bfb9-43fa-a069-d53dcf3d5aa3)

You can use this **Custom Block** will be similar to **Static block** in **Theme Options**. Here we get the "**Top Bar**" as an example:\
(From **Theme Options** **→** **Header Global)**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FRaHe2pKTH6np1PcjLC09%2Fhfe-elementor-use.jpg?alt=media\&token=7fb72119-0eaa-4ace-8d21-6d642a37023c)