How to Set Up and Customize Product Pages in Your Online Store Using OzSpeed hPanel

Product pages are essential for showcasing your items to potential buyers. A well-designed product page can improve the shopping experience, increase conversions, and provide all the necessary details about your products.

Here’s a guide on how to set up and customize Product Pages using OzSpeed hPanel.

---

Step 1: Log in to hPanel #

1. Visit OzSpeed hPanel.
2. Enter your credentials and log in.
3. Navigate to the Online Store section.

---

Step 2: Access Product Pages #

1. In the Online Store Dashboard, go to Products.
2. Click on Manage Products to view the list of existing products.
3. To create or edit a product page, select a product or click Add New Product.

---

Step 3: Add Product Details #

For each product page, fill out the following key details:

1. Product Title: #

• Enter a clear and concise name for the product.
• Example: “Wireless Bluetooth Headphones.”

2. Product Description: #

• Add a detailed description highlighting features, benefits, and specifications.
• Include bullet points for readability.
• Example:plaintextCopy code- High-quality sound with noise cancellation. - Bluetooth 5.0 connectivity for seamless pairing. - Up to 12 hours of battery life.

3. Pricing: #

• Enter the price of the product.
• Optionally, set a sale price to display discounts.

4. Product Images: #

• Upload high-resolution images from different angles.
• Add up to 5 images for a detailed visual showcase.

5. Stock Availability: #

• Define the quantity of stock available or mark the product as Out of Stock.

---

Step 4: Organize with Categories and Tags #

How to Assign Categories: #

1. In the Categories section, assign the product to one or more categories (e.g., Electronics, Clothing).
2. To create a new category:
   • Click Add New Category.
   • Enter a category name and save it.

How to Add Tags: #

• Use tags to highlight product features (e.g., “Bluetooth,” “Noise-Canceling,” “Portable”).

---

Step 5: Customize Page Layout #

How to Edit Product Page Design: #

1. Go to Website Builder in hPanel.
2. Select the Product Pages section.
3. Customize the layout:
   • Header: Add a banner or breadcrumb navigation.
   • Product Details Section: Choose where the product title, description, and price appear.
   • Gallery: Adjust the size and position of product images.

---

Step 6: Add Call-to-Actions (CTAs) #

1. Include a clear Add to Cart or Buy Now button.
2. Optionally, add a Wishlist button to let users save items for later.

---

Step 7: Enable Reviews and Ratings #

1. In the Product Settings, enable the Customer Reviews option.
2. Allow verified buyers to leave ratings and feedback.
3. Display the average rating on the product page.

---

Step 8: Test the Product Page #

1. Preview the product page by clicking Preview in the product editor.
2. Check the page on desktop and mobile devices for responsiveness.
3. Ensure all buttons (e.g., Add to Cart, Wishlist) and links work correctly.

---

Step 9: Publish the Product Page #

1. Once the product page is ready, click Save.
2. Click Publish to make the product live on your store.

---

Troubleshooting Tips #

1. Product Page Not Displaying:
   • Ensure the product is marked as Active.
   • Check that the product is assigned to a visible category.
2. Images Not Loading:
   • Verify that the uploaded images meet size and format requirements (JPEG or PNG under 2MB).
   • Re-upload the images if needed.
3. Incorrect Pricing:
   • Double-check the price and sale price fields.

---

Additional Tips: #

• Optimize for SEO: Add meta titles, descriptions, and keywords to each product page for better search engine visibility.
• Highlight Promotions: Use banners or badges (e.g., “New,” “Best Seller,” “Limited Time Offer”) to draw attention to specific products.
• Include FAQs: Add common questions about the product directly to the page for better customer support.