# Set up Homepage

You can quickly build a home page using **Elementor** for WordPress which is a drag-and-drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, and build any layout you can imagine – no programming knowledge required.

From your **Dashboard** admin Navigate to **Pages.**

&#x20;\- Select **All Pages** to see all pages then click edit one page you want.

&#x20;\- Select **Add New** to create a new page.

One page always includes a lot of parts like the Header, Main Page, Widget Sidebar, and Footer. In that section, we guide you to create the Main page by using Elementor.

**A. How to use Elementor**

Have you ever used Elementor? Please follow that guide first: [**Elementor guide**](https://docs.elementor.com/)​

​[Official Plugin Documentation](https://elementor.com/) For More information about the Elementor check the official documentation.

​[Watch the video about Elementor](https://youtu.be/kB4U67tiQLA).

{% embed url="https://www.youtube.com/watch?v=kB4U67tiQLA" %}

**B. How to Edit with Elementor**&#x20;

**Step 1 -** Go to your page/post, Activate the backend editor, and click Edit with Elementor.

<figure><img src="https://content.gitbook.com/content/AvJUOB131HwphRJSNdBT/blobs/7tuLax03afel77aTAPJI/image.png" alt=""><figcaption></figcaption></figure>

**Step 2 -** You will see all elements in the left sidebar, please choose an element that you want to use.

Or you will see buttons "Add New Section", and "Add Template", Please click to button to add an element.

<figure><img src="https://content.gitbook.com/content/AvJUOB131HwphRJSNdBT/blobs/DLwnvw6FpcP6oJ1rvqaH/image.png" alt=""><figcaption></figcaption></figure>

**a. Add and modify Container Layout**

<figure><img src="https://1964409514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAvJUOB131HwphRJSNdBT%2Fuploads%2FXApUgHYEFHikVKfHaXDL%2FScreen%20Shot%202024-01-25%20at%208.59.06%20AM.png?alt=media&#x26;token=365fc75d-0baa-4498-815f-57b3be987c85" alt=""><figcaption></figcaption></figure>

**b. Edit Element**

Click on the Edit This Element (pencil icon) to Edit the Row element, when you click to button all content will display in the left sidebar follow you can change it.

<figure><img src="https://1964409514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAvJUOB131HwphRJSNdBT%2Fuploads%2FiQVQlCf7LcJqyZ4IwP9R%2FScreen%20Shot%202024-01-25%20at%209.01.17%20AM.png?alt=media&#x26;token=650fbc52-9dbc-4d83-aa35-b0dd169435a7" alt=""><figcaption></figcaption></figure>

**c. Remove Element**

Trash Box Icon - To remove a Container or Module you need to right-click the element you want to delete and click "**Delete**".

<figure><img src="https://1964409514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAvJUOB131HwphRJSNdBT%2Fuploads%2F7IVDFLIcPVPuZvYguqFo%2FScreen%20Shot%202024-01-25%20at%209.02.37%20AM.png?alt=media&#x26;token=420a7add-8c06-40dd-95d0-51dcf04dbbbb" alt=""><figcaption></figcaption></figure>

**d. Add Element**

To add a Container or Module please click on to add icon (+) or you can drag an element from the left sidebar.

<figure><img src="https://1964409514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAvJUOB131HwphRJSNdBT%2Fuploads%2FljpLkC0K15oZCphpjp9n%2FScreen%20Shot%202024-01-25%20at%209.08.14%20AM.png?alt=media&#x26;token=5cc52390-0a17-40d0-8e20-b0c9a0b09942" alt=""><figcaption></figcaption></figure>

**3. Page Options**

**Page Attributes**

You can select page attributes on the right sidebar of the page admin layout.

<figure><img src="https://content.gitbook.com/content/AvJUOB131HwphRJSNdBT/blobs/EbN7U2XVzcWZw2J6UXed/image.png" alt=""><figcaption></figcaption></figure>

**C. Set a page as a Home Page**

**Step 1 -** Go to **Settings** > **Reading** in your WordPress Dashboard panel.

**Step 2 -** Set "Front page displays" to a "Static Page".

**Step 3 -** In the drop-down menu for "**Front Page**" choose a page that will be your home page.

**Step 4 -** Leave the drop-down menu for "Posts page" empty, as this is not used by the theme.

**Step 5 -** Save changes.

<figure><img src="https://content.gitbook.com/content/AvJUOB131HwphRJSNdBT/blobs/tC7rpLzuxp3sWiZ1n9rM/image.png" alt=""><figcaption></figcaption></figure>
