A Checklist for Upgrading to Shopp 1.3.x

In this guide you’ll learn how to upgrade your site to Shopp 1.3.x. Lets begin by defining some terms that will be used throughout this article. It is okay if you are not familiar with all of the terms or phrases.

Upgrade Primer for Shopp

Taking a look at them now will make following this tutorial for upgrading Shopp much easier.

  • Backup your WordPress – this is really important as it allows you to restore your data should something go wrong. This is a good practice!
  • WordPress dashboard – this is the WP-admin or the backend of your WordPress site where you log in with your username and password
  • SFTP/FTP client – this software allows you to login to your remote WordPress site so you can view folders and files and make changes as needed
  • Shopp templates – these are the theme and content templates that handle the layout and styling of your store
  • Shopp add-ons – these are your payment gateways and your live shipping rate calculators

Now that we have defined those terms, lets now talk briefly about expectations.

The first version of Shopp (1.0) was released six years ago in December 2008. The Shopp 1.1.x platform was released four years ago in August of 2010. The Shopp 1.2.x platform was released in February of 2012.

During this time WordPress has changed and so has the Shopp ecommerce plugin.

Custom coding and/or Shopp templates that were created several years ago will not work out of the box with the current version of Shopp. These will need to be updated. This also applies for Shopp add-ons. A payment gateway written several years ago will not be compatible with the latest version of Shopp. Here are some other changes to be aware of if you are upgrading from Shopp 1.1.x or older:

  • The Shopp menu has been expanded into Shopp and Catalog respectively
  • Shopp information is now stored in the dbprefix_shopp_ tables (wp_shopp_) with supporting information in native WordPress database tables
  • Your product IDs will change as these are now stored in the dbprefix_posts (wp_posts) table
  • Shopp pages are now virtual and no longer use the four WordPress pages with shortcodes
  • Taxonomies such as product categories are handled differently. A link like this example.com/shop/category/my-parent-category/my-child-category will become example.com/shop/my-child-category/
  • Shopp add-ons are stored in /wp-content/shopp-addons

Have the changes above made you nervous about upgrading? [Read more…]

How to Add a Terms and Conditions Option to your Shopp Checkout Page

In this post, we’ll learn how to add a terms and conditions option to the checkout page for Shopp 1.3.x and up. This will be done by editing the checkout.php content template file and using the shopp checkout clickwrap API call.

Shopp content templates will be needed. These templates files will ensure that your customizations are not lost on a software update and they can be setup through WP-admin –> Shopp setup –> Presentation.

Add a Terms and Conditions Checkbox to the Checkout page for Shopp

Login to your WordPress root with your preferred SFTP or FTP client. If you are using a Mac, then recommend Transmit. If you are on another system, then try Cyberduck or FileZilla.

Next, browse to your Shopp content templates folder in this location:

/wp-content/themes/yourthemefolder/shopp

Now locate the checkout.php file and open it for editing.

At around line 2, you will see the following:

<form action="<?php shopp( 'checkout.url' ); ?>" method="post" class="shopp validate" id="checkout">

Add the validation-alerts class to the form. The resulting code will be:

<form action="<?php shopp( 'checkout.url' ); ?>" method="post" class="shopp validate validation-alerts" id="checkout">

This step will enable pop up validation alerts for required fields on the checkout page. [Read more…]

Managed WordPress Hosting

How to Add Pop Up Validation Alerts to your Shopp Checkout Page

Today we will show you how to set up pop up validations alerts for your checkout page in Shopp. By default Shopp uses validation alerts on the individual form fields. Here is an example:

shopp-validation-alerts

The form fields “First,” “Last,” and “Email” have all changed to a red color (order was submitted) because those are required fields and no information has been entered and therefore is invalid.

Here is what pop up validation looks like:

shopp-pop-up-validation-alerts

It provides a notice on the first field of the form that is empty or has an invalid value. If we were to enter a first name and a last name and try to submit the order, then the next pop up validation would be for the email address. [Read more…]

How to Add the Customer Phone Number and Email to Order Receipt

