Tutorial 101: How To Set Up your Shop Page

Tutorial 101

How to Set Up your Shop Page

Go to somageneralstore-staging.nkuqnjm5-liquidwebsites.com

Click on My Account from the Main Menu

Enter your username and password and click the blue “Login” button.

Click on “Vendor Dashboard”

You’ll be taken to the Pro Dashboard.  Click on Settings.

First, configure the Store tab.  Enter your store name.  Then enter your store description.  This description should be no more than 1-3 sentences.  It will display on a semi-transparent overlay over your shop banner.

Now you can scroll down and enter your seller info.  This is where you can enter more lengthy details about yourself, your store, your store philosophy, etc.   If you’d like to enter the URL for you own non-ecommerce website or blog, enter it in the next space.  Please DO NOT enter a website URL here if your own site has e-commerce functionality.  Thanks!

Scroll down and you will see spaces to enter your store address and phone number.  Information input here will be displayed publicly on your store banner. 

Now you can skip the Payment tab move to the Branding tab.  (Tutorial 104: How to Get Paid will provide instructions for the Payment tab.)

Click on Add Store Banner.  The banner will display on the top of your shop page and will also display when someone clicks on one of your products.  See example below.  Warning:  It will make you want to eat chocolate.  

After you click on Add Store Banner, you will be prompted to either #1 upload an image from your computer or #2 select an image you’ve already uploaded from your media library.  The banner image should be roughly the size of a Facebook banner, but will accept different sizes. You can play around with how different sizes display on your shop page.

If you already have a banner file to use, you can simply select it and click the blue Add Store Banner Button in bottom right hand corner.  Then, you can skip ahead to selection store icon.

If you need to create a store banner, I recommend using canva,free user-friendly graphic design software.  Here are some basic instructions for setting up a banner using canva.

Go to canva.com and set up a free account.  Once you’ve logged in, click on Use custom dimensions.

Enter the dimensions.  Then click the green Design button.

Now, you can start designing!  If you have an image on your computer that you’d like to work with, you can click Uploads and upload it to canva, or you can search from the many free or $1 stock images available using the search bar.

Then you can simply drag and drop images into the white design space.  You can also change the background color and add text if you’d like.

I changed the background color from white to pink by clicking on background and the on the plus sign and then moving my cursor around the color wheel until I found a color I liked.  You can also chose form default colors and patterned backgrounds.

When you’re happy with your design, click download and download again.

You may be prompted to name your file.  Do so and click save.

Now you’re ready to load your banner onto your shop page.  Go back to your vendor dashboard, branding tab, click on upload store banner, select Upload Files tab, and the click on Select Files.

Unless you changed the directory, your canva image will appear under Downloads.  Select your file and click Open.

Now, you have successfully uploaded your shop banner.

Next, you can upload your Store Icon.  Your store icon will display on a semi-transparent overlay over the store banner.  See example below.

Select Upload Store Icon.  (And just a reminder to click the blue Save Changes button every time you make a change.)

To add store icon, you will follow the same steps as you did above to add your banner.  The icon must be square. You can use canva for this as well, but make sure you use a square layout. 

Next, skip the Shipping tab, and move on to the Social tab.

Enter any social media handles you’d like customers to have access to.  They will display as small icons on your shop banner.

They will display as in the example below.

This concludes Tutorial 101.