Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

How To Setup Sellscart Blogger Template Easily

Sellscart Blogger Template Setup Guide

How To Setup Sellscart Blogger Template

Sellscart Blogger Template is one of the best eCommerce-ready Blogger themes, designed for professional blogging and online store management. This template comes with premium widgets, a modern responsive layout, high-speed performance, and easy customization options. Whether you are a beginner or an advanced blogger, Sellscart makes it simple to launch your site with zero coding skills.

If you were looking for How To Setup Sellscart Blogger Template, this step-by-step guide will help you install, configure, and optimize your blog for better SEO and monetization.

🔹 Why Choose Sellscart Blogger Template?

  1. ✅ SEO-Friendly Structure – Built with schema markup and fast-loading code.
  2. ✅ Mobile Responsive – Works perfectly on mobile, tablet, and desktop.
  3. ✅ eCommerce Ready – Pre-designed product pages with price, discount, and cart options.
  4. ✅ Easy Customization – No coding required, drag & drop layout editing.

Price: ₹799 (Regular ₹1,300) – Limited time offer.

🔹 Basic Setup Guide

  1. Template Installation
  2. Logo Setup
  3. Template Settings
  4. Shortcodes & Markups v2.0
  5. Create Sitemap

🔹 Video Documentation

A step-by-step video tutorial is available on YouTube to make setup easier. Just search "How To Setup Sellscart Blogger Template" and follow the official guide.

Youtube Link Coming soon.......

🔹 Menu Setup

Main Menu / DropDown / Mega Menu

  • Go to Layout > Main Menu > Edit.
  • Use "_" underscore for dropdown sub-menus.
  • Add Mega Menu shortcode for advanced navigation.

Example:Features

If you want to create a sub-menu item, you need to add underscore "_" before the link name.

  • _Sub Feature 1 (For first-level sub-menu, use 1 underscore "_")
  • __Sub Feature 1.1 (For second-level sub-menu, use 2 underscores "__")
Sellscart template supports Mega Menu, which allows you to display posts dynamically by Label, Recent posts, or Random posts.
  • Technology/mega-menu
  • recent/mega-menu
  • random/mega-menu
Mega menu dropdown icon for site navigation

🔹 Mega Tab Menu Setup

The Mega Tab Menu feature in Sellscart Blogger Template allows you to display tabbed label-specific products in your navigation menu. This makes your blog more user-friendly and gives visitors quick access to multiple product categories.

✅ How to Add Mega Tab Menu?

  1. Go to Blogger Dashboard > Layout > Mega Tab Menu Widget > Edit.
  2. Copy the shortcode and paste it into the URL section of the widget.

✅ Shortcode Example:

[getMega label="kids/women/men/smartwatch/laptop" type="mtabs"]

Sellscart Blogger Template Mega Tab Menu Setup Guide

✅ Important Notes

  • You must add the desired labels inside the shortcode.
  • In mTabs type, you can add unlimited labels.
  • Labels must be separated by a forward slash ( / ).

Example: [getMega label="mobile/tablet/camera/accessories" type="mtabs"]

This will create a tabbed mega menu that shows posts from multiple categories like Mobile, Tablet, Camera, and Accessories.

🔹 Top Social Setup

The Top Social Widget in Sellscart Blogger Template allows you to display social media icons in the header section of your blog. This feature helps you connect your blog with different social platforms and increase audience engagement.

✅ How to Add Social Icons?

  1. Go to Blogger Dashboard > Layout.
  2. Find the Social Top Widget.
  3. Click on the Edit icon.
  4. Add your social profile links in the given fields.

✅ Available Social Icons

Sellscart supports a wide range of social platforms. You can add links for: [ facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email ]

Example:

If you want to add a Facebook Page link: https://facebook.com/yourpage

Sellscart Blogger Template Setup Guide for Blogger

🔹 Top Menu Setup

The Top Menu Widget in Sellscart Blogger Template allows you to display quick links with FontAwesome icons in the top navigation bar. This makes your blog more stylish and user-friendly.

