How to Install Apps on a Shopify Site

If you’ve never used Shopify to run your ecommerce business I wanted to take a few moments to show you how you can quickly and easily add apps to your Shopify website.  The great thing about this is that you don’t need to code anything to add a Shopify App to your Shopify website and you can have it up and running in a few minutes.  So with that let me guide you through some easy to follow steps to add apps to your Shopify website.

Step 1: Once you are logged into your Shopify site click on “Apps” on the menu and then select “Get More Apps” from the drop down list as you can see below…

Step 2: You will be directed to the Shopify App Store where you can download any number of apps.  For this tutorial I will download a free app called “Plug in SEO” and once you click on the app you want you will then be directed to a page similar to this…

Step 3: Once you’ve clicked the “Install App” button that you can see above you will be directed to a page like this to enter the URL of your Shopify website.

Step 4: Next you will see a screen that says something to the affect of “You are about to install this app” where you can click the “Install” button to install it to your Shopify website

Step 5: Lastly, go to “Apps” on the menu in your Shopify store and you should see the app installed there and ready to use!

Using apps on your Shopify website is a very useful way to ensure that you can extend the standard functionality that Shopify already offers with a customized flavor of usage whether you are looking for a social media app, accounting app, or something else you should definitely checkout Shopify’s App Store for all the apps currently available to you.

How to Design Your Shopify Website

Today I am going to discuss two different approaches to designing a website using Shopify.  The first approach is using the “clicks not code” approach for people that are more comfortable working in Shopify’s user interface.  The second and more programmatic approach is using the “code not clicks” method of developing a site using Shopify.

Once you’ve finished signing up for the free trial of Shopify and you are logged into your Shopify website you are going to want to see how you can design your Shopify website.  The first approach to develop a Shopify website is to take the “clicks not code” method of website development.  This approach should help those of you looking to for an easy way to setup a Shopify website by clicking and selecting options in the Shopify back-end.  No additional coding required.  The first thing that you need to do after logging into your Shopify website is go to Themes | Theme Settings which will give you open access to make changes to your Shopify website.

There are a number of settings that you can setup for your Shopify Theme by default including General site options, colours, fonts, buttons, and styling for a number of areas including…

  • Page Background
  • Header
  • Homepage and Homepage Carousel
  • Right Column
  • Product Grids
  • Product Page
  • Cart Page
  • Blog
  • Footer
  • Additional Layouts
Depending on what you want to modify on your Shopify website you are going to find that the user interface highly useable as shown in the following screenshot.
As you can see there are a lot of ways in which you can customize your site without any coding at all.  The next option for getting your Shopify site customized is to use the “Code Not Clicks” option to really dig into the code behind Shopify to begin to understand how you can extend Shopify for your own needs.  This is not for the “faint of heart” because it requires coding knowledge but if you are comfortable you can definitely being to customize your Shopify site in virtually no time at all.  In order to get to the Shopify templates that run your website go to Themes | Template Editor.

The Template Editor in Shopify allows you to do a number of things including editing and developing Layouts and Templates to run your Shopify site, access the variable reference guide that allows you to understand how to code your Shopify site.  Shopify uses a language called “liquid” which is a mark-up language that the Shopify team developed to customize and code Shopify pages and templates quickly and easily.

How to Setup Shipping Options Using ECWID

It’s been a while since I wrote about this plugin but ECWID (Ecommerce Widgets) is a solid plugin if you are looking to add the ability to process ecommerce transactions on your website. When you setup shipping in ECWID you can obviously choose the option to use a third-party shipping rate estimate tool from FedEx, UPS and others but what if you want to setup shipping as a flat rate for a specific area, free shipping or one of the other various methods of calculating shipping (weight, number of items, etc.) Today I am going to show you in a few easy steps just how possible it is to setup shipping in ECWID for your ecommerce website.

Setting up User Defined Shipping Methods in ECWID

Being able to setup your own methods through the ECWID user interface versus coding them makes ECWID a really attractive ecommerce solution and gives you a number of ways to charge for specific zones (a.k.a. regions) around the world based on setting shipping on weight, percentage of the order, per item shipped, or a dollar amount per order. You also have the ability to use multiples of those criteria to charge for shipping. Have a look below and see what I am talking about…

