Prerequisites

Introduction

Some companies prefer to give Quotes and generate Leads rather than asking Customers to pay for Products immediately as they order.

A customer generates a quote by:

  • Adding Products to their Cart
  • Submitting a Quote Only form

A Client will see the following:

  • User Submissions are saved in the CRM.
  • In the CRM the User will have an order with the status: "Quote Only". This will contain all the Products that were in their Cart when they submitted the Form.

You can develop this further with:

  • Custom Fields and Custom Field Sets allow you to add additional fields to the Form.
  • Fully-customisable Layouts would allow you to style the Product Detail Page and Cart differently e.g. hiding Prices, should your project require it.

Tutorial

Step 1: Check you have met all prerequisites (see beginning of Article).

Step 2: Create a Form

In the Payments Tab, toggle on "Use as a payment form" and select "Quote Only" from the dropdown.

Step 3 - Use Toolbox to insert this Form on a Page

First, create your Page or select a Page you've created earlier.

Next, in the Page Builder tab, use Toolbox on the right-hand side to enter the Form. You can find it under eCommerce/Insert Quote Form.

The code should look something like this:

{%- include 'ecommerce/quote', form_id: '17', layout: 'default' -%}

... where the form_id matches your Form's ID.

Step 4 - ...and you're set up. Time to try it out!

Add items to your Cart

Navigate to your Page and Submit the Form

Inspect the Order in Admin

Any Orders produced in this process will have the status: "Quote Provided" in Admin. You can click on any email in the "User Email" column to find the CRM entry for the User who submitted this Order.

Note - Generating a Quote in this way will not remove stock from Products' Inventories. However, Products cannot be added to the Basket if they are out of stock.

Customising Layouts

With customisation, you can make further changes to the Layouts including hiding prices from Product Detail Page and Cart.

For the default Layout, the following Liquid will be taken care of for you, but when building a custom Layout you must make sure it is still included on the line before the submit button:

{%- include 'ecommerce/quote_only' -%}

In the Examples above we started with a Starter Site and copied the code from the default Form Layout into a new Layout, editing the appearance of the Button.

Find out more about creating different types of custom Layout at the following links: