===  Direct Checkout Widgets - Elementor and woocommerce ===
Contributors: coolcoders,blueplugins
Tags: checkout,single page checkout,direct checkout,woocommerce ajax,one page checkout
Requires at least: 4.5
Tested up to: 5.8
Requires PHP: 5.6
Stable tag: 1.8.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Direct Checkout Widgets - Elementor and woocommerce let's you design your checkout visually .Skip cart and enjoy one page shopping with your custom design.


== Description ==

Direct Checkout Widgets - Elementor and woocommerce let you design your checkout process with elementer drag and drop widgets. It comes with five checkout widgets and an intuitive interface with Elementor widgets.They let you design your checkout page completly .Just drap and drop your checkout widgets and change its feel and look with numerous design options. Get numerous customization options that extends woocommerce checkout design.  

Grow your business with an impactive yet simple and faster checkout.

### Check Demos and Documentation

Find written documentation and a video guide helping you in installation and customization.

[Read Documentation Here](https://blueplugins.com/docs/checkout-widgets-for-elementor-pro/download-n-update/) | [Download sample Templates](https://blueplugins.com/download-elementor-checkout-templates)

### Try Pro Version
[Buy Here](https://blueplugins.com/product/checkout-widgets-elementor-pro/)

### A video guide
https://www.youtube.com/watch?v=KmaV9qHnqLM

### Features Of Direct Checkout Widgets - Elementor and woocommerce

<ul>
    <li>Visually Design checkout page.</li>
	<li>Numerious customization option for each section</li>
 	<li>Skip cart Page for faster processing</li>
 	<li>Works with default WooCommerce behaviour</li>
 	<li>Compatible with any theme</li>
	<li>4 inbuilt widgets</li>
 	<li>No coding skills required</li>
	<li>Collaboration of Checkout + Elementor Widgets</li>
	<li>Mobile Friendly</li>
</ul>

### Features Of Direct Checkout Widgets - Elementor and woocommerce (Pro)

<ul>
    <li>A customizable Order table</li>
	<li>Hide/show Table columns(Such as product image, title ,qty)</li>
 	<li>Qty is changeable at checkout page</li>
 	<li>Ajax based remove button on order table</li>
</ul>


In short, it gives you the freedom to drag and drop sections of checkout page as you want. Customers can also add elementer blocks to design it a better way. Every section can be categorized with different looks. All notices appear at the top of the page.

To sum up, Direct Checkout Widgets - Elementor and woocommerce has  below Widgets:

<h3>Billing Details</h3>
This widget will let you design billing and shipping forms. You can change typography, Text colors, height, and borders. This section will also give the option to change design for the required fields.

<h3>Order Notes</h3>
If you are willing to add this section drop it to your required place. It has also so many options to make it compatible with your theme.

<h3>Order Table</h3>
This widget will let you add order table for reveiwing your added product in checkout. You can change the view of table header and p tags. 

<h3>Payment Method</h3>
Drag and drop your payment section. It will let user select the required payment. Designing section of this widget will let you change the paymnet label, payment info box, Order now button. 

== Frequently asked questions ==

= Order Button is not Working =

 Make sure Checkout page template is set to "Elementor checkout".

= Plugin is unable to deactivate =

 Check if both woocommerce and elementor are active.

= Why i cannot move coupon section ? =

Coupon section is a different form than checkout. Hence ,it is kept as default so not disturb the order processing . That's why there is no widget for coupon section which you can move .


== Installation ==

1)Make sure woocommerce and elementor plugin are active before installing or activating the plugin.
2)After activating the plugin go to your checkout page and click edit .
3)Make sure the checkout page has selected a template "Elementor Checkout".
4) Remove any kind of shortcode or data from checkout page and click "Edit with elementor" button.
5) In the left widget panel . you will notice 4 new widgets under "woocommerce_checkout" category.
6)Drag your widget from left to right to create your own design .Save all changes.
7)All done.View your checkout page.

All done ! you can view your checkout page or start editing with elementer(Add some products to cart before starting editing).




== Screenshots ==
1. Backend General settings
2. Elementer Widgets options
3. Front End 2-column Layout Result
3. Front End 3-column Layout Result

== Changelog == 
<h2> Version 1.8.0| 27 Aug 2021 </h2>
<pre>
 Improvement: Performed version comaptibility 
</pre>

<h2> Version 1.7.0| 21 June 2021 </h2>
<pre>
 Improvement: Performed version comaptibility 
 Improvement: Plugin name changes
 Improvement: Ship to different address closed by default.
</pre>

<h2> Version 1.6.0| 07 June 2021 </h2>
<pre>
 Improvement: Performed version comaptibility 
 Improvement: resolved issues with translations
</pre>
<h2> Version 1.5.0| 20 Mar 2020 </h2>
<pre>
 Improvement: Performed Security check and Updated Cmb2 version 
 Improvement: Updated banners
</pre>
<h2> Version 1.4.0| 15 Dec 2020 </h2>
<pre>
 Improvement: Updated tested with wordpress version 5.6.
 Improvement: Updated tested with woocommerce version 4.8.0. 
</pre>

<h2> Version 1.3.0| 05 Sep 2020 </h2>
<pre>
 Improvement: Coupon section removed.
 Improvement: 2 new widgets added.
 Improvement: Predefined Layouts.
 Improvement: Deactivation hook added.
</pre>

<h2> Version 1.2.0| 02 may 2020 </h2>
<pre>
 Improvement: Coupon section removed.
 Improvement: 2 new widgets added.
 Improvement: Predefined Layouts.
 Improvement: Deactivation hook added.
</pre>

First Release