Quick order form

Customizing the quick order form header

You can customize the area at the top of the Quick Order Form via the 'Page' settings in Shopify. This area can support all elements that Shopify's custom page editor allows for, including text, images and hyperlinks.

  1. Open Wholesale Gorilla and click Quick Order Form.  Click Open Page Editor

    Screenshot 2023-08-02 at 10.32.00 AM.png

  2. Open the Wholesale Order Form page. 

    How_to_edit_page_1.JPG

  3. In the Content section of the page settings you will see placeholder text.  Select all of the text and blank space in this text box and delete it.
  4. You can now add the desired text, images, or other content to this section.
  5. Save.

How_to_edit_page_-_edited_page_in_editor.JPG
Content added to the page will appear in the header of the Quick Order Form

how_to_edit_page_-_edited_page_front_end.JPG

 

By default the Quick Order Form doesn't include any navigation, and just displays all of your products as one big list. You can add collection based navigation to the Quick Order Form by following these steps.

Open the Quick Order Form page in the Wholesale Gorilla admin, and scroll down to the Navigation section.  Here you can select and arrange the collections that appear on the Order Form navigation menu.

Add Collections

  1. Click Add Collections
  2. Select the collections you want to add to the Order Form menu
  3. Click Add


Add_collections.JPG

 

To add all of the collections on your store to the Order Form navigation you can click Add All Collections.

 

add_all_collections.jpg

 

Change the Order Of Collections

To change the order the collections appear in the Order Form navigation, click and hold on the collection to drag it to the position you'd like it included to.

 

navigation_-_moved_collection.JPG

In the following example, the 'Spring Collection' collection is at the top of the list in the settings, thus it's the first collection that appears on the form's collection list: 

 

changed_collections_both_example_2.JPG

Removing Collections

To remove a collection from the Order Form navigation, click the Delete button next to the collection.  Alternatively to delete all collections in the navigation click Clear all.

 

deleting_collections_from_navigation.JPG


Displaying SKU & inventory information

Display Product SKU

A SKU will only be displayed if you've assigned one to the product listing in the Shopify admin.  Once you have taken this step, you can enable the Display Product SKU setting in the Quick Order Form settings section of our app, and the SKU will then appear alongside the listing on the form.

 

Screenshot 2023-08-02 at 10.41.14 AM.png

 

Inventory Display Settings

Important!  Wholesale Gorilla's inventory settings will only work if Shopify tracks your product inventory.  Wholesale Gorilla gets inventory information for a product from the product's page in your Shopify admin. 

 

Screen_Shot_2022-08-22_at_4.31.15_PM.png

This image shows a product's inventory settings in the Shopify admin.

You will also need to turn on the 'Shopify tracks my inventory' on the Settings page of Wholesale Gorilla.  Learn more about this setting here.

Display Remaining Inventory

To show the remaining available inventory for a product on the Order form:

  1. Open Wholesale Gorilla and navigate to the Quick Order Form page.
  2. Check, Display amount remaining.
  3. Save.

Screenshot 2023-08-02 at 10.41.23 AM.png

 

Enable Backordered and Out-of-stock messages.

  1. Open Wholesale Gorilla and click the Settings tab.
  2. Scroll to the Inventory section and make sure you have checked, Shopify tracks my inventory.
  3. Check, Enable backordered/out-of-stock messages.
  4. Save.

Screen_Shot_2022-08-22_at_4.33.44_PM.png

Backordered messages will now display a tool tip letting your customers know that over-ordering is allowed.  Hovering over the "i" icon will show any additional information.

 

Out of Stock Messages

Out of stock messages will let your customer know that this product is sold out, and prevent more than the remaining inventory from being added to the cart.  This message will appear if you have not allowed overordering on a product listing, and it's stock level reaches zero. 

 

OOS_both_settings.png

 

 

Displaying a shipping date

Ship dates will be displayed next to out-of-stock or backordered items if you've set up a transfer for the product in your Shopify admin. If you have set an incoming inventory amount, the amount that's remaining available for order will be displayed as well. If you have not taken this step, no quantity will be shown. You can learn more about transfers here.

Additional info on our app's other inventory settings can be found here

 

Hiding quick order form buttons

The Quick Order Form links are live by default. You can hide the links to the Quick Order Form by enabling the 'Hide Buttons' option in the 'Quick Order Form' settings area, which will prevent these from appearing on your Online Store.

Notes

  • At this time, the Quick Order Form is a 'one size fits all' form within your site; the collections included upon it will be available to all wholesale customers on your site, and can not be adjusted on a per-customer basis. 
  • Changing the Quick Order Form navigation does not show or hide particular collections from wholesale customers.  To show/hide products from certain customers you can use product exclusions.
Was this article helpful?
0 out of 0 found this helpful