Developed by Omar Jabar
Welcome to the comprehensive documentation for QuickOrder. This guide will help you install, configure, and customize the plugin to create beautiful order forms for your WooCommerce products.
QuickOrder is a powerful WordPress plugin that allows you to create custom order forms for your WooCommerce products. With this plugin, you can:
This documentation will guide you through all aspects of using the plugin, from installation to advanced customization.
Follow these steps to install and activate the QuickOrder plugin:
Before installing, make sure you have:
Replace with a screenshot of the plugin installation process
quick-order
folder to the /wp-content/plugins/
directoryAfter activation, you should see a new menu item called Order Form in your WordPress admin sidebar. This indicates that the plugin has been successfully installed and activated.
To configure the plugin, navigate to Order Form > Settings in your WordPress admin sidebar. The settings page is divided into several tabs for easy navigation.
The plugin now includes improved price and currency handling with the following features:
These settings can be found in the Order Summary section of the settings page, providing granular control over how prices and shipping costs are displayed to customers.
Replace with a screenshot of the form position settings
You can choose where the order form appears on your product pages:
You can customize the title and subtitle that appear above the order form:
The Fields tab allows you to customize the fields that appear in your order form. You can add, edit, or remove fields as needed.
By default, the form includes the following fields:
To add a custom field:
Replace with a screenshot of the custom fields interface
You can change the order of fields by dragging and dropping them in the fields list. Simply click and hold on a field, then drag it to the desired position.
To edit a field, click the Edit button next to the field in the list. To delete a field, click the Delete button.
The Styling tab allows you to customize the appearance of your order form to match your website's design.
You can set the width of the form as a percentage of the container width. The default is 100% (full width).
Customize the following colors to match your brand:
Replace with a screenshot of the color settings
Customize the typography settings:
The plugin includes an option to hide the default WooCommerce Add to Cart button when your custom order form is displayed. This is useful when you want your order form to be the only way for customers to place orders.
To hide the Add to Cart button:
Replace with a screenshot of the hide add to cart setting
When this option is enabled, the plugin:
This creates a clean interface where customers can only use your custom order form to place orders.
To protect your forms from spam submissions, the plugin includes integration with Google reCAPTCHA.
Replace with a screenshot of the reCAPTCHA settings
The plugin provides a shortcode that allows you to place the order form anywhere on your site, not just on product pages.
To display the order form, use the following shortcode:
[wcpof_order_form]
To display the order form for a specific product, use the following shortcode with the product ID:
[wcpof_order_form product_id="123"]
Replace 123
with the actual product ID.
You can use the shortcode in:
While the plugin provides many styling options, you may want to add custom CSS for more advanced customization.
To add custom CSS:
Replace with a screenshot of the custom CSS section
Here are some useful CSS selectors for customizing the form:
/* Main form container */
.wcpof-order-form-container {
/* Your styles here */
}
/* Form title */
.wcpof-form-title {
/* Your styles here */
}
/* Form subtitle */
.wcpof-form-subtitle {
/* Your styles here */
}
/* Form fields */
.wcpof-field {
/* Your styles here */
}
/* Field labels */
.wcpof-label {
/* Your styles here */
}
/* Input fields */
.wcpof-input {
/* Your styles here */
}
/* Submit button */
.wcpof-submit-button {
/* Your styles here */
}
If you encounter issues with the plugin, try these troubleshooting steps:
!important
to your custom CSS rulesYes, the plugin is designed to work with any WordPress theme that supports WooCommerce. The plugin includes options to customize the appearance to match your theme's design.
Yes, you can add, edit, and remove fields from the form using the Fields tab in the plugin settings. You can create various field types including text, email, number, textarea, checkbox, radio, and select.
Yes, all form data submitted by customers is saved with the order and can be viewed in the order details in your WooCommerce admin.
Yes, the plugin is translation-ready. You can use tools like Loco Translate or WPML to translate the plugin strings to your language.
Yes, the plugin works with all WooCommerce product types, including simple, variable, grouped, and external products.
Yes, the plugin includes extensive styling options in the Styling tab. You can customize colors, typography, spacing, and more. You can also add custom CSS for more advanced customization.