If you run an online business, you may be looking for ways to increase sales, conversion and revenue. You can capture visitors’ email addresses, activate exit intention pop-up menus, or send newsletters, but it’s much more powerful. In this installment, we’ll show you how to add a quick buy button to woocommerce! What is the quick buy button? The \
Most large e-commerce businesses (such as Amazon) have a quick buy button that can be purchased with one click on the product page. Therefore, if the shopper clicks the \
However, providing users who are ready to buy immediately with the option of one click can help improve the conversion rate. In addition, the quick buy button is a good idea for subscribing to or membership websites. When subscribing, users only need to redirect to the settlement page instead of going to the shopping cart page and then to the settlement page. How does woocomerce add a quick buy button? There are three main ways to add a quick buy button to woocommerce. Plug in programming methods (coding) shortcuts all these methods are familiar to 100% beginners, so you can choose the most suitable method.
1) There are many word press plug-ins available to add quick buy buttons to the plug-in site. However, we recommend that quadlayers’ woocommerce direct checkout is one of the best lightweight accessories to simplify the checkout process. Woocommerce direct checkout is an advanced tool that starts with a free version and $20 (one-time payment). The free version has more than 70000 active installations and many excellent features. But if you need more advanced features, the professional version is the best choice.
Install and activate plug-ins 1) install plug-ins on the site. Male 2) then activate. If you use some advanced plans, you can upload the plug-in files ed from the same page. Then click Install now. Activate the plug-in after installation. Now the direct checkout of woocommerce has been enabled. Let’s take a look at the configuration. Activate license woocommerce > Settings > View configuration options to simplify the payment process in direct payment. The next step is to activate the advanced copy of the plug-in with a valid license key.
The license key can be found in the quadlayers account. Simply copy the license key and paste it into the plug-in settings and the email address of the connection. It is important that you receive an automatic update after confirming the key. New version of plug-in
You can update it immediately on the word press dashboard every time. Before adding the buy now button to woocommerce, you must configure and customize payment options. First, check whether the store has some products in order to test customization. We have a test product. As you can see, there is only the Add button on the shopping cart on the product page. 
Products are added to the shopping cart every time a visitor clicks the appropriate button. The customer must go to the shopping cart page and then to the payment page. Therefore, direct checkout allows you to direct shoppers from the product page to the checkout page that skips the shopping cart page. This can improve the conversion rate. Using this plug-in is very easy. In the \
You can go now. After the buyer clicks the buy button, it will automatically redirect to the settlement page. There, customers can add and pay billing information and shipping addresses. The woocommerce direct checkout plug-in can also delete payment fields, invoice receiving address, shipping address, etc. Woocommerce pays the price directly. Woocommerce direct checkout includes free versions of basic functions and three advanced programs. Male individual – $20 one-time payment – $40 one-time payment for single license key agency – $5 one-time payment for license key developer – $80 one-time payment – unlimited license key free version is great and has everything you need to start. However, if more advanced functions are required, it is recommended to use personal or agent programs.
Woocommerce direct payment confirmation view other tools, please check the list of best quick buy plug-ins. Conversely, if you want to further customize the payment page by adding and editing payment fields, you can view the woocommerce checkout manager. 2) If you don’t want to install programming (coding) plug-ins, you can programmatically add a quick buy button to woocommerce. This method requires some technical knowledge and patience. However, this step allows beginners to perform. Demonstrates how to create a \
1 – before creating a payment URL, you must add a link to the load button in the shopping cart. The product_id of the product code to be loaded in the shopping cart must be replaced. https:\/\/yourdomain.com\/cart\/?add -To cart = product_id the user wants to skip the shopping cart page and redirect to the settlement page, so the URL must be modified as follows: https:\/\/yourdomain.com\/checkout\/?add -To cart = product_id2 – create a product link and then modify the URL according to the product type (single, variable, group). A) The URL of a single product is as follows:
https:\/\/yourdomain.com\/checkout\/?add -To cart = product_id product_id must be replaced with product ID. For example, for a single product with id = 10, the link is as follows: https:\/\/yourdomain.com\/checkout\/?add -To cart = 10 androg b) variable product variable product needs to obtain variant ID from product > variant. Use the corresponding transformation ID in the URL: https:\/\/yourdomain.com\/checkout\/?add -According to – to cart = variation_id, if deformation id = 29, the link is as follows
Same. https:\/\/yourdomain.com\/checkout\/?checkout=29
You can also use product ID and variant ID to generate links. https:\/\/yourdomain.com\/checkout\/?checkout=PRODUCT_ID&variation_id=VARIATION_ID However, it is easier to use only the transformation ID, so it is recommended. Note: This applies only to transformations that create all attributes. For other transformations, the definition of the missing attribute must be added to the link. For example, suppose you generate a URL for variation id = 30. The attribute color is defined, but the (green) size is not defined. Therefore, if you want to add size = media, the URL is: 
https:\/\/yourdomain.com\/checkout\/?checkout=30&pa_size=medium (multiple) bundled goods bundled goods should add the bundled goods ID and the goods ID and quantity of sub goods, rather than the agent ID. https:\/\/yourdomain.com\/checkout\/?add -To cart = grouped_product_id & quantity [product_id1] = 1 & quantity [product_id2] = 1. For example, it includes grouped product id = 1900, sub product id = 10 and 15. https:\/\/yourdomain.com\/checkout\/?add -To cart = 1900 & quantity [10] = 1 & quantity [15] = 13 – quantity definition can also define the quantity of products to be included. To do this, you must use the parameter quantity. If the product quantity is not specified, it is 1 by default. Now let’s look at how to include the number of parameters in individual, variable, and grouped products. A) Add the number of parameters after the product_id of a single product. https:\/\/yourdomain.com\/checkout\/?add -If you want to add product id = 10×2 according to – to cart = product_id & quantity = 1, the link is as follows: https:\/\/yourdomain.com\/checkout\/?add -To cart = 10 & quantity = 2b) the logic of variable products is the same as that of variable products. https:\/\/yourdomain.com\/checkout\/?add -to-cart=VARIATION_ID&quantity=1
If conversion id = 29 and quantity = 3, the link is as follows: https:\/\/yourdomain.com\/checkout\/?add -To cart = 29 & quantity = 3C) for the last grouped product, the standard URL is: https:\/\/yourdomain.com\/checkout\/?add -To cart = grouped_product_id & quantity [product_id1] = 1 & quantity [product_id2] = 1. Therefore, for grouped product id = 1900, the link with product ID 10×3 and product ID 15×2 is as follows: https:\/\/yourdomain.com\/checkout\/?add -To cart = 1900 & quantity [10] = 3 & quantity [15] = 2 after the URL is customized, when viewing the page at the front end, you can see the additional URL in the shopping cart that redirects the user directly to the checkout page. It’s powerful, but it doesn’t look cool. Now you need to turn the link into a nice button and add style with a little CSS. After modifying all the URLs defined by the 4 button style, you must now create a purchase button. We will guide the customer to pay directly, so we will call the \
。 Male buy now male next code shows red button with white text and thin blue border My button{
Color: white;
Background color: red;
Border: 1px monochrome blue;
Border radius: 3px;
Box shadow: 0px0px22px0px RGBA (0,0,0,0.75);
}
Just copy and paste code from WordPress dashboard > shapes > Customize > Customize CSS. Then customize the color, border, size, etc. to provide the appearance and feel of the website. If you want to customize your store with a small amount of coding, you’d better check some of the following guidelines. Custom shopping cart add button method edit store page method settlement page steps Custom 3) add shortcut number the last method of buy now button is to use shortcut code. Woocommerce doesn’t have shortcut code for quick buy buttons, but there’s a solution that can perform similar operations. For example, if you want to promote one of the products in a blog post, you can add a quick buy option article without linking to the product. Woocommerce has many shortcut codes that can be used anywhere on the site. The advantage of using shortcut code is that there is no need to modify the core file or other content. Just copy and paste the shortcut code to the location you want to display. There is no shortcut code for the quick buy button added to the shopping cart, so add the Add button to the shopping cart and then change the URL to redirect the user to checkout. First, log in to the WordPress site and navigate to the content editor to display the add to cart button. For example, add a button to one of the product comment posts. The Gutenberg editor is provided with quick code blocks, so add the blocks to the content area. The shortcut codes used for the buttons are as follows: The [add_to_cart] ID must be replaced with the product ID. A unique product ID can be obtained from the woocommerce products section. Because our product ID is 10, the modified shortcut code is as follows: [add_to_cart] in this example, paste the shortcut code into the content area and post or update the post. Therefore, if you view the article at the front end, a concise button will be displayed to add the product with customer id = 10 to the shopping cart. You can also use some attributes to customize shortcut codes. Together with ID, shortcut code supports other attributes, such as class, quantity, SKU, style and price display. For example, you can modify the add to cart button using the following shortcut Code: [ add_to_cart id=”XXXX” class=”alt” quantity=”2” sku=”XXXX” style=”border:4px solid #ccc; padding: 12px;” show_price=”true” add_to_cart id=”XXXX” class=”alt” quantity=”2” sku=”XXXX” style=”border:4px solid #ccc; padding: 12px;” show_price=”true” add_to_cart id=”XXXX” class=”alt” quantity=”2” sku=”XXXX” style=”border:4px solid #ccc; padding: 12px;” Show_price = \
kout\/? Add to cart = 10 \
