Webstores for your customers - What are they? and... How to setup!

Aaron Aldrich Updated by Aaron Aldrich

Welcome to the world of online selling to a specific organization!

Learn how to use shopVOX Web stores to create an online team or fundraising store within your website.

Web store Introduction

But first! Let's get a clarification on the differences of the types of online products you can create. This video explains it all.

What are Webstores?

shopVOX Webstores are part of our e-Commerce add-on.

Webstores are online stores that are created for a specific niche, purpose, or audience. it is an online store setup for a specific client that is not password protected like the cPortal is, and can be embedded in your website.  These can be very useful for schools or organizations that are selling designed products to Parents or Members of that organization.

Some good use cases for Webstores include:

  • High school sports team stores
  • Fundraiser stores
  • Company stores for employees

How to set these up!

Ok, let's get into setting up a webstore. The absolute first step is to contact billing@shopvox.com and request to have e-Commerce to be added to your account. We offer a 14-day free trial to e-Commerce and a webstore is a part of this feature.

Webstore Guide PDF

This quick PDF guide are the 'CliffsNotes' for the videos you see below. If you would like to see an overview, go ahead and download this guide.

How to create a Webstore ?

Step One

Since a webstore is customer specific, we will start by enabling this feature on the customer page. Click Action button > Enable Customer Portal

Step Two

Refresh the web browser and Click the Edit pencil icon

  1. Check the Flag for Enable Webstore
  2. Type in a name for the store
  3. Add a web store message if you like
  4. Upload a logo (optional)
  5. Add a Splash image (optional)
  6. Save

Step Three

You will now have an option on the side bar that will open the Java instructions that can be embedded in your website.

This code can be added to your website as a new page, which you could then share with that specific organization.

The next section will cover creating Products that will be shown on your webstore.

This video shows the steps on what we just did.

How to create a Product for your Webstore ?

Ok!

Let's create a Product to launch on your webstore!

Step One

Create the Product. Give it a name, maybe specific to the customer; so that it is not confused with other products in your account. As you create the product, you will need to click the flag - Show on Web store

Step Two

In this example, we will make this product a 1D Grid; which will allow the customer to choose the size of a screenprinted shirt. We could also easily make this a 2D grid with sizes as one data set and colors and the second data set. To learn more about Grid pricing products, click here to review.

Step Three

Click on the Other Info button and then we will add Variant pricing. Select Company and Selected. This will allow us to choose the customer we will add the product to.

Step Four

Click on Variant Pricing button and then add the customer that you would like this product to show up on their webstore. You can add an increase in price if you like, but in this example; we have already established the selling price in the Grid.

Step Five

Congratulations! This product will now show up on this customer's webstore.

Next! We will go over the details of adding this to your website.

Once again, Bryant shows the details on how to do this in the video below.

How to add your Webstore to your Website ?

You may want to delegate this part to your Webmaster or web designer. This section will give you an idea of what to do next on your website. In our example, we are using a Wordpress platform which works well with the code we generate.

Step One

Copy the code from the Show Instructions link on the side bar of the customer page.

Step Two

Open your website editor and add a new page. You will then paste this code in an HTML block on the page.

You can give the page a title and then select the HTML option to add the code. NOTE: This may look different on your website editor. Not all sites look the same.

You should be able to select a Preview to see how it looks. With everything done, you should now have a new page that can be published on your site and then share that link with your customer and their organization.

Step Three

This is how it may look on your site. Keep in mind this is only a practice web site, so it doesn't have the Header and Footer like your site will have.

Best practices for selling with Webstores

How helpful was this doc?

Webstore & Shopping Cart Examples from shopVOX Users

How to setup Products for a given customer to be able to order from cPortal?

Contact