Quantcast
Channel: Tutorials Archives | Gravity Wiz
Viewing all articles
Browse latest Browse all 122

Gravity Forms eCommerce Tutorial | The Comprehensive Guide

$
0
0
  1. Gravity Forms eCommerce Tutorial | The Comprehensive Guide
  2. 1. What Is Gravity Forms?
  3. 2. Why Gravity Forms eCommerce?
  4. 3. Where Gravity Forms eCommerce Shines
  5. 4. Where Gravity Forms eCommerce Is Limited
    1. 4.1 Robust inventory management
    2. 4.2 Order management and tracking
    3. 4.3 Order Confirmation and Notifications
    4. 4.4 Robust shipping options
  6. 5. Gravity Forms eCommerce Settings
    1. 5.1 Payment Options
    2. 5.2 Currency
  7. 6. Introduction to Gravity Forms Pricing Fields
    1. 6.1 Product Field
      1. 6.1.1 Gravity Forms Checkbox Products
      2. 6.1.2 Gravity Forms Conditional Pricing
      3. 6.1.3 Gravity Forms Price Range
    2. 6.2 Quantity Field
      1. 6.2.1 Rounding By Increments with Gravity Forms
    3. 6.3 Option Field
    4. 6.4 Shipping Field
      1. 6.4.1 Conditional Shipping By Form Total
      2. 6.4.2 Calculated Shipping
    5. 6.5 Tax Field (via Gravity Forms eCommerce Fields)
    6. 6.6 Discounts Field (via Gravity Forms eCommerce Fields)
    7. 6.7 Coupons Field (via Gravity Forms Coupons Add-on)
      1. 6.7.1 Create Coupons for Gravity Forms Coupons with a Gravity Form
    8. 6.8 Subtotal Field (via Gravity Forms eCommerce Fields)
    9. 6.9 Total Field
  8. 7. Collecting Payments with Gravity Forms
    1. 7.1 Gravity Forms PayPal One-time Fee
    2. 7.2 Gravity Forms Payment Continue
  9. 8. Generating Unique Order Numbers
  10. 9. Purchase Preview before Submission
  11. 10. Confirmation and Notifications
    1. 10.1 Personalized Confirmation Pages
  12. 11. Awesome Gravity Forms eCommerce Extensions
    1. 11.1 Rush Pricing, Bulk Pricing, Early Bird Pricing
      1. 11.1.1 Rush Pricing
      2. 11.1.2 Bulk Pricing
      3. 11.1.3 Early Bird Pricing
      4. 11.1.4 Seasonal and Recurring Pricing
      5. 11.1.5 Time Sensitive Discounts
    2. 11.2. Gravity Forms CRM Addons
    3. 11.3 Gravity Forms Accounting Integration
    4. 11.4 Zapier and Webhooks Gravity Forms Addon
    5. 11.5 Membership Sites with Protected Content using Gravity Forms
    6. 11.6 Event based ticket sales and registration.
      1. 11.6.1 Registering Multiple users at one time for an event
    7. 11.7 Date Based Products and Services
    8. 11.8 Pay Per Word Functionality
  13. 12 Conclusions on Gravity Forms eCommerce

Gravity Forms eCommerce Tutorial | The Comprehensive Guide

Gravity Forms is by far the most powerful forms addon for WordPress. As such, it comes as no surprise that it can serve as a basic eCommerce solution as well. In this comprehensive guide we will go over how you can use Gravity Forms for eCommerce, a variety of standard and third party addons that will allow you to amplify your eCommerce store and a number of additional resources for specific eCommerce related functionality. Let’s get started!

1. What Is Gravity Forms?

Gravity Forms is a paid WordPress addon that provides a powerful forms integration with WordPress and allows for the creation of complex forms combined with the power of a simple drag and drop editor. While there are many other free and paid form addons out there, Gravity Forms is by far the most powerful and thus warrants the cost. The saying, “You get what you pay for” comes to mind.

What you can do with this plugin is simply astounding and continues to blow us away at Gravity Wiz, and that’s saying a lot because we work with Gravity Forms all the time!

Gravity Forms can be purchased at gravityforms.com and is required to implement the functionality highlighted in this article on your website.