There is also an option to setup postal codes (If you live in Canada and other countries that use postal codes) or zip codes so that when you enter them into your ECWID ecommerce site you can do more detailed shipping estimates. As you can see in the following screenshot you can enter postal/zip codes in the “Zones” section of the administration section of ECWID…

What you’ll notice once you’ve got this setup in the backend of ECWID by going to your ecommerce website built using ECWID and entering the checkout process you have the ability to then estimate shipping costs using these methods that you’ve built as you can see below…

With user defined shipping methods you can setup shipping for your customer in a number of ways and depending on your business and what you are selling online these shipping methods can suite most of your business needs if you are working with the ECWID shopping cart on your WordPress website.

5 Things to Consider About Tax on Your Ecommerce Website

Let’s face it. Tax is boring from doing your taxes to talking about taxes unless its going to save you money. Today I wanted to switch things up a little bit and talk about tax and more specifically tax on your ecommerce website.  There are 5 things to consider about taxation on your ecommerce website so let’s run through these scenarios in greater detail from charging tax on items above a specific amount to not charging tax at all.

1. Are you going to charge for tax above a specific amount?

In some tax scenarios it may make sense to charge for tax above a specific dollar amount.  Some states have tax conditions for sales above a certain dollar amount and if this is the case chances are you’ll need to find a way to customize your shopping and checkout experience customers.

2. Are you charging tax on specific items or a specific group of items?

Certain ecommerce sites need to charge taxes on specific items that they sell depending on where their business is located and what is being sold. If you have a specific range of products that need to be taxed then you may fall into this category or type of item like clothing, merchandise, food items and more.

3. Are you charging tax at all?

Usually what happens with a lot of ecommerce site owners is the question of charging tax at all. For this I would suggest researching the tax laws around the business you are in for all the information just to be on the safe side.  For instance, you may not need to tax if you sell downloadable items but give it your due diligence when looking into this.  After all I am not a taxation expert… I’m a website expert!

4. Are you charging tax based on a state or province your customers are in?

This is a common a scenario you’ll find in ecommerce if there ever was one.   Most businesses that operate in a specific state or province are subject to the taxes in the area where their business operates. Most beginner ecommerce platforms really don’t offer this level of customization so you may need a developer to address this concern or trade up to a better and more advanced ecommerce system.

5. Does your ecommerce platform take your tax concerns into consideration currently?

Depending on what you are looking for and the specifics of taxation on your ecommerce website you’ve got to ask “Can my ecommerce platform handle this functionality?” A lot of people get into an ecommerce website without ever raising this question before the website is finished and all of a sudden they are surprised that their ecommerce website cannot process transactions in the ways that they need to so this does bear some consideration when selecting an ecommerce platform.

You may face one of these scenarios or a combination of these scenarios when dealing with tax issues on your ecommerce website but remember that you can always contact a tax professional to discuss this more in depth and if you aren’t sure then save yourself the headache of dealing with the tax man when it comes to your ecommerce business.

Creating a PayPal Sandbox for Testing Your Ecommerce Website

With so many people using PayPal in various forms on their ecommerce websites whether your working with PayPal Pro, PayPal Standard or PayPal Express Checkout I wanted to show you how to create a PayPal Sandbox for testing.  The first step in creating a PayPal Sandbox is to go to developer.paypal.com and sign-up for a PayPal Test Sandbox Environment.  When you go to developer.paypal.com you’ll be greeted by the following website…

For the purposes of this article I’ll be talking about Test Accounts and API Credentials that should be able to get you up and running but naturally there is more functionality available then this in a PayPal Sandbox account.

Test Accounts

Test Accounts make up an important part of testing PayPal on your website because they allow you to simulate a business account and a personal account to see how your transactions will function when you are running PayPal on a live website.  Select the “Create a preconfigured account” option similar to the screen shot below.

When you click on this option you will notice that you can set the test account up to allow it to be either a business or personal test account, the balance on the account, the password and email and other elements.