✅ How to Add Icons in Top Menu?

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Top Menu Widget.
  3. Click the Edit link.
  4. Add your menu title and insert the FontAwesome icon code before the text.
FontAwesome Icons in Sellscart Blogger Template Menu

✅ Example Code

If you want to add a Download button with icon, you can use this code:

<i class="fa fa-download"></i>Download this Theme

 This will show a Download icon followed by the text “Download this Theme” in the top navigation.

✅ Where to Find Icons?

You can choose from thousands of free icons available on FontAwesome.
👉 Visit: https://fontawesome.com/v4.7.0/icons/

Copy the desired icon class and paste it into the Top Menu field.

Example:

  • Home → <i class="fa fa-home"></i>Home
  • Contact → <i class="fa fa-envelope"></i>Contact
  • Shop → <i class="fa fa-shopping-cart"></i>Shop
FontAwesome Icons in Sellscart Blogger Template Menu

🔹 Slider Setup

The Slider Section in Sellscart Blogger Template allows you to showcase featured posts dynamically. You can display posts from a specific label, or use recent/random posts in the slider to highlight your best content.

✅ How to Add Slider in Blogger?

  1. Go to Blogger Dashboard > Layout.
  2. Find the Slider Section.
  3. Click on Add a Gadget > HTML/JavaScript.
  4. Paste the shortcode in the Content Box.

✅ Slider Shortcode Format

number of posts / label name / slider

✅ Example

If you want to show 8 posts from Technology label8/Technology/slider

Sellscart Blogger Template Slider Setup Example

✅ Notes

  • Replace number of posts with the count you want (e.g., 5, 6, 8, 10).
  • Replace label name with the category you want to display (e.g., Mobile, Laptop, Smartwatch).
  • Always keep slider at the end of the shortcode.

Example for Mobile category with 5 posts: 5/Mobile/slider

This will display a responsive slider of 5 posts from the Mobile label in your homepage.

🔹 Product Services Setup

The Product Services Widget in Sellscart Blogger Template allows you to highlight important services (like Free Shipping, Secure Payment, 24/7 Support) using attractive FontAwesome icons. This helps your blog look more professional and user-friendly.

✅ How to Setup Product Services Widget?

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Product Services Widget.
  3. Click on the Edit icon.
  4. Add your service title and FontAwesome icon name.
Sellscart Blogger Template Setup Guide for Blogger

✅ How to Get FontAwesome Icon Name?

Follow these steps to add icons in your Product Services section:

Step 1:
Visit the official FontAwesome icons library:
👉 https://fontawesome.com/v4.7.0/icons

Example:

Sellscart Blogger Template Setup Guide for Blogger

Step 2:
Open the icon page and copy the fa icon name.

Example:

Sellscart Blogger Template Setup Guide for Blogger

✅ Example Usage:

  • Free Shipping<i class="fa fa-truck"></i>
  • Secure Payment<i class="fa fa-lock"></i>
  • 24/7 Support<i class="fa fa-headphones"></i>

These icons will appear in the Product Services section, making your blog look more professional and trustworthy.

🔹 Info Box (01–05) Setup

The Info Box Widgets in Sellscart Blogger Template allow you to display important information, features, or services in a clean, attractive, and structured format. You can use up to 5 Info Boxes on your homepage to highlight key details like product benefits, offers, or blog features.

✅ How to Setup Info Box Widgets?

  1. Go to Blogger Dashboard > Layout.
  2. Find the Info Box 01, Info Box 02, Info Box 03, Info Box 04, and Info Box 05 widgets.
  3. Click the Edit icon for the widget you want to customize.
  4. Add your title, description, and optional icon for each Info Box.
Sellscart Blogger Template Setup Guide for Blogger

🔹 Main Testimonials Setup

