How to Setup wCart Store Blogger template

Table of Contents

1. How to Install the Template
2. How to change Theme color
3. How to Update the Navigation Menu
4. How to Add a New Product
5. Set Payment & Shipping
6. Layout and Widget Customization
7. Shipping and Payment Options
8. Labels for Related & Recent Products
9. Change the Currency
10. Updating Footer, Ads, and Partners
11. Social Profile Settings
12. Edit Homepage Product Slider
13. Recently Sold Items Widget
14. Customize Meta Tags
15. Add recent products by label

Demo

1. How to Install the Template

1. Unzip the zip file (extract it with Winzip or Winrar)
2. Search for XML file, e.g, "wCartStore Template"
3. Right click on that xml file and open it with Notepad. Copy entire code.
4. Go to Blogger Dashboard → Choose your Blog
5. From left tab → Theme → Customize → Dropdrop → Edit HTML
6. Select entire code (CTRL + A) and replace it with the one you copied from notepad
7. Click 'Save Theme' and you're done!

---

2. How to change Theme color

• From left tab → Theme → Customize Main color theme
• Select your desired color from 'Color Palette', or add custom color code.
• Click save on bottom right and you're done.

---

3. How to Update the Navigation Menu

To customize the navigation menu:

• Go to Dashboard
• From left tab → Layout → click Edit icon on Navigation Menu widget.
• Normal Link: Sub Menu
• Sub Link 1.0: Add 1 "_" before text. (1 underscore)
• Sub Link 2.0: Add 2 "__" before text. (2 underscore)

---

4. How to Add a New Product

• Use the HTML → Post Generator tool.
• Upload images to Blogger and paste their direct URLs in the generator.
• Fill in price, colors, sizes, short notes, and product description/specs.
• Generate code, copy it, and paste in Blogger post (HTML view).

---

5. Set Payment & Shipping Method

• From left tab → Layout → Edit Payment options or Shipping methods widget
• Replace WhatsApp number and Email
• Customize message texts for Cart and Checkout accordingly.

---

5. WhatsApp & Email Checkout Setup

• From left tab → Layout → Edit All Settings widget
• Replace WhatsApp number and Email
• Customize message texts for Cart and Checkout accordingly.

---

6. Layout and Widget Customization

From the Layout section, edit widgets like:

• Top Announcement Bar
• Homepage Slider
• Ad Banners
• Recent Products by Label
• Footer Widgets
• Contact or Call Us section

---

7. Shipping and Payment Options

Edit the Payment Methods widget to customize:

• Enable/disable shipping cost
• Add multiple payment methods (PayPal, COD, Bank Transfer, etc.)
• Add shipping services and set fee.

---

8. Enable Related & Recent Products

1. Create atleast 8 posts on your blog
2. Add 'Labels' by heading to Post settings
3. Post having similar Labels will appear as related products.

---

9. Change the Currency

• From left tab → Theme → Customize → Dropdrop → Edit HTML
• Scroll to end or search for: SimpleCart.currency
• Now change → USD → US Dollar → $ → with your desired currency
• Change accuracy from 2 to 3. if you're from Indian.

---

10. Updating Footer, Ads, and Partners

From the Layout section, edit widgets like:

• Footer update contact details and links.
• Edit Our Partners update logos by replacing image URLs.
• Edit Ad Blocks to update banners.

---

11. Social Profile Settings

• Go to Dashboard
• From left tab → Layout → click Edit icon on Follow Us widget.
• Scroll down to Link list click 'Edit'.
• On Site name field type 'Facebook' or 'Twitter'
• On Site URL paste 'social profile link'.
• And click save!

---

12. Edit Homepage Product Slider

• From left tab → Layout → Edit 'Homepage Product Slider'
• Update Title, Caption, Link and Image URL
• Click save and you're done.

---

13. Recently Sold Items Widget

Shows real-time product activity to increase urgency and conversions. Edit via Layout → Recently Sold Items widget.

---

14. Add recent products by label

1. Go to Dashboard
2. From left tab > Layout > click Edit icon on recent-product-1 widget.
3. Add label name as title "Gadgets"
4. Add label name in Content "Gadgets"
5. Click save and you're done.

---

15. Customize Meta Tags

To edit meta tags, search in HTML for:

<!-- Customize Meta Tags -->
<meta content='GOOGLE-META-TAG-HERE' name='google-site-verification'/>
<meta content='BING-META-TAG-HERE' name='msvalidate.01'/>


Update with yours and click save!

More Questions?

Frequently Asked Questions - General Blogger Settings.