2. Why Gravity Forms eCommerce?

So we’ll first say that Gravity Forms is not meant to be a replacement for a full shopping cart solution such as WooCommerce, however, it can certainly provide basic to intermediate level eCommerce functionality if you find that a full shopping cart addon is going to be overkill for your project. It all depends on the specific scope of the project.

3. Where Gravity Forms eCommerce Shines

Some examples of sites that need eCommerce functionality that can benefit from Gravity Forms eCommerce include:

  • Accepting online donations
  • Setting up payment collection forms
  • Event based ticket sales and registration
  • Service industry payments
  • Products or services that require filling out a form before making a payment
  • If you only have a few products that you want to sell on the site, even if those products have different options
  • Pay per word functionality

4. Where Gravity Forms eCommerce Is Limited

  • Robust inventory management
  • Order management and tracking
  • Order Confirmation and Notification
  • Robust shipping options

While a full eCommerce cart solution such as WooCommerce is optimal for robust inventory based solutions, Gravity Wiz has two reliable solutions for inventory management:

4.1 Robust inventory management

Gravity Forms Limit Choices is a paid addon for managing choice-based inventory. This addon provides the ability to limit per choice on your multi-choice field (e.g. Radio Buttons, Checkboxes, Drop Downs, etc). It works with Product and Option fields with these input types as well.

Gravity Forms Better Inventory, a snippet solution that provides an easy method for setting up simple, one-off inventory limits on a per field basis.

4.2 Order management and tracking

When it comes to order creation and tracking a full eCommerce cart solution is probably going to give you a more comprehensive system, however, Gravity Forms supports tracking the payment status of an entry and fire feed based add-ons only when the payment is completed.

4.3 Order Confirmation and Notifications

WooCommerce comes equipped with a pretty robust confirmation and notifications system, however, Gravity Forms also comes equipped with Confirmations and Notifications, both of which can be extended quite nicely with Gravity Wiz addons. Read More

4.4 Robust shipping options

Gravity Forms comes with a simple Shipping field. It’s barebones but gets the job done in most cases. There are additional options available to enhance Gravity Forms’ shipping support as well. Read More

5. Gravity Forms eCommerce Settings

There aren’t a great deal of settings when using Gravity Forms as eCommerce, however, there are some key settings to be aware of. (image)

5.1 Payment Options

Gravity Forms provides addons for Authorize.net, PayPal & Stripe. Regardless of which option you use, you will find the API settings for the payment processor in the Gravity Forms General Settings Area.

Setting up any of the payment processor options is fairly easy and typically just requires an API key pair and setting up a webhook URL in the payment gateway account.

We cover all of this in more detail in the payments section of this article.

5.2 Currency

Currency is a simple dropdown in the General Settings where you can choose your currency preference for your forms. (image)

Here are some simple tutorials that allow you make some common improvements to the default currency setup with Gravity Forms.

6. Introduction to Gravity Forms Pricing Fields

Now that we have the settings covered, let’s move into the Gravity Forms pricing fields. This is where the power of using Gravity Forms as an eCommerce solution really starts to shine!

The graphic above highlights the relationship between the Gravity Forms pricing fields.

6.1 Product Field

The product field allows you to setup your form based products. This field provides support for a variety of product types including:

  • Single Product
  • Drop Down Product
  • Radio Button Product
  • User Defined Price (see GF Price Range)
  • Hidden
  • Calculation
  • Checkbox Products

6.1.1 Gravity Forms Checkbox Products

Looking for Checkbox Products? The following article details a method for setting up Checkbox Products with Gravity Forms.

6.1.2 Gravity Forms Conditional Pricing

Need a way to determine the price of a product conditionally? The Gravity Forms Conditional Pricing addon allows you to create flexible and powerful pricing levels for your Gravity Form Product fields.

6.1.3 Gravity Forms Price Range

The Gravity Forms Price Range addon provides a way to specify minimum and maximum price ranges when using the User Defined Price product type.

price-range-settingPrice Range Setting

View Product Field Docs

6.2 Quantity Field

