Reading list Switch to dark mode

    Quick Order App for Shopify

    Updated 19 October 2023

    Is there anyone who doesn’t want to optimize their Shopify store and make it much easier for the clients to place orders as quickly as possible?
    Don’t worry we got this covered for you with our Quick Order App for Shopify.

    Where it is feasible that your clients can just place an order with a few clicks.
    They can also avoid all the unnecessary browsing through different categories & picking products one by one from your store.

    Using our Quick Order App for your Shopify store provides your customers a quicker way to checkout.

    Features

    • Place your order through the Quick order button and optimize your checkout method
    • Allow customers to add products in bulk using CSV files to the cart and checkout
    • Allow them to add products by simply searching their name available on the store
    • They can check all the order summaries including the basic details of the products
    • Can customize their product listing by editing the quantity, variant of the products etc.
    • Enhance your sales and order repetition possibility from your customers
    • Make the order placing very simple and easy to navigate for your customers

    Check the video tutorial below:

    FPKv3aylE-c

    Installation

    Use the following link to install the Quick Order app: https://apps.shopify.com/webkul-quick-order

    Start your headless eCommerce
    now.
    Find out More

    Workflow

    Once you make the payment for the plan, you will have Quick Order in the apps section of your Shopify store.

    1w

    Clicking on which you will be redirected to the home page of the app.

    w2

    Firstly, you will see the configuration of the app, and at the top right corner where you can see a three-dot where you can create a ticket for query purposes regarding the app.
    Moreover, on the side of the configuration, you get the section of the quick orders which we will discuss ahead in the blog.

    Configuration

    In the configuration, there are two sections Select theme and basic requirements which allow you to manage the quick order app.

    Select Theme

    Here in this section, you can select the theme for which you want to set up a storefront.
    Whereas it is necessary to verify the assets to show the quick order functionality in the store without choosing the theme and verifying the asset the functionality of the app won’t be visible to your customer.

    You can click on the verify asset button so that when you change the theme on your Shopify store it doesn’t affect the app layout in the frontend.

    w3

    Basic Requirements

    This section allows you to configure the basic setting of the quick order app as follows:
    1. Display quick order link: it allows you to enable/disable the quick order link on your store
    2. Enable CSV file option: it allows you to enable/disable the bulk order option available for the customers
    3. Maximum Number of products: you can restrict your customer to add a maximum no of products in a single order.
    4. Display unique identification: choose the unique identification for the product that you want to show on the product list.
    5. Quick order button: manually paste the code to show the quick order button on your store.

    w4
    Basic requirement

    Quick Order

    In this section, Admin would be able to check all the quick orders placed by the customers as shown below:

    w5

    Front End Configuration

    There are two methods to show the Quick order page link on your Shopify store:

    Method 1

    Firstly you need to choose the theme and verify the asset. Generally in most cases after this when you click on “save and publish” the quick order links start to show but in some cases they might not be showing on the storefront.

    In that case, you can manually paste this code on your Shopify store by following these instructions:

    First Step : Log into the Shopify Store Admin

    Second Step: Click on the “online store”>> Click on themes >> then click on “action” >> Click on “Edit code”

    w6

    Third step : Then you would be redirected to code page where you need to paste the below code in the Customer/account.liquid file.

    {% include 'wk_quick_order' %}


    You can also find this code in the Front End configuration as well as shown below:

    CODE-1
    w7

    Note: You can also paste this code in this file wherever you want as per your convenienc so that you can show this Quick order link accordingly.

    Once you have done this you would be able to check Quick order link at the customer end in the My Profile section as shown in the image below:

    quick-order-link-1

    Method 2

    In the second method, You need to follow the below instruction:

    Go to Shopify store Admin Panel> Click on “Online Store”> Click on “Theme”> Click on “Customize” in the current theme section> then click on “Theme Settings” at the bottom of left > Click on “App embeds”in theme settings > Enable “Quick order Button”> Click on “Save”

    Please check the below image for reference:

    Quick-Order-button

    Once you save this setting your customers would be able to check this Quick order page link as a button in their My Account Section as shown below in the pic:

    Front-end-quickorder-button-1-1

    Customer End

    When your customers click on the Quick Order page link they would be redirected to the quick Order page. Where they can add products in bulk through a CSV file or manually by searching product name on your store.

    Bulk Product Upload

    For the bulk upload, they can drag and drop the CSV file or click on the “Upload a file” button as shown below. Customer can also download the sample CSV file where they can check the format of the file as it would be needing product id and quantity.

    Bulk-upload

    Manual Product Upload

    In manual product upload, they can simply search the name of the product and add them to their order list.

    manual-upload

    Customize Order listing

    When the customers upload their products they would get the summary of their product lists where they can check all basic details of the products.
    Like unique identification through which they can cross check their product, images where they can see their products and price of the product.
    They can also edit variants & quantity of the products as well as remove them if they want.
    Note: Admin can change Unique identification from backend as we mentioned in the point 4 of the basics requirement.

    variant-and-quantity

    Once done simply click on submit and the product would be added in their cart & checkout.

    check-out

    How to create a quick order menu button in the main menu?

    To create a quick order menu on the main menu, check the below:

    Follow the path: Shopify> online store > navigation > main menu > add menu >> enter menu name and link.

    Here in the link section you need to enter the quick order page link.

    screenshot_1697620739371

    To get the page link follow the below steps.

    1. Create one page for the quick order from the Shopify store >> online store >> pages >> add pages.
    112
    • 2. Once you successfully create a quick order page then again select the page on the menu creation page.
    1234

    Now the menu has been created ad visible on the front-end as well.

    123456

    Need Help?

    This is all for the Quick Order App.

    In case you need any kind of support, just raise a ticket at https://webkul.uvdesk.com/en/. 
    Also, you can contact [email protected] to get proper assistance.

    Thank You for reading this Blog

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content