how to register and use ecwid in your website or blog

7/27/2019 How to register and use Ecwid in your website or blog

1/129

How to register

and use ECWID

1 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant


2/129

Choose your browser

2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 2


3/129

In this tutorial, I chooseMozilla Firefox browser



4/129

This is your homepage



5/129

Type in www.ecwid.com in

the address bar



6/129

Youll see Ecwid homepage



7/129

Just click Sign up



8/129

This is the registration

page



9/129

You can either sign in thru

Paypal,



10/129

Google



11/129

Facebook



12/129

Or by creating a new Ecwid

account



13/129

In this tutorial, I

decided to createa new Ecwid

account 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 13


14/129

Lets start by filling up the

form



15/129

Indicate your name



16/129

Enter your email address

here



17/129

And your password



18/129

Then re-type your

password here



19/129


20/129

Youll notice the screen

being loaded



21/129

This is your Ecwid

dashboard



22/129

Notice that you need to

validate your email address



23/129

Now, go to your email acct



24/129

Log in to your account



25/129

And look for the validation

email from Ecwid



26/129

Open the email



27/129

And click on the link

provided



28/129

Youll be redirected to your

Ecwid Control Panel



29/129

Notice that your account is

now validated



30/129

Just click Ok to continue



31/129

In your Ecwid dashboard



32/129

Youll notice these widget

codes



33/129

These are used in websites

and blogs



34/129

Let's try using

these widgets in

our blog 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 34


35/129

In this tutorial, I

used Blogger



36/129

Open your blog account



37/129

You can create a

new blog or use

an existing blog 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 37


38/129

In this tutorial, I

choose to use my

existing blog 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 38


39/129

This is your Blogger

dashboard



40/129

Click on Pages



41/129

In here youll find all pages

under your blog



42/129

Lets create a new

page for our store



43/129

Click New page



44/129

Then choose Blank page



45/129

Youll see this new page



46/129

Indicate the Page title here



47/129

Then choose HTML format



48/129

Now, lets go back

to Ecwid website



49/129

Copy the widget codes

found in Ecwid



50/129

Lets start with the Bag

widget code



51/129

Click on the highlighted

code block



52/129

which highlights all codes



53/129

Then press CTRL + C



54/129

Return to your blog page



55/129

Make sure your cursor is

inside the box



56/129

Then press CTRL+V



57/129

Notice that the codes are

now in your page



58/129

Repeat the

process for the

other two codes 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 58


59/129

Here is the Categories Tab

widget code,



60/129

And the Product Browser

widget code



61/129

All three codes

should be on the

same page. 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 61


62/129

When done, click Publish



63/129

Voila! Heres our blog

powered by Ecwid



64/129

Now, Lets tryadding new

products and

category 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 64


65/129

On our Ecwid dashboard



66/129

Click on Catalog



67/129

Youll see your list of

products



68/129

Just click New Product


N ddi


69/129

Now, we can start adding

products


Y l th SKU it


70/129

You can leave the SKU as it

is



71/129

It will be automatically set

based on product count



72/129

But you can opt to set it

manually as well



73/129

Write the product name


Specify weight if youre


74/129

Specify weight if you re

selling the product by

weight



75/129

Check this if your product

needs shipping


Th i t th d t


76/129

Then input the product

price



77/129

You can also set

the availability of

your product 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 77

S t t E bl if h


78/129

Set to Enable if you have

the product on hand


O Di bl if it t f


79/129

Or Disable if its out of

stock



80/129

You could alsoindicate the

number of stock

you have 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 80

Click on Manage in stock


81/129

Click on Manage in stock

control


Set this to Unlimited if you


82/129

Set this to Unlimited if you

have a limitless supply


Or indicate the exact


83/129

Or indicate the exact

number on hand


You can also be notified if


84/129

You can also be notified if

you need to restock



85/129

Just indicate the number of

stock left



86/129

before a notification will

be sent to you



87/129

Leave Categories as it is



88/129

Well create one later


Write your product


89/129

Write your product

description here


Then add the product


90/129

Then add the product

image


You can add image by


91/129

You can add image by

clicking Browse


if you have saved the


92/129

if you have saved the

images in your computer


Heres our newly added


93/129

Here s our newly added

product


li k


94/129

Click Save


Youll see the new product


95/129

You ll see the new product

on the list



96/129

Now, lets add a

new category for

the new products 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 96


97/129

Under Catalog,



98/129

Click Categories


Youll see the Categories


99/129

You ll see the Categories

screen



100/129

Click New root Category


Here we can add a new


101/129

Here we can add a new

category


h


102/129

Write the category name


Th dd i


103/129

Then you can add an image


H h t I did


104/129

Heres what I did


If d li k S


105/129

If done, click on Save


R t t P d t


106/129

Return to Products


Youll see the new


107/129

products


ith t ifi d t g


108/129

without specified category


Cli k th d t


109/129

Click the new product


On the product chosen


110/129

O e p oduc c ose

click Add Categories


Youll see the category


111/129

You ll see the category

choices


Check your newly added


112/129

Check your newly added

category


Th li k S & Cl


113/129

Then click Save & Close



114/129

Do this with your

other new

products 2013 yourhighlyskilledva.wordpress.com - Tips and Tricks to be a successful Virtual Assistant 114

Ensure that all your


115/129

products are categorized

correctly


We could now update our


116/129

p

blog


R bl


117/129

Return to your blog page


Copy all the updated


118/129

Copy all the updated

widget code from Ecwid


St t ith th B g idg t


119/129

Start with the Bag widget

code


N t i th C t g i T b


120/129

Next is the Categories Tabs

widget code


L t i th P d t


121/129

Last is the Product

Browser widget code


Paste it all in your blog as


122/129

Paste it all in your blog as

seen below



123/129

Then click Update


N li k Vi bl


124/129

Now click View blog


Ch h S


125/129

Choose the Store page



126/129

Congratulations!


You have successfully


127/129

You have successfully

added a new category


A d d t ll


128/129

And new products as well



129/129

Continuous effort notstrength or intelligence

is the key to unlockingour potential

- Winston Churchill

how to register and use ecwid in your website or blog

Documents