Introduction to the Web Store

You can create an eCommerce site by adding the Web Store application to your site. Get started by installing the Webstore application

  1. Click Pages at the top of your account
  2. From the "My Pages" menu, click Add A New Page
  3. From the "Create a New Page" pop-over, click App Page and choose Web Store.

You will then be taken to the main page of the application, where you can mange the settings and perform other tasks. The application will also be added to your site's navigation menu as "Web Store." 

Click here for a more detailed look at installing applications.

The style and colors for this page will depend on the theme you have chosen. 

 main_internal_page.jpg

The three buttons you will be using to manage your Webstore are Settings, Edit Categories, and Add Product

NOTE: The Web Store applications is only recommended for site owners that are managing a large number of items or who want to create a fully functioning eCommerce experience. If you only plan to sell a few items on your site, it may be easier to use a commerce module.

Click through the following topics to learn how to continue setting up and managing your Webstore.

 

PayPal Setup
The Web Store application uses PayPal to process transactions. For all concerns regarding your PayPal account and transactions, be sure to contact PayPal directly

From the main Web Store page in the Builder, click on Settings

settings_button.jpg

On the "Manage Store Settings" page, check "Offer PayPal Checkout option to shoppers." This will open PayPal options for your Web Store settings.

paypal.jpg


Under "Email address to receive payments" enter the email address associated with your PayPal account. (If you do not already have a PayPal account you can create one.)

 

Stripe Setup
stripe.jpg
Stripe is a payment processor used within the Web Store app as an alternative to Paypal.
 
When you first install your Web Store application, you can choose between Stripe and PayPal as your payment option. To use Stripe, tick the Stripe box and click Connect. If you do not already have a Stripe account you will be prompted to set one up. 
stripe_form.jpg
Once you have completed the form you will be redirected back to the Web Store Settings page. 
stripe_success.jpg
Click here for Stripe FAQs. For additional help with Stripe check out their Support page at support.stripe.com.
Currency Types

You can change the default currency type on the Manage Store Settings Page. 

From the main Web Store page in the Builder, click on Settings

settings_button.jpg

 

"Default Currency Type" is located on the "Manage Store Settings" page just under your PayPal options.

currency.jpg

 

USD (US Dollars) is the default first option but you can change this to one of the following currency types:

  • EUR Euros
  • GBP British Pounds
  • AUD Australian Dollars
  • CAD Canadian Dollars
  • CZK Czech Koruna
  • DKK Danish Kroner
  • NZD New Zealand Dollars
  • NOK Norwegian Kroner
  • SEK Swedish Kroner
  • CHF Swiss Francs
  • JPY Yen
  • ZAR South African Rand
  • BRL Brazilian Real
  • DOP Dominican Peso
  • HUF Hungarian forint
  • HDK Hong Kong Dollars
  • ILS Israeli New Sheqel
  • MYR Malaysia Ringgit
  • MXN Mexican Peso
  • PHP Philippine Peso
  • PLN Polish Zloty
  • SGD Singapore Dollars
  • TWD Taiwan New Dollars
  • THB Thai Baht

 

NOTE: Available currency options are limited to what is provided via our checkout providers

 

Additional Store Settings

From the main Web Store page in the Builder, click on Settings

settings_button.jpg

This will take you to the "Manage Store Settings" page.

additional_settings.jpg

You can apply the following settings just under "Default Currency Type":

  • Store Description: This description will appear at the top of your Web Store page. A sentence or two that gives an overview of what your store offers can be helpful for shoppers. 
  • Store Policies: This description of your policies will display in each shopper's shopping cart. It's a smart way to prevent misunderstandings and chargebacks. 
  • Purchase Confirmation Message: Write a message that will automatically be sent to your customers after they make a purchase from your store. This reassures customers that their order went through. 
  • Purchase Cancel Message: Add a custom message that will automatically be sent to your customers if they cancel an order.

Premium Features (Upgrade to a Premium Package to enable these features):

  • Coupons: Provide coupon codes for your customers to receive discounts.
  • Default Sort: Set the order of your products on the page. Choose from options like "Newest First", "Sale Items First", or "Price: high to low" 
  • Display remaining inventory when stock is less than: Warn shoppers when only a few items remain in stock. For example, enter "3" and that number will appear by the product when only 3 items are left in stock.
Categories

From the main Web Store page in the Builder, click on Edit Categories

edit_categories.jpg

On the "Manage categories" page type your category name in the "Add a New Category" field, then click the green Add New Category button.

add_new_category.jpg