In this article, we’ll show you how to add the customer phone number and email to the email receipt that is sent out after a purchase. This will be done using the receipt.php content template from Shopp 1.3.x and the API calls for shopp purchase email and shopp purchase phone.

Shopp content templates will need to be running. You can check if the are active by logging into your WordPress dashboard and going to Shopp –> Setup –> Presentation. Once on that page, you should see a checkmark next to Enable theme content templates. If you do not see a checkmark, then please follow the instructions on the page to setup your Shopp content templates.

These templates will ensure that your customizations are not lost on a software update.

Customize the Receipt.php content template

Login to your WordPress root with your favorite SFTP/FTP client. We use Transmit which is available for Mac. Some free options are Cyberduck and FileZilla.

Now browse to the location of your Shopp templates folder. They are located in a subfolder within your theme’s folder:

/wp-content/themes/yourthemefolder/shopp

Now locate the receipt.php file and open it for editing. Now browse the code of the receipt.php file so you can familiarize yourself with it. The file is organized like so: basic information such as order number and date appears at top, the billing and shipping address appears next, and the order information appears last. [Read more…]

Managed WordPress Hosting

Do Not Force your Customers to Create an Account to Make a Purchase

Research has shown that customers usually do not want to register to make a purchase from a store. How many customers are you losing because of this?

The default option for accounts-enabled in Shopp is to present registration fields to create an account during checkout. Note that accounts in a store are not “bad.” For existing customers, using an existing account can definitely speed up checkout. However, some customers do not want to register and its a good practice to offer this option.

In this tutorial we’ll learn how to add an API call (Shopp checkout guest) to allow your customers to make a choice.

Here is a screenshot of a part of a default Shopp checkout page:

Screen-Shot-2013-06-14-at-2.14.18-PM

[Read more…]

Answer Popular Customer Concerns at the Beginning of Checkout

A frequently asked questions page is a great resource for your customers. A FAQ page works in your favor as it allows your customers (existing and new) to quickly find answers to most of their concerns without having to contact you.

An unsure customer is likely to click away from your store and go to a competitor’s website.

Here is another way to explain this idea:

Example 1) Customer arrives at your storefront page –> Takes a look at a product –> Has a question about shipping –> Goes to FAQ page and immediately finds their answer.

The customer may then decide to click away (if your shipping options aren’t acceptable) or they’ll go ahead and complete their order.

Example 2) Customer arrives at your storefront page –> Takes a look at a product –> Has a question about shipping –> Can’t find a FAQ page.

At this point, the customer may be unsure about the purchase and click away / shop elsewhere or they’ll contact you through your contact page or email. If you are able to respond quickly to the email, then you may be able to answer questions and the customer may complete the order. However, its also possible that by the time you have written a reply, the customer is no longer interested or may have purchased from a competitor.

[Read more…]

Managed WordPress Hosting

Introducing the Advanced Promotions Course for Shopp

This week we launched a new course for members of Shopp 101.

Its called Advanced Promotions and it covers creating multi-condition promotions using the Shopp Promotion Editor.

Here is a preview of the topics covered in this course:

  • Setup a promotion that applies percentage off for a certain category
  • Create a promotion that applies free shipping to a specific country
  • Learn how to use the scheduling feature of the Shopp Promotion Editor

Login to your Shopp 101 account to check it out.

Not a member of Shopp 101? Join today and access more than 40 video tutorials covering various topics on Shopp.

Increase your Default Shopp Image Sizes

This post kicks off our pivot to focus on performance, security, and conversions as related to WordPress e-commerce. We’ve selected these topics as they can increase sales in your online store.

Today we’ll be talking about images sizes in Shopp and why you should increase them.

Introduction to Shopp Images

On a new installation of Shopp 1.2.x, the default images sizes are as follows:

  • gallery-previews: 240px x 240px
  • gallery-thumbnails: 64px x 64px
  • thumbnails: 96px x 96px

Gallery-previews are used on Shopp product pages. Gallery-thumbnails are also used on the Shopp product pages and will appear under the primary image (if multiple images are in use). Thumbnails are used on the Shopp storefront page, Shopp collection (category) pages, and Shopp tag pages.

Here are some examples of what the URLs might look like for these pages:

[Read more…]