The Main Testimonials Widget in Sellscart Blogger Template allows you to showcase customer feedback, reviews, or client testimonials on your blog or eCommerce site. Displaying testimonials builds trust, credibility, and engagement with your audience.

✅ How to Add Testimonials?

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Main Testimonial Widget.
  3. Click the Edit icon.
  4. Add your customer name, photo (optional), and testimonial text.

✅ Example Usage:

  • Customer Name: John Doe
  • Testimonial: "Sellscart Blogger Template is easy to use, fully responsive, and helped my blog look professional instantly!"
  • Photo: Optional (can use customer avatar or brand logo)

You can add multiple testimonials in the widget, which will rotate automatically in a slider or carousel format depending on your template settings.

Customer Testimonials Widget Sellscart

🔹 Post Layouts Setup

Sellscart Blogger Template allows you to customize the layout of your blog posts for better readability and user experience. You can choose between Left Sidebar, Right Sidebar, or Full Width layouts depending on your content and design preference.

✅ Available Post Layouts

1. Left Sidebar Layout
  • Add the text: left-sidebar inside your post.
  • Apply the Strikethrough style to the text.
  • The sidebar will appear on the left side of your post.
2. Full Width Layout
  • Add the text: full-width inside your post.
  • Apply the Strikethrough style to the text.
  • The post will take the entire width of the page without any sidebar.
3. Right Sidebar Layout

  • Add the text: right-sidebar inside your post.
  • Apply the Strikethrough style to the text.
  • The sidebar will appear on the right side of your post.
Sellscart Post Layout Options Left/Right/Full

✅ Tips for Using Post Layouts

  • Use Left Sidebar for blogs with menus, categories, and widgets on the left.
  • Use Right Sidebar for a classic blog layout with-ads or widgets on the right.
  • Use Full Width for long-form content, tutorials, or product reviews to give readers maximum focus.

🔹 Product Price, Discount & Size Setup

Sellscart Blogger Template provides easy shortcodes to display product price, discounts, and sizes in your posts or product pages. Using these shortcodes ensures your eCommerce blog looks professional, organized, and SEO-friendly.

✅ Shortcodes

  1. Price Shortcode: price/"Your Product Price" ( Example: Inside your post, add: price/₹799 )
  2. Discount Shortcode: off/"Your Product Discount" ( Example: Inside your post, add: off/-35% )
  3. Size Shortcode: size/"Your Product Size 1"/"Your Product Size 2"/"Your Product Size 3" ( Example: Inside your post, add: size/35/36/37 )

Sellscart Product Price and Size Example

🔹 Cart & Checkout Page Setup

Sellscart Blogger Template allows you to create functional Cart and Checkout pages for your eCommerce blog. These pages are essential for enabling smooth online purchases for your visitors.

✅ Cart Page

  1. Go to Blogger Dashboard > Pages > New Page.
  2. In the Title field, enter: "cart" (without quotes) 
  3. Save the page.

Important Note:

  • The cart page will not work if the title is incorrect.
  • After saving, your page link should look like:
https://sora-cart-soratemplates.blogspot.com/p/cart.html
or
https://www.yourdomain.com/p/cart.html


✅ Checkout Page

  1. Go to Blogger Dashboard > Pages > New Page.
  2. In the Title field, enter: "checkout" (without quotes)
  3. Save the page.

Important Note:

  • The checkout page will not work if the title is incorrect.
  • After saving, your page link should look like:
https://sora-cart-soratemplates.blogspot.com/p/checkout.html
or
https://www.yourdomain.com/p/checkout.html


✅ Tips for Cart & Checkout Pages

  • Make sure the page titles are exactly as specified: cart and checkout.
  • These pages integrate automatically with Sellscart product, price, and shortcode setup.
  • Always test the pages after setup to ensure smooth shopping experience for your users.

🔹 Credit Cards Icons Setup

The Credit Cards Widget in Sellscart Blogger Template allows you to display payment method icons in the footer. This helps visitors see the accepted payment options, which builds trust and improves conversions for your eCommerce blog.