The Single Product Field type comes with a built-in quantity input. This can be disabled via the “Disable quantity field” field setting which will default the quantity of this product to one. Other product types do not have a built-in quantity input and will default to a quantity of one.

The quantity of any Product field can be linked to a Quantity field which will override the built-in quantity input and/or the default quantity.

View Quantity Field Docs

6.2.1 Rounding By Increments with Gravity Forms

If you would like to require users to order in specific increments, our rounding by increments with Gravity Forms snippet will help. For example, if you sold lumber in bundles of 100, and the user entered 195, this snippet would automatically round the quantity to 200 (the nearest increment of 100).

This snippet also supports setting quantity minimums, maximums and more!

6.3 Option Field

This field allows you to associate various options with a Product field. Options can add an additional price to the product or simply indicate a selection tied to the product such as size or color. You can associate as many option fields to a product as needed.

View Option Field Docs

6.4 Shipping Field

The Shipping field comes with three options: Single Method, if there is a simple flat rate for shipping, or Drop Down and Radio Buttons, to allow customers to choose between various shipping options.

When combined with the Gravity Forms eCommerce Fields addon, the shipping value is not included in the subtotal, discounts or coupons. The shipping charge is always included in Tax fields and the form total.

6.4.1 Conditional Shipping By Form Total

Should you need it, there is also a method for setting up conditional shipping by the form total.

6.4.2 Calculated Shipping

A simple method for using a calculated product field as a shipping field. This provides the ability to use calculations when determining a shipping price. Download the snippet here

View Shipping Field Docs

6.5 Tax Field (via Gravity Forms eCommerce Fields)

The Gravity Forms Tax Field allows you to add a preconfigured tax to your Gravity Form.

The Tax Field supports percentage values only. You can apply the tax to all products, specific products or all products except one(s) selected. You can also add multiple Tax Fields to a form.

Here is a sweet How-to article that highlights how to calculate Tax or VAT with Gravity Forms.

gp-ecommerce-fields-tax-settings

View Tax Field Docs

6.6 Discounts Field (via Gravity Forms eCommerce Fields)

The Gravity Forms Discount field applies a flat or percentage discount to the total or specific products. You can also use Gravity Forms conditional logic to only apply the discount when certain conditions are met.

This How-to article covers everything you need to know on how to apply discounts to your Gravity Form.

gp-ecommerce-fields-discount-settings

View Discount Field Docs

6.7 Coupons Field (via Gravity Forms Coupons Add-on)

Just like it sounds, this addons provides support for applying coupon codes to your form total, a very important feature for any eCommerce store. The coupon field does not apply to specific product fields and it can also be used with conditional logic to show or hide other fields based on the coupon code.

When combined with the Gravity Forms eCommerce Fields addon, Coupons reduce the amount subject to the Tax and coupons will automatically exclude shipping. Coupons will also not influence the value of Subtotal or Discount fields.

6.7.1 Create Coupons for Gravity Forms Coupons with a Gravity Form

By default, you can create a coupon in the WordPress Admin area. However, suppose you were looking for a way to provide a compelling incentive for visitors to sign up for your newsletter? Why not offer them a coupon code for a small discount at your shop?

This article highlights how to create coupons for the Gravity Form Coupons Add-on with Gravity Forms on the front end of your website.

View Coupon Addon Docs

6.8 Subtotal Field (via Gravity Forms eCommerce Fields)

The Subtotal field helps your customers better understand their orders by showing them a subtotal before shipping, coupons and taxes have been applied.

As the customer selects products and options, the subtotal automatically updates.

gp-ecommerce-fields-subtotal-settings

View Subtotal Field Docs

6.9 Total Field

The Total field allows you to display a form total in your form. As the user selects products and options the total will automatically update.

View Total Field Docs

7. Collecting Payments with Gravity Forms

Before we get started, it’s important to note that Gravity Forms Payment Addons are available with the Elite license with the exception of PayPal Payments Standard which is available with the Pro license.

Once you add your API Keys in the Gravity Forms General Settings and add a webhook to the respective payment processor account, you will need to setup a feed in the form itself.

Gravity Forms provides solid documentation on setting up each of these payment addons:

Beyond this, there are a variety of additional Payment Gateways, both free and paid, for third party systems. You can view a comprehensive list of Gravity Forms Payment Gateways on the Gravity Forms Add-Ons Directory Site. View All Payment Gateway Addons

7.1 Gravity Forms PayPal One-time Fee

Also worth noting is the Gravity Forms PayPal One-time Fee addon which extends the PayPal Payments Standard Addon by providing the ability to add a one-time fee to the first payment of a PayPal Standard subscription.

7.2 Gravity Forms Payment Continue

Having an issue with incomplete payments when using PayPal Standard? The Gravity Forms Payment Continue addon allows you to resend a PayPal payment URL to folks who abandon the payment.

8. Generating Unique Order Numbers

A key feature of any eCommerce solution is an order. Gravity Forms collects all data submitted in the form as an entry and each entry will have an entry ID, however, this number is rather simple and generic. Using the Gravity Forms Unique ID addon we can generate much better order numbers. The Unique ID addon provides a new “Unique ID” field type which generates a unique ID for the entry when submitted. It supports several types of unique IDs including alphanumeric, numeric, and sequential.

Gravity Forms Unique ID also opens up other possibilities such as using the generated reference number as a way to validate a purchase and provide access to other Gravity Forms on your website. This article covers how to generate and validate a reference number for Gravity Forms with Gravity Forms Unique ID.

reference-number-emailAdd the Unique ID merge tag to a Gravity Forms Notification

9. Purchase Preview before Submission

It’s always better to get it right the first time. When there is money involved, it’s even more important. With the Gravity Forms Preview Submission addon, you can generate a good review before purchase.

Gravity Forms Preview Submissions is an easy solution to provide an overview of the order and all information that has been collected in the form prior to a customer making the purchase. This can be helpful to both customers and store administrators as errors can be caught before the purchase is made reducing overall administrative time dealing with order related issues.

10. Confirmation and Notifications

Gravity Forms comes equipped and ready to handle payment confirmations as well as email notifications to both the store owner and customer regarding the purchase.

By default, Gravity Forms Confirmations are very useful to either display a simple message to the customer that their order was successful or redirect a customer to another more robust confirmation page.

For more specific information on this, check out the Gravity Forms documentation on configuring confirmations and configuring notifications.

10.1 Personalized Confirmation Pages

If you want to take the confirmation page a bit farther, you can use the Gravity Forms Post Content Merge Tags addon which allows you to add Gravity Forms merge tags directly in your WordPress post content. This allows you to use a single confirmation page for multiple forms, better style and layout your confirmation pages, and generate persistent confirmation pages.

For a comprehensive guide on this, check out this article on how to create personalized confirmation pages.

gp-post-content-merge-tags-featured

11. Awesome Gravity Forms eCommerce Extensions

11.1 Rush Pricing, Bulk Pricing, Early Bird Pricing

If you have been in the eCommerce world for any amount of time, you will know the importance of Rush Pricing, Bulk Pricing and Early Bird Pricing. There are solutions to all three of these necessities with Gravity Forms!

11.1.1 Rush Pricing

Would you like to charge a little extra if the user selects a delivery date that is within a certain time frame of the current date or a specific date in the future? Check out how to setup rush pricing with Gravity Forms.

gf-rush-pricing-conditiona-pricing-settingsConditional Pricing Level Rules for Rush Pricing

11.1.2 Bulk Pricing

Do you need to offer your customers discounted rates when they buy in bulk so that the more they order, the lower the price? Learn how to setup bulk pricing with Gravity Forms.

setup-bulk-pricing-conditional-pricing-settingsConditional Pricing Level Rules for Bulk Pricing

Do you need a way to calculate how much of a product is being ordered and dynamically set the unit price based on the calculated value. Check out this article on how to setup bulk pricing with calculated unit for Gravity Forms. This is useful for dimension-based calculations like square footage and volume.

11.1.3 Early Bird Pricing

Are you looking for a way to discount your Gravity Form products if your form is completed before a certain date or specific amount of time before today’s date? This article covers how to setup early bird pricing with Gravity Forms.

gf-early-bird-conditional-pricingConditional Pricing Level Rules for Early Bird Pricing

11.1.4 Seasonal and Recurring Pricing

Do you want to discount a product that is purchased at a certain time of year or charge late fees for purchases made after a certain date? This article details how to conditionally adjust pricing based on a recurring date.

Seasonal Pricing

11.1.5 Time Sensitive Discounts

Combining Gravity Forms Conditional Logic Dates and Gravity Forms eCommerce Fields opens up the possibility for time-sensitive discounts or time-based pricing in general.

11.2. Gravity Forms CRM Addons

A CRM (Customer relationship management) is an important aspect of any business and especially an eCommerce business. Once you have a new customer, you know they are interested in your products or services. From that point on, you should do everything you can to improve their experience working with you. While Gravity Forms itself can server a very fundamental CRM, there are many much more robust solutions that integrate with Gravity Forms directly!

Check out all of the available CRM integration in the Gravity Forms Directory.

11.3 Gravity Forms Accounting Integration

While not incredibly robust, there are a number of accounting integrations for Gravity Forms as well. You can review the available accounting integrations in the Gravity Forms Directory.

11.4 Zapier and Webhooks Gravity Forms Addon

Both the Zapier and Webhooks addons allow for endless 3rd party integrations with Gravity Forms.

Zapier is an app that allows you to connect online apps with each other and provides thousands of such connections. This addon is worth mentioning specifically here due to its ability to connect Gravity Forms to many other apps. There are over 100 integrations possible right now between Gravity Forms and other services! View available Gravity Forms zaps here.

The Webhooks Gravity Forms addon provides the ability to integrate with many services not covered by Zapier as well as REST API endpoints added by other WordPress plugins.

These two addons combined provide almost limitless options for Gravity Forms!

11.5 Membership Sites with Protected Content using Gravity Forms

Gravity Forms can also be used in conjunction with the Members plugin and the User Registration addon to provide a basic membership site with the ability to restrict content and setup one time payments or even subscription payments for continual access to content.

View this article for a full guide on how to setup a basic WordPress membership site with protected content using Gravity Forms.

11.6 Event based ticket sales and registration.

Gravity Wiz has two solid solutions to collect event based payments such as ticket sales or registration and also provides additional solutions for more specific functionality requirements related to this.

The two solutions are Gravity Forms Limit Choices and Gravity Forms Better Inventory. Both of these powerful addons provide support for setting up inventory solutions for an event. Which one you go with really just comes down to your specific needs. You can review in depth documentation on both by clicking the buttons below!

11.6.1 Registering Multiple users at one time for an event

Do you need the ability to register multiple users then charge them in a single submission? This is possible by combining the power of Gravity Forms Better Inventory with Gravity Forms Nested Forms.

11.7 Date Based Products and Services

Using Gravity Forms Limit Dates, a gravity forms addon that gives you the ability to limit which days are selectable for your Gravity Forms Date Picker fields, you can add support for booking date-based products/services to any form.

11.8 Pay Per Word Functionality

Using Gravity Forms Pay Per Word, you can easily create product fields which calculate a total based on the number of words in a Paragraph or Post Body field of a Gravity Form.

Have you ever needed a way to use a single Gravity Form to handle payment for multiple products across multiple pages? There is a very easy method for this with Gravity Forms. Combining the power of Gravity Forms Merge Tags with WordPress Custom Fields there is a way to dynamically populate the Gravity Form with the appropriate data from any page. Check out this article on Dynamic Products via Post Meta for a breakdown!

12 Conclusions on Gravity Forms eCommerce

In this guide we covered everything you need to know to build a Gravity Forms eCommerce solution. From general overview to technical tips to addon and snippet recommendations, there is quite a lot here! Did we miss anything? If so, we definitely want to hear about it!

Gravity Forms and Gravity Wiz are always expanding though so we’ll make sure to keep this article up to date on new developments as they arise. If you want to stay updated on the latest news about Gravity Forms eCommerce, Gravity Perks and Gravity Wiz in general, then subscribe to our newsletter right now!

Wizardly Updates

Get the latest Gravity Wiz wizardry by owl or email.

Viewing all articles
Browse latest Browse all 122

Trending Articles