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 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...]

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...]

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...]

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...]

+ Extensions for Shopp Now Have Their Own Menu

We’ve spent the past few days making changes to our Shopp + Extensions. The biggest change is that they have been moved out of the Shopp menu and into their own menu:

Screen-Shot-2013-04-22-at-9.11.59-AM

Summary of Changes to Shopp + Extensions

The Start Here page for Shopp + Extensions provides information on our projects, links to Shopp resources, and pulls in blog posts from both Optimize My Shopp and Shopp 101.

We have removed all the walk-through videos for each plugin since these were rarely viewed.

Email marketing plugins received a link to our tutorial on how to generate a list of existing customers who have opted in to email marketing. This is useful if you are adding an email marketing integration to an existing store.

We’ve also fixed some issues related to grammar. [Read more...]