The Shopping Bag (cart) is a crucial component of your online store. Customizing its settings ensures a seamless shopping experience, encouraging conversions and reducing cart abandonment.
Here’s how to manage and customize Shopping Bag settings using OzSpeed hPanel.
Step 1: Log in to hPanel #
- Visit OzSpeed hPanel.
- Log in with your credentials.
- Navigate to Online Store > Settings > Shopping Bag.
Step 2: Access Shopping Bag Settings #
- In the Shopping Bag section, you’ll find options to customize:
- Design: Appearance of the Shopping Bag page.
- Behavior: Actions after products are added to the bag.
- Checkout Settings: Information flow and requirements during checkout.
Step 3: Customize Shopping Bag Design #
- Go to the Design Settings.
- Modify the following:
- Layout: Choose between a simple list view or a grid layout for items in the bag.
- Colors: Match the bag’s background, buttons, and text with your store’s branding.
- Font Styles: Adjust typography for item details and prices.
- Save changes.
Step 4: Configure Behavior Settings #
- Redirect After Adding to Bag:
- Enable or disable redirection to the Shopping Bag page after adding a product.
- Alternatively, show a pop-up confirmation without leaving the product page.
- Item Quantity Updates:
- Allow customers to adjust product quantities directly from the Shopping Bag.
- Enable warnings for stock limits if applicable.
Step 5: Set Up Checkout Preferences #
- Display Options:
- Enable or disable the display of taxes, discounts, and shipping costs in the Shopping Bag.
- Required Information:
- Set mandatory customer details such as email address, shipping address, or phone number before checkout.
- Promotional Features:
- Add upsell or cross-sell suggestions (e.g., “You may also like” products).
- Display countdown timers for limited-time offers to create urgency.
Step 6: Test Shopping Bag Functionality #
- Visit your store and add a product to the bag.
- Review the following:
- Design and layout on desktop and mobile devices.
- Functionality, such as adding, removing, or updating product quantities.
- Display of discounts, taxes, and shipping costs.
Step 7: Publish Changes #
- Once all settings are configured and tested, click Save.
- Publish the updated Shopping Bag settings to make them live on your store.
Troubleshooting Tips #
- Shopping Bag Not Updating:
- Ensure JavaScript is enabled in your browser.
- Check that the product inventory settings are synced with the Shopping Bag.
- Incorrect Price or Totals:
- Verify that taxes, discounts, and shipping calculations are configured correctly.
- Clear your browser cache and re-test.
- Shopping Bag Not Accessible:
- Ensure the Shopping Bag link is visible in your navigation menu or as an icon in the header.
Additional Tips: #
- Mobile Optimization: Ensure the Shopping Bag page is responsive and easy to use on smaller screens.
- Abandoned Cart Recovery: Integrate with email tools to send reminders to customers who leave items in their bags.
- Custom Messages: Add a note in the Shopping Bag, such as “Free shipping for orders over $50!”