Best Practice:  If you are going to create a business account you should also create a personal account to properly test transactions on your website.  Doing this creates the proper simulation of a buyer and seller relationship in PayPal and testing this will save you from any problems that you may have in launching your ecommerce website.

API Credentials

The other point worth mentioning is the fact that you can test using API Credentials.  You may be asking “Where would I use API Credentials anyways?”  If you are using PayPal Pro (also known as “Website Payments Pro”) or PayPal Express Checkout then you should known that testing these two types of PayPal payment options means that you will be using the PayPal API Credentials to do so.  You may have noticed in one of my previous articles for the Shopp ecommerce plugin that it makes mention of the same API credentials to set up PayPal Pro.  This isn’t a coincidence and its pretty easy to setup as well.

As you can see below API Credentials are made up of three components including an API username, password and signature that allows you to authenticate your credentials with PayPal.

You can run a lot of test scenarios in your PayPal Sandbox so that you can work out the problems before you ever might notice them on your live website.  Feel free to read more about this at developer.paypal.com and get your sandbox setup there today to test the hell out of your ecommerce website.

How to Import Products and Categories into ecwid

Being able to import products into whatever ecommerce platform, plugin or software you are using is a valuable feature because it saves time and gives you greater ability to control and manage your products on the fly and if you’ve got thousands of products.  In using ecwid, you can use imports to perform these functions plus if you add a new category name to your import ecwid actually creates it and doesn’t challenge it saying that it doesn’t exist so make sure that the spelling of categories and products is correct.

Today, I wanted to show you how you can import products and categories into ecwid and provide you a CSV template that you can use for your imports into ecwid.

Step 1: Download this CSV file and add your products, image URLs and details to the file and save it on your computer.

Step 2: Log into ecwid and go to the Catalog >> “Products” section and click on the “Import Products...”

Step 3: From here you will see a pop up with the heading “Import products from…” that has a few options including XCart, LiteCommerce and CSV and for the purposes of today’s article we will use the CSV option.  Select “Comma” as the type of delimiter you want to use and choose the file from step 1.

Step 4: Click the “Import” button at the bottom of this pop up.  Doing this will then import the products and any new categories into ecwid.

Step 5: Lastly, if you want to check the success of the import click on the “See Details” link and this will show you how many products were added, how many images were added, how many images failed to upload and how many existing products were updated.  You should be able to see any new products below in the list view of products you have available in ecwid.

Importing products into ecwid is a very easy way to get the content built for your ecommerce website quickly and manage it gives you the ability to manage your ecwid ecommerce store like a pro!

 

How to Add Custom Fields to Products in ecwid

Perhaps you are looking at ecwid after the last article that I wrote and you are thinking to yourself “it looks like a good option for running my ecommerce site but how can I customize it further?”  Inside of ecwid there are a number of options to customize however I wanted to talk about a feature that I think is really cool and useful and it gives you a lot of options are the ability to add custom fields to your products in a number of ways as you can see in the following screenshot…

In order to add custom fields to products in ecwid is available to anyone using ecwid by going to Catalog >> Products >> Options and click on “New Option” button.  The options that you have to create custom fields include…

  • Drop-Down Lists
  • Radio Buttons
  • Text Fields
  • Text Areas
  • Date Picker
  • Upload Filed

As you can see I selected the “Radio Buttons” option to sell a shirt in ecwid with certain neck sizes and when the neck size is the largest I wanted to add $20 to the price.

With this option for managing your products ecwid becomes a strong competitor when looking at other ecommerce solutions whether its for WordPress or another platform.  This is definitely a useful feature if you are looking to run your ecommerce business using ecwid so check it out today.

How to Setup ecwid E-commerce Widgets for WordPress

The setup part of working with ecwid is different from other ecommerce technologies I’ve used in the past and I cannot decide whether that is a good thing or a bad thing.  When I say different I mean that is isn’t your average WordPress plugin because part of the ecwid application is hosted exclusively on their site with respect to products, categories and customer information.  The setup process involves two parts including…

  1. Installing the ecwid plugin in WordPress
  2. Creating an account with ecwid

Both parts are equally important and you need to consider this if you are seriously looking at this ecommerce solution.

Step 1: Install the ecwid plugin for WordPress on your website and activate the plugin

Step 2: Go to “ecwid shopping cart” in the “Settings” section of your WordPress site

Step 3: Create an account for free with ecwid E-commerce Widgets

Step 4: Copy the Store ID (located in the bottom right hand corner) when you log into the ecwid website shown in the following screenshot

And, then paste it into your ecwid settings in your WordPress site as shown in the following screenshot.

Step 5: Click the “Save Changes” button

Once you’ve got ecwid installed you can do a number of things on ecwid.com including managing your product catalogue, run promotions, keep track of your customers, manage your orders and create a number of ecommerce widgets for your website including product, bag category and category menu widgets.  One of the coolest things that you can do as a user with ecwid is that you can drag and drop products into your shopping bag when your customers shop on the website.  Ecwid e-commerce widgets is a great ecommerce component if you are looking for an ecommerce solution for your wordpress website.

4 Reasons to Choose WP E-Commerce for Your WordPress Website

I’ve been hearing a lot about WP E-commerce plugin for WordPress over the past few months so I wanted to check it out a little bit further and decided to install it and play with it.  Having spent a lot of time working with ecommerce technologies in the past 5 years it’s nice to see when something that is built for ecommerce works the way you’d expect it to.

I’ve written a fair amount about the Shopp ecommerce plugin for WordPress and even worked on a few web development projects that used Shopp and decided it was time to check out what else is on the market.

Here are 4 reasons that I think you should look at the WP E-commerce plugin for your next WordPress ecommerce website including…

1. Price – It’s hard to beat a free plugin, but a free plugin that allows you to create an ecommerce site is great.  Keep in mind that the payment gateway add-ons will cost you to install on your ecommerce website but that is pretty reasonable in my opinion.

2. Pricing Options on the front end – Now this really impressed me because the plugin offers so many functions to help you price items from being able to set low quantities, regular and sale prices, SKUs, Table rate (aka “Matrix” pricing) that you can use for specific quantities of products if you are selling in volume, out of stock options, setting tax or disabling tax on individual products, product tags and more.  I mean there is enough functionality for a lot of online businesses to take advantage of here that makes it a strong competitor for people looking for ecommerce solutions for WordPress.

3. Heavily Customizable Store and Checkout Process – I love the fact that I can create custom fields on the checkout page and make them mandatory, select different types of fields and give them unique names if needed.

4. Enough payment gateways to get you started – You’ve got the ability to integrate with a number of payment gateways when you are working with the WP E-commerce plugin including PayPal (Pro 2.0, Payments Standard 2.0, Express Checkout 2.0), Google Checkout and ChronoPay.

Between the free price of the plugin, the fact that this plugin is heavily customizable and versatile and the fact that you’ve got a lot of options to manage your ecommerce website this plugin is worth a look if you are developing an ecommerce website for your business.

How to Add Descriptions to Category Layouts in Shopp

In WordPress there are a number of plugins that you can use to turn your WordPress website into an ecommerce website.  Shopp, is a WordPress ecommerce plugin that allows you to do just that with WordPress.  Today I wanted to give you a tip about how to customize the category layout to show a description on the category or categories of your choice.  In order to do this you will need the Shopp plugin for WordPress (which is not a free plugin) to continue.  So let’s get started with looking at what we will need to customize the category layout to show category descriptions…

Since you’ve installed the Shopp plugin already the next step towards customizing the category layout is downloading the category.php file to your computer from /wp-content/themes/the theme you are currently using/shopp/category.php

Next you will need an editor like Dreamweaver, TextPad or whatever you use to edit code currently and open the category.phpfile.  When you open this file you’ll need to add the following tag in order to display the description…

<?php shopp(‘category’,'description’); ?>

See what it looks like in the code view here…

 

Finally save and upload the category.php file on your web server so that once you’ve added your description in the description field for the category.

 

Lastly, click the “Update” button you will be able to see the description when navigating on your website in the front-end.

 

I hope that you’ve enjoyed this article about using Shopp on your WordPress website and that it helps you to customize your website a little further so that you can use ecommerce technology on your WordPress website.