✅ How to Setup Credit Cards Widget?

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Credit Cards Widget in the footer section.
  3. Click the Edit icon.
  4. Add the icons for the payment methods you want to display.

✅ Available Payment Icons: { paypal, visa, master, amex, diners, discover, jcb }

Accepted payment methods icon in Sellscart Template

🔹 Theme Options: Payment Setup

The Payment Options in Sellscart Blogger Template allow you to configure default payment methods, currency, and shipping price for your eCommerce blog. Proper setup ensures smooth checkout and improves user trust.

✅ How to Configure Payment Options

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Payment Options Widget.
  3. Click the Edit icon.

✅ Settings

1. Payment Option

  • In New Site Name, enter: paymentOption
  • In New Site URL, enter your desired payment method.
  • Default is PayPal.

2. PayPal Email

  • In New Site Name, enter: paypalMail
  • In New Site URL, enter your PayPal email address.

3. Currency Option

  • In New Site Name, enter: currencyOption
  • In New Site URL, enter your preferred currency.
  • Default is USD.

4. Shipping Option

  • In New Site Name, enter: shippingOption
  • In New Site URL, enter the shipping price (based on per product).

✅ Available Currencies:

Code Currency Name
USD US Dollar
AUD Australian Dollar
BRL Brazilian Real
CAD Canadian Dollar
CZK Czech Koruna
DKK Danish Krone
EUR Euro
HKD Hong Kong Dollar
HUF Hungarian Forint
ILS Israeli New Sheqel
JPY Japanese Yen
MXN Mexican Peso
NOK Norwegian Krone
NZD New Zealand Dollar
PLN Polish Zloty
GBP Pound Sterling
SGD Singapore Dollar
SEK Swedish Krona
CHF Swiss Franc
THB Thai Baht
BTC Bitcoin
INR Indian Rupee

✅ Tips for Payment Options

  • Always double-check PayPal email and currency code for accurate checkout.
  • Set shipping price per product based on your store’s logistics.
  • Use available currencies as per your target audience for smooth international transactions.
Secure Payment Option - Sellscart Blogger Template

A. UPI Payment Setup:

  • Go to Blogger Dashboard > Layout.
  • Locate the UPI Options Widget.
  • Click the Edit icon.
Secure Payment Option - Sellscart Blogger Template

B. Bank Payment Setup

The Bank Details Widget in Sellscart Blogger Template allows you to display your bank account information for customers who prefer direct bank transfers. This ensures smooth and professional offline payment options.

✅ How to Setup Bank Details

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Bank Details Widget.
  3. Click the Edit icon.

✅ Settings

  • In New Site Name, enter your Bank Name or Payment Label (e.g., “Bank Transfer”).
  • In New Site URL, add your bank account details (account number, IFSC, branch, etc.).
  • Click Save to apply the changes.
Bank Details Option - Sellscart Blogger Template

🔹 Boxed Version Setup

The Boxed Version Widget in Sellscart Blogger Template allows you to change the overall layout style of your blog. You can easily switch between Boxed Layout and Full-Width Layout depending on your design preference.

✅ How to Setup Boxed Version:

  1. Go to Blogger Dashboard > Layout.
  2. Locate the Boxed Version Widget.
  3. Click the Edit icon.

✅ Settings

  • In New Site Name, enter: boxedVersion
  • In New Site URL, enter:
true → to enable Boxed Layout
false → to enable Full-Width Layout

Click Save to apply the changes.

Sellscart Blogger Template Boxed Version Layout Example

✅ Tips for Boxed Version

  • Use Boxed Layout if you want your blog content to stay centered with background margins (good for minimal, professional look).
  • Use Full-Width Layout for a modern, spacious design where content stretches across the screen.
  • Experiment with background colors, textures, or images to make the Boxed Layout more attractive.

🔹 Default Variables Setup

The Default Variables Widget in Sellscart Blogger Template lets you control important layout and functionality settings of your blog. By configuring these options, you can optimize post display, sidebar behavior, and comments system for a better user experience.

