00Days00Hrs00Mins00Secs
Jul 29 2025
July 29, 2025

Launching Schedule

  • 07:30 AM
  • Cairo

we will learn how to edit website contents befor launching

๐Ÿ“˜ Backend Guide for the Bookstore Website (Porto Theme + WooCommerce)

This document explains the steps shown in the video to help you manage your website content (edit pages, add news/events, and manage products/posts).


๐Ÿ”‘ 1. Login to WordPress Dashboard

  1. Open your browser and go to:

  2. Enter your username and password.

  3. Youโ€™ll be redirected to the WordPress dashboard.


๐Ÿงพ 2. Edit Homepage and Pages Content

  1. From the left menu, click Pages > All Pages

  2. Find the page you want to edit (e.g., Home, About Us, Contact, etc.)

  3. Click Edit with WPBakery (or Elementor, if Porto is using it)

  4. Once the editor loads:

    • Hover over the section you want to change.

    • Click the pen icon (โœ๏ธ) to edit the content.

    • Change the text, images, or buttons as needed.

    • Click Save Changes

  5. After editing, click Update (top right) to publish the changes.


๐Ÿ“ฐ 3. Add News / Events / Blog Posts

  1. In the left menu, click Posts > Add New

  2. Enter your post title and content.

  3. On the right sidebar:

    • Select a Category (e.g., News, Events)

    • Upload a Featured Image (this shows in blog previews)

  4. Click Publish to make it live.

๐Ÿ“ To manage existing posts:

  • Go to Posts > All Posts

  • Click on a post title to edit, or hover and click Trash to delete.


๐Ÿ“š 4. Add / Edit Products (Books)

  1. Go to Products > Add New

  2. Enter the book title in the Product Name field.

  3. Add the book description in the large editor box.

  4. Set the price in the “Product Data” section:

    • Regular Price

    • Sale Price (optional)

  5. On the right:

    • Add Product Image (book cover)

    • Add Product Categories (e.g., Fiction, Children, etc.)

  6. Click Publish

โœ๏ธ To edit a product:

  • Go to Products > All Products

  • Hover over the product name > Click Edit


๐Ÿ“‚ 5. Manage Menus

  1. Go to Appearance > Menus

  2. Choose the menu to edit (usually Main Menu)

  3. To add a page:

    • Check the page on the left > click Add to Menu

  4. Drag and drop menu items to reorder

  5. Click Save Menu


๐ŸŽจ 6. Change Images / Banners on Homepage

  1. Go to Pages > Home > Click Edit with WPBakery

  2. Scroll to the banner section

  3. Click the pen icon (โœ๏ธ) on the image block

  4. Replace image > click Save

  5. Click Update to publish


โš™๏ธ 7. View Orders (WooCommerce)

  1. Go to WooCommerce > Orders

  2. Click any order to view full details (products, billing, status)

  3. Update status if needed (e.g., from Processing to Completed)


๐Ÿง‘โ€๐Ÿ’ผ 8. Manage Customers

  1. Go to Users > All Users

  2. View all registered customers

  3. Click on any user to view/edit profile


โœ… 9. Logout

  • Click on your username in the top right corner

  • Choose Log Out