Once you add a new category, you can provide a description, re-arrange or remove categories.

category_options.jpg


Click Submit at the bottom of the page when you are done.

Adding Products

add_product_button.jpg

From the main store page in the Builder, click Add Product.

new_product.jpg

This will take you to the "New Product" page. Here to can set:

  • Product Name
  • Description
  • Product Image: You can add multiple images for your product and your store will automatically add thumbnails as well as links to view them in full size. 
  • Categories: If you have set categories, you can choose which one(s) your item belongs to.
  • Price: Price will be listed in your default currency, which can be selected from the Store Settings. 
  • Tax: Choose your sales tax preference for this product. 
  • Options (sizes, colors, etc): Add options for your product. If needed, try combining options like, "Blue-Small, Blue-Large. You can also track inventory and automatically disable items when they sell out (Enhanced and Pro users only).
  • Additional Instructions: This flexible custom question enables you to ask anything additional about this product from your buyers. 
  • Product Shipping: You can specify different shipping prices based on location as well on whether the item is being purchased alone or with other items. More info.
  • Status: Make your products stand out with mini banners by changing their status (new, on sale, sold out, coming soon, free shipping, hidden). For a regular product, just select Active.
NOTE: Free users can add 5 total products to the Web Store. Premium subscribers can add more depending on package level. Click here to upgrade your site to Premium. 

 

Coupons

You can create coupon to offer your customers discounts. To do this, activate coupons on the "Manage Store Setting" page.

From the main Web Store page in the Builder, click on Settings

settings_button.jpg

On the "Manage Store Settings" page, scroll down to "Coupons" under "Premium features."

NOTE: Using Coupon codes in your Web Store is a Pro feature. Click here to upgrade your site to a Pro Premium package.

 

coupons.jpg

 

Click Add Coupon and enter your Code, the Discount amount (or percentage off) and the Duration (how long the coupon code will be valid).

 

NOTE: Coupons can only be applied to total purchase, not individual items. Make sure your discount does not exceed the cost of your lowest-priced item.
Inventory Tracking

Inventory tracking is a feature available to customers who have upgraded their site with a Enhanced or Pro premium subscription. You can set up inventory tracking in your Web Store through Settings. This feature is currently available when using PayPal as your checkout provider.

 

To track inventory in PayPal you will need a Premier PayPal Seller account.

Log into your Paypal Seller Account and follow these steps:

  1. Click the Profile tab
  2. Under Selling Preferences on the right, click Website Payment Preferences. 
  3. Click On for Auto Return for Website Payments. 
  4. Set the Return URL to: http://yourwebsite.com/apps/webstore/stores/paypal_return
Click here for a detailed look at Inventory Tracking. 

 

Adding Shipping

You have the following two options when applying shipping rates in your WebStore.

For each item individually:
When adding a new product, on the "New Product" page, scroll down to the "Product Shipping" option and click Add More Shipping Options. Here, you can select country, how much the item ships as a single item and how much it ships with others.

product_shipping.jpg

 

NOTE: When selecting "With Others," you are setting a reduced shipping rate that goes into effect when there is more than one product in the shopping cart. The product with the highest "Alone" rate in a combined order will retain that rate while the other products will ship at the "With Others" rate.

Use PayPal's Shipping Calculator if you are using PayPal as your checkout provider:
You can set the overall shipping options for items purchased using PayPal through the Merchant Tools section of your PayPal account.

PayPal will allow you to set up multiple shipping regions, methods, and dollar amounts for your shipping options. This will be applied to all items that match the criteria you set.

IMPORTANT: Shipping settings cannot be combined. Setting shipping rates in PayPal will override any existing shipping rates set from the Web Store application.
Products Module


Located under the Commerce tab of the Builder is the Products module. The Products module allows you to share a selection of items from your Web Store on any page created with the Builder. 

Drag the module onto your page. If you do not have the Web Store application installed, the module placeholder will prompt you to install.

no_webstore.jpg

If you have a Web Store installed, you will see a prompt to begin adding products.

add_products.jpg 

Double click the prompt to launch the Product List popover and begin choosing products. These are products that have already been added via your Web Store application.

products_list.jpg 

Use the Settings button in the toolbar to change how many products appear per row (1-4), as well as chose to display the name, price and “view product” button. Buttons style is the theme default.

settings.jpg

Publish your site. Product thumbnails, names and buttons link directly the product’s page in your Web Store.

published.jpg

 

For more information on optimizing your Web Store with categories, display options, sales pricing and shipping, check out this video:

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk