Customize the Website in the Online Store

Written by GP
Updated 2 months ago

In this article, we will learn how to edit the logo, text content, and images on the website.

1. Upload or Change the Logo:

If you want to upload or change the logo after creating your website, you can do it through the Customize option.

  • Go to your Website Dashboard.
  • Click Customize to open the site editor.
  •  In the site preview, click on the logo area (Edit icon).
  •  A left-side settings panel will appear.
  • In this panel, click the Change Logo option.
  •  Select and upload your new logo image from your computer.
  •   Once uploaded, the new logo will replace the existing one on your website.

In the same left-side settings panel, you can also customize the logo’s appearance, such as:

·        Logo Height – Adjust how tall the logo appears in the header.

·        Alignment – Choose whether the logo is aligned to the left, center, or right.

2. Editing the content and changing the Image:

·       Select the Content – Click on the specific content you want to edit (for example, text, images, or buttons).

·       Open the Left-Side Panel – On your website editor, you will see a panel on the left side of the screen. This panel displays all the sections and content blocks available on your site.

·       Edit the Content – Once selected, the editor will allow you to change the text, update images, adjust formatting, or make any other necessary modifications.

·       Save Your Changes – After editing, make sure to save or publish the changes so they appear on your live website.

·       You can also change the color of the text in the Editing option.

Select the Image You Want to Change

·        In the left-side panel, find the image you want to update.

·        Click on that image element to open its editing options.

Open the Left-Side Panel

·        On your website editor screen, locate the left-side panel.

·        This panel contains all the elements and sections of your website, including images.

 Replace the Image

·        Once the image is selected, an editing menu will appear.

·        Click the “Change” or “Replace Image” option.

·        Upload a new image from your computer or choose one from the media library.

How to add products to the Online Website:

  1. Log In to WordPress Admin

    1. Navigate to your WordPress admin panel.
  2. Go to Products

    1. In the left-hand menu, click on "Products" and then "Add New."

  1. Enter Product Details

    1. Title: Enter the product name.
    2. Description: Add a detailed product description in the main editor.

  1. Product Data

    1. General

    • Regular Price:
      • The normal price at which the product will be sold.
    • Sale Price:
      • An optional discounted price.
      • You can also schedule the sale to run during specific dates.
    • Tax Settings (if available):
      • Choose the tax class (standard, reduced, or zero rate).

    2. Inventory

    • SKU (Stock Keeping Unit):
      • A unique identifier for each product. Helps in tracking inventory.
    • Manage Stock (Enable/Disable):
      • If enabled, you can enter Stock Quantity.
      • The system will automatically reduce stock after each purchase.
    • Stock Status:
      • In Stock, Out of Stock, or On Backorder.
    • Allow Backorders:
      • Let customers order even if stock runs out.

    3. Shipping

    • Weight:
      • The product weight used to calculate shipping costs.
    • Dimensions (Length × Width × Height):
      • Helps shipping carriers calculate package size and cost.
    • Shipping Class:
      • Assigns the product to a shipping category (e.g., heavy, fragile).

    4. Linked Products

    • Upsells:
      • Products you recommend instead (usually higher-end).
      • Shown on the product page as “You may also like…”.
    • Cross-sells:
      • Products shown on the cart page to encourage additional purchases.

    5. Attributes

    • Custom Product Attributes:
      • For example: Size (S, M, L) or Color (Red, Blue, Green).
    • Used for Variations (for variable products):
      • Attributes are required if you want to create product variations.

    6. Advanced

    • Purchase Note:
      • A custom message sent to the customer after purchase (e.g., thank you note or special instructions).
    • Menu Order:
      • Controls the product’s display order on the front end (lower numbers show first).
    • Enable Reviews:
      • Allow or disallow customer reviews for this product.

     

  1. Short Description

    1. Add a brief description in the "Product short description" box.
  2. Product Image

    1. Set the main product image by clicking "Set product image."
  3. Product Gallery

    1. Add additional images to the product gallery.

  1. Publish

    1. Click "Publish" to make the product live on your site.
Did this answer your question?