Этот плагин не тестировался с последними 3 основными выпусками WordPress. Скорее всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress.

Multistep Checkout for Woocommerce

Описание

FREE VERSION DEMO LINK | FREE VERSION DOCUMENTATION LINK

Overview

Multistep checkout for woocommerce can be used to convert your checkout page into multisteps.

Free Features:

  • Editable all the labels and buttons
  • Combine Billing and shipping form in a Single tab.
  • Combine order review and payment form in a single tab.
  • Styling options are available.
  • Convert your checkout page into five steps — Login, Billing, Shipping, Review Order, and Payments

FREE VERSION DEMO LINK | FREE VERSION DOCUMENTATION LINK

Take a look at how to set up Multistep Checkout in Woocommerce

Premium Features:

PREMIUM VERSION LIVE DEMO | PREMIUM VERSION LINK | DOCUMENTATION LINK

Global Settings

  • Option to enable or disable Checkout plugin.
  • Option to select the checkout style type.
  • Option to set the tab alignment in the Centre, Left, or in Right.
  • Option to change the label for Login, Billing, Shipping, Order info,and Payment.
  • New: Option to combine the Billing and Shipping details.

Style 1

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the icon background color.
  • Option to set the icon active background color.
  • Option to set the icon border color.
  • Option to set the icon border active color.
  • Option to set the number color.
  • Option to set the number active color.
  • Option to set the padding.

Style 2

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the border bottom active color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the margin for the tabs.
  • Option to set the padding.

Style 3

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the arrow color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the margin for the tabs.
  • Option to set the padding in left.
  • Option to set the padding in right.

Style 4

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the margin for the tabs.
  • Option to set the padding .
  • Option to set the border radius.
  • Option to set the alignment for text in Centre , Left or in Right.

Style 5

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background active color.
  • Option to set the margin for the tabs.
  • Option to set the padding .
  • Option to set the border bottom color.
  • Option to choose the border bottom style- Solid, Dotted, Dashed, Double, Groove, and Hidden.
  • Option to set the border bottom width.
  • Option to set the border radius.

Style 6

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the icon background color.
  • Option to set the icon active background color.
  • Option to set the number color.
  • Option to set the number active color.
  • Option to set the padding in left.
  • Option to set the padding in right.

Style 7

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the number color.
  • Option to set the number background color.
  • Option to set the padding in left.
  • Option to set the padding in right.

Style 8

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the padding .
  • Option to set the margins.

Style 9

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background color.
  • Option to set the background active color.
  • Option to set the padding.
  • Option to set the margins.

Style 10

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background active color.
  • Option to set the number color.
  • Option to set the number active color.
  • Option to set the number background color.
  • Option to set the number background active color.
  • Option to set the border size.
  • Option to set the border style- Solid, Dotted, Dashed, Double, Groove, and Hidden.
  • Option to set the border color.
  • Option to set the padding.
  • Option to set the margins.

Style 11

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the text active color.
  • Option to set the background active color.
  • Option to set the background hover color.
  • Option to set the background color.
  • Option to set the border size.
  • Option to set the border style- Solid, Dotted, Dashed, Double, Groove, and Hidden.
  • Option to set the border color.
  • Option to set the padding.

Style 12

  • Option to set the text size.
  • Option to select the font weight- Normal, Bold, Bolder and Lighter.
  • Option to set the text color.
  • Option to choose the text transform — Uppercase and Lowercase.
  • Option to set the background color.
  • Option to set the padding.
  • Option to set the margins.

PREMIUM VERSION LIVE DEMO | PREMIUM VERSION LINK | DOCUMENTATION LINK

Premium WordPress Themes

Here is our premium wordpress theme

Our Website

Support Email

NOTE

  • Our plugin support the Multisite Network.

Скриншоты

  • Admin View : Enable the plugin
  • Shows the general settings of the plugin.
  • Displays the Styling Options.
  • Displays the styling options on the active option.
  • This converts the checkout page into five steps- Login, Billing, Shipping, Review Order, Payments.
  • It shows the Billing and Shipping steps combine.
  • It shows the Order and Payment Info steps combine.

Установка

  1. Install WordPress
  2. Go to your WordPress admin panel, and then to Plugins. Click on «Add New» and then upload the zip file of the plugin using the «Upload Plugin» button you can find on top of the screen.

Отзывы

31.10.2016
It works good. however, select2.js in checkout page doesn’t work in checkout page with select input element when user is doing checkout without log in. If you are able to fix this, I would give you 5 stars. Anyway, great job !
Посмотреть все 3 отзыва

Участники и разработчики

«Multistep Checkout for Woocommerce» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «Multistep Checkout for Woocommerce» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.9 — 24/01/2020

  • compatible with latest version of woocommerce

2.8 — 18/11/2019

  • compatible with latest version of wordpress

2.7 — 07/11/2019

  • compatible with latest version of woocommerce

2.6 — 21/08/2019

  • compatible with latest version of woocommerce

2.5 — 14/05/2019

  • compatible with latest version of woocommerce and wordpress

2.4 — 24/04/2019

  • compatible with latest version of woocommerce

2.3 — 28/02/2019

  • compatible with latest version of woocommerce and wordpress

2.2 — 14/12/2018

  • compatible with latest version of woocommerce and wordpress

2.1 — 06/11/2018

  • compatible with latest version of woocommerce

2.0 — 07/08/2018

  • compatible with latest version of woocommerce

1.9 — 27/06/2018

  • Fixed alignment and added back to cart button

1.8 — 13/04/2018

  • compatible with latest version of woocommerce

1.7 — 12/02/2018

  • Spelling error fixed

1.6 — 9/02/2018

  • New features added

1.5 — 27/10/2017

  • compatible with the latest version of woocommerce and added new feature

1.4 — 26/09/2017

  • video tutorial addded

1.3 — 28/07/2017

  • Bug fixes.

1.2 — 23/05/2017

  • Bug fixes.

1.1 — 27/03/2017

  • Bug fixes

1.0

  • Initial release.