What does it do?
Do you need a one-page checkout to simplify checkout process? And make everything easier for customers and let them see all the steps in one glance?
Or not a single page, but some simplification might not be bad? How about categorizing the purchasing steps into different sections? Sections that you can reorder them as you want?
For example, you want 3 section in your one-page checkout (Picture below):
- Section one includes 2 steps: Billing address and Shipping address
- Section two includes Shipping method and Payment method
- The last section includes Payment information and Confirm
Do you want to have the shopping cart as a page, or as a step?
Or maybe you want to show all the purchasing steps in 1 view, without tabs, some thing like the picture below, in a neat and organized way:
If so, the nopcommerce plugin- Dynamic check-out, developed by ResanehLab Team is exactly what you need. By defining sections and assigning purchasing steps into these sections, you can build your favorite checkout page.
- Changes the default checkout process into one, two, three, four, five or six steps (according to how many steps do you need)
- Easily definable section containers (to assign steps to them)
- Capable of reordering the sections
- Manageable Shopping cart: keeping it as a page or change it to an reorderable step
- available option for having an order review in steps
- Available template for single container (One-page checkout) in administration area
- Available template for three containers in administration are
- Easy to customize the checkout design and containers
- Supports almost all major shipping methods
- Supports almost all major payment methods
- Simple management in admin panel area
- supports multi-store
- Compatible with different versions of nopcommerce – from 3.8 to 4.2
How to use
To define the nopcommerce-Dynamic checkout plugin, go to this address in administration area to open page below:
Administration Area > Plugins > Dynamic checkout > section container list
For creating new section container, click on Add new button to see this page:
Name - You can define a name for your section container. This is a system name and customers in public shop do not see it.
Shopping cart state - with this option, you can choose to keep the shopping cart as a page or a step.
Added as one of the checkout steps - If you want the Shopping Cart becomes one of the steps and you can put it in the first or other container, choose this option. (Totally, You will have 6 steps).
Default - If you want to keep the shopping cart as a page (and not as a step) choose this option. (Totally, You will have 5 steps).
Active checkbox – check this checkbox to activate the Section container
Please note that there is no overall activation checkbox in the configuration page. By removing the check mark of all the Active checkboxes ( If you have defined any section container), you can deactivate the effect of this plugin in your shop.
Please note that to use this plugin, only one of Section containers should be active. if two of them are active at the same time, the steps won't be visible in checkout page in public shop.
store mapping - This plugin supports multi store. you can click on this drop down menu and choose the name of the store(s) that you want to activate the plugin in them.
Save the page.
By saving the page, you can access to the contents of Sections tab.
In Section tab, you can define containers. Click on Add new section button to see this page:
Name – define the name of the container. This name will appear in the public shop on the checkout page.
Section Items – choose the steps that you want to show in this container. This is a drop down menu and you can easily choose the pre-defined steps.
Please note that to use this plugin, There shouldn’t be any steps that aren’t assigned to containers (Except Order review which is optional). Otherwise, your customers see the default one-page checkout in public shop.
Priority – you can choose the priority of this container in the checkout page. If the priority order of all the containers are zero, then they appear by the order of creating.
Click on save button.
If you create all the containers that you need with all the purchasing steps, then you are ready to go.
Note: If there are some missing steps, then customers see the default one-page checkout in public shop.
( in case you have three containers, your section container list would look like the picture below)
If you want to remove billing address step, you can go to this address:
Administration area > Configuration > Settings > Order Settings
Then, check Disable "Billing address" step
If you want to remove this step, please note that you should not have a container with this single step in it. In this case, an empty container will be shown to customers.
If the Use one page checkout checkbox is not active in your shop, You should tick this checkbox to use the ResanehLab Dynamic checkout plugin. For activating this feature, please go to:
Administration area > Configuration > settings > order setting