1. Documentation /
  2. Instant Checkout for WooCommerce - Store Owner's Guide

Instant Checkout for WooCommerce – Store Owner’s Guide

Installation Guide

↑ Back to top
  • Log in to your WordPress Admin Panel.
  • Navigate to the WordPress Admin Dashboard → Plugins → Add New.
  • Click on the Upload Plugin button on the top left corner of your screen.
  • Next, click the Choose file button in the box that appears below.
  • Select the zip file that you have downloaded and upload it.
  • Click on the Activate Plugin button.

Getting Started

↑ Back to top
  • Navigate to WordPress Admin Dashboard WooCommerce →Settings
  • Now click on Settings.

  • A page will be opened on the right pane where you can see multiple tabs
  • Among that select the Instant Checkout Tab.
  • After that, users have two settings options General and Customization.

General

↑ Back to top
  • To use General Setting click General.

Enable/Disable Instant Checkout

↑ Back to top

Here, the user can enable the Instant Checkout by clicking the enable button beside the Instant checkout section.

Front-End Impact

Before

After

Enable/Disable Auto-open cart

↑ Back to top

Now, the user can enable Auto Open by clicking the enable button beside the Auto Open section.

Front-End Impact

Before

After

Enable/Disable Product Image

↑ Back to top

Here, the user can enable the Product Image by clicking the enable beside under the Product Image section.

Front-End Impact

Before

After

Enable/Disable Quantity Selector

↑ Back to top
  • Here, the user can enable the Quantity Selector by clicking the enable button under the Quantity Selector section.

Front-End Impact

Before

After

Enable/Disable Coupon Field on Cart

↑ Back to top
  • Here, the user can enable the Coupons by clicking the enable button beside the Coupons section.


Front-End Impact

Before

After

Enable/Disable Widget Cart Support

↑ Back to top
  • Here, the user can enable the Widget Cart by clicking the enable button beside the Product Image section.
    Note: In order to add a widget, the user must add the Instant Checkout widget from the Gutenberg block.
  • In order to add widgets, navigate to WordPress Admin Dashboard → Appearance → Widgets.

  • A page will appear where the user can add the desired widget under the desired division.
  • After selecting the desired division, such as Sidebar, click the + button to add the widget.

  • Now select Instant Checkout from the Guttenberg block.
  • Select the Save button.

Front-End Impact

Before

After

Enable/Disable Suggestion Cart

↑ Back to top

  • Here, the user can enable the Suggestion Cart by clicking the enable button beside the Suggestion Cart section.

    Note: In order to use Suggestion Cart user must define the cross-sell for each product.
  • To Add Cross-sells navigate to WordPress Admin Dashboard → Woocommerce → Products → All Products.

  • Select the desired product.
  •  Now under the Product data section select Linked Products.

  • Under the Cross-sells search and select the desired product that the user wants to link with the products.

Front-End Impact

Before

After

Suggested Items Title

↑ Back to top

  • Now, the user can add the desired title for the suggested items in the text box labeled Suggested Items Title.

Front-End Impact

Before

After

  • Here, the user can enable the Delete ICFW Data by clicking the enable button beside Delete ICFW Data.

Customization

↑ Back to top
  • To customize the cart settings and style click Customization under the Instant Checkout section.

Instant Checkout Position

↑ Back to top
  • Click on the dropdown and select the desired position for the cart icon.

Front-End Impact

Before

After


Cart Icon BG Color

↑ Back to top
  • Click on the color slider and select the desired color.

Front-End Impact

Before

After

Cart Icon Color

↑ Back to top
  • Click on the color slider and select the desired color.

Front-End Impact

Before

After

Counter Text Color

↑ Back to top
  • Click on the color slider and select the desired color.


Front-End Impact

Before


After

Cart BG Color

↑ Back to top
  • Click on the color slider and select the desired color.

Front-End Impact

Before

After

Cart Text Color

↑ Back to top
  • Click on the color slider and select the desired color.

Front-End Impact

Before

After

Checkout Button BG Color

↑ Back to top
  • Click on the color slider and select the desired color.

Front-End Impact

Before

After

Checkout Button Text Color

↑ Back to top
  • Click on the color slider and select the desired color.


Front-End Impact

Before

After

WooCommerce

The most customizable eCommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment