Lagom One Step Order Form For WHMCS
(→Settings) |
(→Templates) |
||
Line 141: | Line 141: | ||
===Templates=== | ===Templates=== | ||
{| | {| | ||
− | |style="padding: 10px 0px 30px 15px;"| | + | |style="padding: 10px 0px 30px 15px;"|Lagom WHMCS One Step Order Form has been designed to give flexibility for the clients and allow to configure it to specific business needs. Below we will describe all the customization options available in the current version. |
− | + | ||
+ | # Navigate to the “One Step Order Form” addon in your WHMCS admin area. | ||
+ | # Open the “Templates” tab. | ||
+ | |} | ||
+ | ====Order Form Type==== | ||
+ | {| | ||
+ | |style="padding: 10px 0px 20px 15px;"|This section gives you the ability to choose what type of order process should be used for your products. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''One Step'''<br/> | ||
+ | By choosing "One Step" option you decide to show all of the product configuration options on a single page. At the beginning of the order process, your client will be able to switch between different product packages within a specific product group. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Two Steps'''<br/> | ||
+ | In the case of the "Two Steps" option, the order process is divided into two separate steps, where the first step allows you to choose a product to order. In the second step the configuration options available for the previously selected product are displayed, note that it is not possible to switch between products in this step. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Step 1''' | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Step 2''' | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Step by Step'''<br/> | ||
+ | This option is not yet available, it will be added to the module in the upcoming version 1.1.0 | ||
+ | |} | ||
+ | ====Order Form Layout==== | ||
+ | {| | ||
+ | |style="padding: 10px 0px 20px 15px;"|In this section you can decide about the location of the "Order Summary" element. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Sidebar'''<br/> | ||
+ | This option displays "Order Summary" box on the right side. The summary box is always affixed to the top of the browser screen, so clients will also have a quick access to the complete summary of the current order. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|'''Bottom'''<br/> | ||
+ | When the "Bottom" option is selected, the "Order Summary" box will be displayed at the end of the order process. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 15px 15px;"|Additionally, a quick summary bar with the total amount and the checkout button will be available at the very bottom of the screen. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | ====Package Type==== | ||
+ | {| | ||
+ | |style="padding: 10px 0px 20px 15px;"|This option defines the layout of the product package that will be used, you can choose between two layouts. | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 15px;"|'''Default''' | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 20px 15px;"|'''Horizontal''' | ||
+ | |} | ||
+ | {| | ||
+ | |style="padding: 0px 0px 30px 25px;"|[[File:OS_5.png]] | ||
+ | |} | ||
===Settings=== | ===Settings=== |
Revision as of 11:59, 7 April 2022
Contents |
About One Step Order Page For WHMCS
One Step Order Page For WHMCS ........... |
- Features:
✔ |
✔ |
✔ |
- General Info:
✔ Requires Freshdesk "Pro" Pricing Plan Or Higher |
✔ Custom Templates Support |
✔ Multi-Language Support |
✔ Supports PHP 7.2 Up To PHP 7.4 |
✔ Supports WHMCS Themes "Six" And "Twenty-One" |
✔ Supports WHMCS V8.0 And Later |
✔ Easy Module Upgrade To Open Source Version |
Installation and Configuration
This tutorial will show you how to successfully install and configure [one-step-order-page One Step Order Page For WHMCS.] We will guide you step by step through the whole installation and configuration process. |
Installation
1. Log in to our client area and download the module. |
File:OS 1.png |
2. Extract the `.zip` folder that has been downloaded from the client area. |
File:OS 74.png |
3. Upload the `/php71+/` content to your FTP server. Make sure that during the upload process all the files have been correctly uploaded and no errors occurred. |
File:OS 3.png |
4.When you install "Lagom One Step Order Form" for the first time, you have to rename the *license_RENAME.php* file. The file is located in *modules/addons/OneStepOrder/license_RENAME.php*. Rename it from *license_RENAME.php* to *license.php*. |
File:OS 3.png |
4. In order to configure your license key, you have to edit the previously renamed 'license.php' file. Enter your license key between quotation marks as presented on the following screen. You can find your license key in our client area → 'My Products'. |
File:OS 4.png |
5. Now, set up the 'storage' folder as recursively writable. This folder is available at 'your_whmcs/modules/addons/OneStepOrder/' . |
File:OS 2.png |
6. Finally, set the "htaccess" file rule Open the “htaccess” file, you will find it in the main root directory. |
File:OS 2.png |
7. If you have *fully friendly rewrite* set up, you will have to paste the below rule underneath *RewriteBase /*:
RewriteBase / #one-step-order RewriteRule ^order/(.*)$ order.php?m=OneStepOrder&gid=$1 [L] Otherwise, create the below rule above the WHMCS rules: RewriteBase / #one-step-order RewriteRule ^order/(.*)$ order.php?m=OneStepOrder&gid=$1 [L] |
File:OS 2.png |
Activation
6. Now, you have to activate the module in your WHMCS system. Log in to your WHMCS admin area and proceed to 'System Settings' → 'Addon Modules'. |
File:OS 5.png |
7. In the next step you need to permit access to this module. To do so, click on the 'Configure' button, tick checkboxes to assign desired admin roles. |
File:OS 6.png |
8. You have just successfully installed One Step Order Form For WHMCS! |
Management
One Step Order Form For WHMCS has been designed to give flexibility for the clients and allow to configure it to specific business needs. Below we will describe all the customization options available in the current version. |
Addon Configuration
Templates
Lagom WHMCS One Step Order Form has been designed to give flexibility for the clients and allow to configure it to specific business needs. Below we will describe all the customization options available in the current version.
|
Order Form Type
This section gives you the ability to choose what type of order process should be used for your products. |
File:OS 5.png |
One Step By choosing "One Step" option you decide to show all of the product configuration options on a single page. At the beginning of the order process, your client will be able to switch between different product packages within a specific product group. |
File:OS 5.png |
Two Steps In the case of the "Two Steps" option, the order process is divided into two separate steps, where the first step allows you to choose a product to order. In the second step the configuration options available for the previously selected product are displayed, note that it is not possible to switch between products in this step. |
Step 1 |
File:OS 5.png |
Step 2 |
File:OS 5.png |
Step by Step This option is not yet available, it will be added to the module in the upcoming version 1.1.0 |
Order Form Layout
In this section you can decide about the location of the "Order Summary" element. |
File:OS 5.png |
Sidebar This option displays "Order Summary" box on the right side. The summary box is always affixed to the top of the browser screen, so clients will also have a quick access to the complete summary of the current order. |
File:OS 5.png |
Bottom When the "Bottom" option is selected, the "Order Summary" box will be displayed at the end of the order process. |
File:OS 5.png |
Additionally, a quick summary bar with the total amount and the checkout button will be available at the very bottom of the screen. |
File:OS 5.png |
Package Type
This option defines the layout of the product package that will be used, you can choose between two layouts. |
File:OS 5.png |
Default |
File:OS 5.png |
Horizontal |
File:OS 5.png |
Settings
Lagom WHMCS One Step Order Form has been designed to give flexibility for the clients and allow to configure it to specific business needs. Below we will describe all the customization options available in the current version.
|
Package Slider
Decide whether you would like to use a slider to view the content of a product group that contains more than three packages in the case of the "Sidebar" order layout, and more than four packages in the case of the "Bottom" order layout. |
File:OS 5.png |
Although the "Slider" option is enabled, your clients still have the option to display all of the packages at once, without the need to scroll them horizontally. When "All" option is on, all products in the package are displayed in multiple rows. |
File:OS 5.png |
Simplified Order Summary
When the "Simplified Summary" option is enabled, the "Order Summary" box displays only "Totals" and "Total Due Today" values. It will not display any details about added products, domains or addons. |
File:OS 5.png |
Display Price Suffix
When the "Display Price Suffix" is enabled, the currency suffix is shown next to the price. However, it is important to previously configure the currency and its suffix details in your WHMCS admin area settings, based on their video tutorial |
File:OS 5.png |
Show Domain Spotlights
"Show Domain Spotlights" allows you to display "Spotlight TLDs" which have been previously configured in WHMCS settings. |
File:OS 5.png |
When the "Show Domain Spotlights" option is disabled, no domain TLDs are displayed below the domain search bar. |
File:OS 5.png |
When the "Display Navigation Tabs" option is enabled, the additional navigation tabs are shown below the main header title. The navigation tabs include the product groups, which previously must be configured in WHMCS settings. |
File:OS 5.png |
Payment Gateways
Lagom WHMCS One Step Order Form has been designed to give flexibility for the clients and allow to configure it to specific business needs. Below we will describe all the customization options available in the current version. |
Here you can easily upload new gateway logos and assign them to the order payment gateways with just a few simple clicks.
|
File:OS 5.png |
Client Area
Customization
Languages
Adding a New Language
Learn how to change the language of Lagom WHMCS One Step Order Form module.
/modules/addons/LagomOrderForm/langs=
|
Overrides
The language file english.php is uncoded and can be freely modified. However, it is advised not to change this file itself, it is recommended to use overrides.
~/lang/overrides/english.php.
~/lang/english.php: $_LANG['order_new_product'] = 'You’re almost there! Complete your order'; ~/lang/overrides/english.php: $_LANG['order_new_product'] = 'Complete the order'; |
Tips
1. |
Update Instructions
An essential guidance through the process of updating the module is offered here. Make sure that the Lagom One Step Order Form version, which you are going to install, is compatible with your WHMCS and Lagom WHMCS Client Theme installations!
|
Upgrade Instructions
Keep in mind there is a quick and easy option in our client area that will let you upgrade the license of your module to an open source version at any time - and at a lower price! To take advantage of it, simply use the License Upgrade button located on the product's page and a discounted invoice will be generated automatically. |
Common Problems
1. When you have problems with connection, check whether your SELinux or firewall does not block ports. |