CafeCommerce Getting Started Guide

From DreamHost
Jump to: navigation, search

Introduction

CafeCommerce is the easy way to create your own online store. With over 20 themes to pick from, you can upload your own logo, change colors, modify fonts and more. Plus, we host everything for you, so that every step, from adding products, to accepting credit card payments, is a snap!

The DreamHost Advantage

Here's the best part, CafeCommerce has teamed up with DreamHost to provide you with the world's fastest and most reliable servers to power your online store. There is nothing for you to set up, since we install your store and also take care of future patches and updates for you.

  • Unlimited Storage and Bandwidth
  • First Rate Security
  • Automatic Backups
  • Free Updates

CafeCommerce Features

  • Manage orders & keep track of customer data
  • Create promotions like coupon codes or put products on sale.
  • Edit content
  • Accept payments through PayPal, Authorize.net and more
  • Connect with shipping providers like USPS, UPS, FedEx, Canada Post and Australia Post

Sign Up

Creating a CafeCommerce Account

1. Navigate to www.cafecommerce.com.
2. At the main CafeCommerce page, click the Try it Free! button.
Cc1.jpg
3. Create a name for your store and enter it in the Store Address field.
This is the URL your customers will use to navigate to your store. You can change your store address later by purchasing a domain, so if you’re not sure what to call your store, pick a temporary name.
4. Enter your email address in the Email Address field.
5. Enter a password in the Password field and retype it in the Confirm Password field.
6. Click the Terms of Use link to read the Terms of Use, then check the I agree to CafeCommerce’s Terms of Use checkbox.
7. Click the Sign Up button.
In one step, you’ve created both a DreamHost account and a CafeCommerce account, and you’re ready to set up your store.

Logging in to the CafeCommerce Manager

Once you have created your account, you will receive an email with a link to the login screen for your CafeCommerce Manager.
Log in with the Email and Password credentials you created when you created your account, and click the Sign In button.
The CafeCommerce Manager displays four main tabs that you will use to create and maintain your store site:

  • Store
  • Pages & Navigation
  • Design
  • Settings

When the CafeCommerce Manager first opens, the Dashboard section of the Store tab is displayed on top.
Cc2.jpg

Using the CafeCommerce Dashboard

The fastest way to get your store up and running, is using the Dashboard on the CafeCommerce Manager screen.
The Dashboard is located on the Store tab, so any time you want to return to the Dashboard, you’ll need to click the Store tab.
Cc3.jpg
The Dashboard displays 6 Shortcut buttons that walk you through each of the main steps necessary for setting up your store.
Each of the Shortcut buttons navigates you to a specific sub-section of one of the four main tabs.

NOTE: Any time you want to return to the Dashboard, click the Store tab. Using the Dashboard, you can set up your store in 6 Steps:

Step 1: Configure Your Store Settings
Step 2: Add Products to your Catalog
Step 3: Configure your Checkout
Step 4: Configure Tax & Shipping
Step 5: Customize your Design
Step 6: Manage Pages & Navigation

Get Ready to Sell

Step 1: Configuring Your Store Settings

1. Start at the Dashboard.
Cc4.jpg
2. Click the Configure your store settings shortcut button.
You are navigated to the General section of the Settings tab.
Cc5.jpg

Step 2: Adding Products to your Catalog

1. Start at the Dashboard.
Cc6.jpg
2. Click the Add products to your catalog button.
You are navigated to the Products section of the Store tab. The Details sub-tab is displayed.
Cc7.jpg
3. Click the Descriptions tab.
Cc8.jpg
4. Enter a brief description of your product (as it might appear in a catalog) in the Short Description field.
5. Enter a more detailed description of your product (this is your “hard sell”) in the Long Description field.
6. Click the Images tab.
Cc9.jpg
7. Click the file folder icon.
Depending on your browser settings, you might see a Security Warning similar to the one pictured below.
Cc10.jpg
8. A window will open displaying any pictures (including sample pictures provided by CafeCommerce) that are associated with your site.
Cc11.jpg
Depending on your Browser settings, uploaded pictures may display on the top-left corner, alphabetically, or by date.
Cc12.jpg
9. Double-click the image you would like to use for your product, or highlight multiple images by dragging over them and clicking OK.
You are returned to the Images tab and your image is displayed to the right.
Cc13.jpg
10. When you are finished adding images, click the SEO tab. Enter some information there. (This will help you get your products discovered by search engines.) 11. Click the Additional Settings tab.
Cc14.jpg
12. Add whatever information is relevant to your product’s Retail Price, Weight, Shipping/Handling Charges, or product availability.
13. Click the Save Product button.

Now your product is saved and you are taken to your Product List. Your newly added product appears alphabetically in your product list.

Step 3: Configuring your Checkout

About Credit Card Payments

In order to accept credit card payments through your store, you’ll need to have an account with one of the following supported payment gateways:

  • e-onlinedata w/Authorize.net
  • PayPal Website Payments Pro
  • Paypal Website Payments Standard
  • Authorize.net
  • Sage Pay VSP Server

If you don’t already have an account with one of the supported payment gateways listed above, you will have an opportunity to create an account with e-onlinedata during the setup process.
CafeCommerce has partnered with e-onlinedata to provide you with a payment gateway solution that you can rely on.
1. Start at the Dashboard.
Cc15.jpg
2. Click the Configure your Checkout button.
Cc16.jpg
3. Click the Payment Gateway drop-down.
A list of supported payment gateways will open. You must have an account with one of the supported payment gateways.
4. If you already have an account with a supported payment gateway, select it from the list.
5. If you do not have an account with any of the supported payment gateways, click the e-onlinedata Apply Now! button to create one.
6. Enter your Payment Gateway account settings.
7. Click the Save Settings button.

Step 4: Configuring Tax & Shipping

Tax Rules

Different regions may have different taxes that need to be added to the cost of the products you are selling. By creating Tax Rules, you ensure that purchases made from within those regions will have the appropriate additional charges added at checkout. You can easily create, modify or delete tax rules at any time.
1. Start at the Dashboard.
Cc17.jpg
2. Click the Configure tax & shipping button.
You are navigated to the Tax & Shipping sub-section of the Settings tab with the Tax Rules screen displayed. If you have not created any Tax Rules, you can create one by clicking the Add Tax Rule button.
Cc18.jpg
3. Click the Add Tax Rule button.
The Add Tax Rule screen will open.
Cc19.jpg
4. Choose a country from the Country drop-down.
5. Enter a tax percentage rate in the Rate field.
You will need to research the tax rates on your own.
6. Click the Add Tax Rule button.
Your Tax Rule is added and you are returned to the Tax Rules page.
Cc20.jpg
The Tax Rule displays as part of a list, and will be automatically applied to products that ship to the region for which it is relevant.

Shipping

You can help to cut costs and give your customers more control over the way they receive your products, by creating Shipping Rules.
Up to this point, all of your store setup has been achieved directly from the Dashboard, but Shipping is different. Shipping is a sub-screen of the Tax & Shipping subsection of the Settings tab, and you will need to manually navigate to it.
1. Start at the tab area of the Tax Rules screen.
Cc21.jpg
2. Click the Tax & Shipping subsection of the Settings tab.
3. Choose Shipping.
The Shipping screen will open.
Cc22.jpg
4. Click the Enable Shipping checkbox.
A Shipping Rules screen will open beneath the Shipping Settings screen indicating that you will need to provide an address for your Store in order to configure Shipping.
Cc23.jpg
You are navigated to the General subsection of the Settings tab.
Cc24.jpg
5. Scroll down to the Store Location section at the bottom of the screen.
6. Completely enter your Store address in the Store Location section.
Note: You must enter a country and a state, or you will not be able to configure shipping.
7. Click the Save Settings button.
8. Click the Tax & Shipping subsection of the Settings tab.
9. Choose Shipping.
The Shipping screen will open.
Cc25.jpg
10. Click the Enable Shipping checkbox.
Two new sections, Shipping Providers and Shipping Rules, appear beneath Shipping Settings.
Cc26.jpg
11. Click each of the listed Shipping Providers with whom you have an account, to configure your shipping settings.
12. Use the Add Shipping Rule button to create Shipping Rules based on location and Shipping Provider.
13. When you have finished adding rules, click the Save Settings button.

Step 5: Customizing your Design

1. Start at the Dashboard.
Cc27.jpg
2. Click the Customize your design button.
You are navigated to the Theme section of the Design tab. A gallery of available themes is displayed.
Cc28.jpg
Each theme has two buttons beneath it, Select and Customize.
Cc29.jpg
3. Click the Select button to apply a theme to your store “as-is.”
You can View your store with the new theme applied at any time by clicking the View Store button at the top of the CafeCommerce Manager screen.
Cc30.jpg
4. If you would prefer to customize the look of your theme, click the Customize button beneath it.
A Theme Editor will open in a newBrowser window.
Cc31.jpg

Modifying Colors

The easiest way to modify your colors is by using the Magic Slider. The Magic Slider rotates through the color wheel to give you a completely different color scheme without any clashing colors.
Cc32.jpg
1. Click the Colors button.
2. Move the Magic Slider’s Sliding tool along its track.
3. Watch the Live Preview area to see the changes that will occur on your store’s website.

Adding Images

The right images will make any theme one-of-a-kind. You can add images to the Store Logo, Page Background, Store message background, Header and Footer areas.
Cc33.jpg
1. Click the Images button.
2. Click one of the 5 tabs that control where your image will appear.
The tabs are: Store Logo, Page Background, Store message background, Header and Footer.
3. Click the folder button.
Depending on your browser settings, you might see a Security Warning similar to the one pictured below.
Cc34.jpg
4. A window will open displaying any pictures (including sample pictures provided by CafeCommerce) that are associated with area of your site that you are modifying.
Cc35.jpg
Depending on your Browser settings, uploaded pictures may display on the top-left corner, alphabetically, or by date.
Cc36.jpg
5. Double-click the image you would like to use for your product, or highlight multiple images by dragging over them and clicking OK.
You are returned to the Theme Editor and your image is displayed.
Cc37.jpg

Modifying Fonts

1. Click the Fonts button.
Cc38.jpg
2. Click one of the 4 tabs that control where your fonts will be modified.
The 4 tabs are: Global, Headings, Main navigation, Side navigation.
3. Click to highlight the font you would like to use.
4. Move the slide me tool along its track to change the Font Size.
5. Watch the Live Preview area to see the changes that will occur on your store’s website.

Saving Your Theme

1. Click the Save button on the right side of the screen.
Cc39.jpg
The Save your theme screen will open.
Cc40.jpg
2. Enter a name for your theme in the Theme Name field.
3. Click the Save button.
4. Your theme is saved and appears as an option in the Custom Themes area of the Design tab.
Cc41.jpg

Canceling Your Customizations

Click the Cancel button.
Cc42.jpg

Step 6: Managing Pages & Navigation

1. Start at the Dashboard.
Cc44.jpg
2. Click the Manage Pages & Navigation button.
Cc45.jpg
3. Highlight the page you would like to modify.
4. Click the Modify Content button to add content to a page.
A new window for you to edit content.
5. Click Page Details button to modify details such as the Page Name or Keywords.
6. Click the Delete button to delete a page.
7. Click the Save Changes button when you are finished.