Self-Managed Guide – How to Add/Edit/Delete Your Pages with WordPress and Elementor

How to Add/Edit/Delete Pages in WordPress and Elementor – Self-Managed Guide

Welcome to the iGlobalWeb Self-Managed Customer Guide! This tutorial will help you use WordPress and Elementor to edit your website pages easily. If you’re new to Elementor, don’t worry—this step-by-step guide will walk you through the process.

1. Editing a Page with Elementor

1. Go to WordPress Dashboard.

2. Navigate to Pages > All Pages.

3. Hover over the page you want to edit and click Edit.

4. Click “Edit with Elementor” to launch the drag-and-drop editor.

5. Customize your page using widgets, then click Update or Publish.

📌 Need help with Elementor? Refer to our Elementor guide

2. Adding a New Page

Method 1: From the WordPress Dashboard

1. Go to Pages > Add New.

2. Enter a title for your page.

3. (Optional) Click “Edit with Elementor” to design the page visually.

4. Click Publish to make it live.

Method 2: Using Elementor

1. In WordPress, go to Templates > Add New.

2. Select “Page” as the template type.

3. Click “Edit with Elementor” to design.

4. Save and assign it to a new page.

3. Deleting a Page

1. Go to Pages > All Pages.

2. Hover over the page you want to delete.

3. Click Trash (soft delete – can be restored).

4. To permanently delete, go to Trash, hover over the page, and click Delete Permanently.

⚠️ Caution: Deleted pages cannot be recovered unless you have a backup.

Understanding the Elementor Interface

Elementor has three main sections:

1. Widget Panel (Left Sidebar) – Contains drag-and-drop elements (text, images, buttons, etc.).

2. Canvas (Middle Area) – Where you design your page in real time.

3. Settings Panel (Right Sidebar) – Controls styling, layout, and advanced options.

Adding and Editing Elements

1. Add a New Section: Click the “+” button to create a new section (rows/columns).

2. Drag & Drop Widgets: From the left panel, drag widgets (e.g., Heading, Image, Button) into your section.

3. Customize Widgets: Click on any widget to adjust its settings in the right panel (content, style, advanced).

Styling Your Page

• Text & Colors: Adjust fonts, colors, and spacing under the Style tab.

• Responsive Design: Use the Responsive Mode (desktop/tablet/mobile icons at the bottom) to ensure your page looks great on all devices.

• Backgrounds & Borders: Customize section backgrounds (color, gradient, or image) in the Style settings.

Saving & Publishing

1. Click the “Update” button (top-left) to save changes.

2. Preview your page by clicking the “Eye” icon (preview mode).

3. Once satisfied, click “Publish” to make changes live.

Need More Help?

• Elementor Academy: https://elementor.com/academy/

Congratulations! 🎉

You’ve successfully edited your page using Elementor. Keep experimenting with different widgets and designs to make your website stand out!

iGlobalWeb – Empowering Your Online Presence
🌐 www.iglobalweb.com | 📞 877-522-0101