What's new
Welcome to PS Community

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

How to add store to blogger (blogspot)

Life

Verified
Founder
Joined
May 17, 2017
Messages
611
Likes
249
Points
113
Website
www.pearstep.com
#1
In my previous post I wrote about how to add store in wordpress, now I am writing how to add store to blogger. In my previous post about WordPress, I used another method. Note that this method can also work for WordPress. Now let's begin.

Firstly, you need to create an account on ECWID. Or you can sign up using PayPal, Facebook or Google account.

Step1: Add Products
After registering an account, you will be able to access Ecwid Control Panel or Product dashboard from where you can create your first product. Select "Add Product" button from the top menu and proceed to the next step.



Add product names, prices and pictures. You can use "More powerful options" to add more details to your product like category, description, color and etc (Adding more details to our products will be handy because we will later upload our product catalog to our blog). After adding your product, press "Save".



You will not see a message that your product is added successfully, simply click on "Proceed to next step" button.



Demo catalog helps you to expore and understand the functionality of the site. It will ask you to delete the demo catalog, press "Delete" to remove all demo products that were pre-added to your store.



Step2: Create Store
After deleting the demo catalog, it is time to publish your product on your Blogger site. Simply select "Create Store" from the top menu as shown in the image below:



Select "Yes, I have a website" button and proceed to the next step.



Now you need to choose the platform which you used to built your site, since we are using Blogger and it is not listed in the available platforms. We will select "Other Platform".



Ecwid provides four different eCommerce widgets that can be added to your Blogger store - Product Browser, Categories, Mini Cart and Search Box. We have defined each category briefly below;
  1. Product Manager: It displays the complete range of the products that you have added in product catalog and this widget is extremely essential to get your store up and running while other widgets are just optional to have.
  2. Categories: This widget will display a complete list of categories of your store.
  3. Mini Cart: It will add a mini shopping cart to your site. Adding it in menu will assist users in checkouts.
  4. Search Box: It will help users in searching different products on your store.
Now you will be able to see embed codes of four different widgets that are listed above. Copy any of these codes and Paste the code on the page where you want the widget to appear. Save and refresh the page.



To Add product browser in blogger, copy the Product Browser embed code and go to Blogger >> Add a New Page. Now change to HTML and paste the code which you copied earlier. Name the page as "My Store" and press the Publish button.

That's it, now you can add more products to your store. Any product added to the product catalog would appear automatically in the product browser in your blog.

Step3: Get Paid
Ecwid also supports popular payment platforms like PayPal,Authorize.Net and Stripe. You can select the most suitable way of collecting payments from your customers which includes checks, cash, credi card payments.
Select "Get Paid" from the top menu.



If you want to use PayPal to collect payments from your customers in blogger then select "Get Paid with PayPal" and enter your valid PayPal email Address. Similarly, You can also use Stripe, if you have a stripe account.

That's all... Please share with friends and family... You can ask us any question on the question and answer section.