✅ How to Setup Default Variables

  1. Go to Blogger Dashboard > Layout.
  2. Find the Default Variables Widget.
  3. Click the Edit icon.

✅ Available Settings

1. Posts Per Page

  • In New Site Name, enter: postPerPage
  • In New Site URL, enter the number of posts to display on each page.
  • ⚠️ Must match the number of posts shown on the homepage for consistency.

2. Fixed Sidebar

  • In New Site Name, enter: fixedSidebar
  • In New Site URL, enter:
true → Sidebar stays fixed while scrolling.
false → Sidebar scrolls normally with the page.

3. Comments System

  • In New Site Name, enter: commentsSystem
  • In New Site URL, enter your preferred comment system:
blogger → Default Blogger comments.
disqus → Disqus comments system.
facebook → Facebook comments system.
hide → Disable comments completely.

4. Disqus Shortname

  • In New Site Name, enter: disqusShortname
  • In New Site URL, enter your Disqus shortname (only if you selected Disqus as your comment system).
Sellscart Blogger Template

✅ Tips for Default Variables

  • Set postPerPage carefully; too many posts per page may slow down loading speed.
  • Enable fixedSidebar for better navigation and ad visibility.
  • Choose a comment system that fits your audience:
Bloggers → Blogger comments
Tech users → Disqus
Social audiences → Facebook comments
  • If using Disqus, make sure to register your blog and get the correct shortname.

🔹 Facebook Page Plugin Setup

The Facebook Page Plugin in Sellscart Blogger Template allows you to embed your Facebook Page directly on your blog’s sidebar or footer. This feature helps you increase social engagement, followers, and trust among your visitors.

✅ How to Add Facebook Page Plugin

  1. Go to Blogger Dashboard > Layout.
  2. Click Add a Gadget where you want to place the plugin (Sidebar or Footer).
  3. Select HTML/JavaScript Gadget.
  4. Paste the following code inside:
<center>
  <div class="fb-page" 
       data-href="https://www.facebook.com/soratemplate" 
       data-width="360" 
       data-small-header="false" 
       data-adapt-container-width="true" 
       data-hide-cover="false"  
       data-show-facepile="true">
  </div>
</center>

✅ Important Note

Replace the link in data-href with your own Facebook Page URL.

Example: data-href="https://www.facebook.com/sellscart"

✅ Tips for Better Results

  • Use the sidebar placement for maximum visibility.
  • Set data-width="360" or adjust the width to fit your blog layout.
  • Enable facepile (data-show-facepile="true") to show followers’ faces, which boosts credibility.
  • Keep the cover photo visible (data-hide-cover="false") for a more attractive widget.

🎨 Customizing Your Blogger Template

The Sellscart Blogger Template gives you easy customization options without touching any code.

✅ How to Customize:

  1. Go to Blogger Dashboard > Theme.
  2. Click on the Customize button.
  3. From here you can:
  • Change the background
  • Apply pre-defined color schemes
  • Modify fonts & layouts

🎛 Advanced Options

Click on the Advanced tab to access the official Blogger customization panel where you can:

  • Change the Main Colors
  • Adjust text styles & headings
  • Preview changes live before saving

With these options, you can easily match your blog’s design with your brand identity.

🛠 Installation & Custom Services

While we provide premium-quality Blogger templates, we also offer professional services for those who want something unique.

🔹 Custom Design Service

If you need a unique blog design that reflects your brand, just tell us your requirements. Our expert team will convert your dream design into reality.

🔹 Blogger Template Installation Service

Don’t want the hassle of manual setup? We provide a safe, quick, and secure installation service.

✅ Get your template installed within minutes
✅ 100% error-free setup
✅ Optimized for SEO, speed, and AdSences

👉 Whether you need customization, unique design, or installation help, our team ensures your blog looks professional and performs at its best.


Post a Comment

0 Comments