Zeeshan Elahi

<p>This simple plugin will add a WhatsApp chat button in WooCommerce single product page next to <code>Add to Cart</code> button. Button will be visible only when product will be available in stock.</p>
<h3>Configurable settings</h3>
<ul>
<li>Button text</li>
<li>WhatsApp contact number</li>
<li>Message body</li>
<li>Button style and color</li>
</ul>
<h3>How to configure</h3>
<p>To configure these settings you will have to go to <code>WooCommerce -> Settings -> General (Tab) -> WhatsApp Chat Button (Section)</code> after activating the button.</p>
<h4>Following settings fields will be available</h4>
<ul>
<li>WhatsApp Contact Number – Use this to enter WhatsApp number with which you want user to chat. e.g. <code>001 123 123 1234</code></li>
<li>Button Text – Text that you want to display to user on product page. Default will be <code>Chat with us</code>.</li>
<li>Message – Greeting message to start chat. This message will be sent to given WhatsApp number. Default will be <code>Hello, I want to know more about {product_name}({product_sku}) - {product_url}. Thank you</code>.</li>
<li>CSS Class – Class that you want to use to style the button. You should add class definition somewhere in your current theme. Given value will be used with default <code>Button</code> and <code>btn</code> classes. e.g. <code>Button btn your-given-class-for-button</code>.</li>
</ul>
<p>Please recommend and rate plugin if you like it.</p>
<p>Thank you</p>


Chat Button For WooCommerce

This simple plugin will add a WhatsApp chat button in WooCommerce single product page next to Add to Cart button. Button will be visible only when pro …

Jason Robie

<p>Mad Cow Customizer is a plugin that catalogs all the hooks in WooCommerce and offers a WYSIWYG so you can easily manage the content in your online store.</p>
<h3>What about the new block layouts?</h3>
<p>This is actually causing some hiccups in the placement of these hooks, so testing is a great idea. I used this website extensively for reference: <a href="https://www.businessbloomer.com/category/woocommerce-tips/visual-hook-series/" rel="nofollow ugc">Business Bloomer</a></p>
<h3>What are hooks?</h3>
<p>Hooks are a way for one piece of code to interact with or modify another piece of code at specific, pre-defined points.<br />
WooCommerce hooks work the same way, but they specifically help you customize your WooCommerce store.</p>
<h3>How does this plugin make my life easier?</h3>
<p>It’s a 1:1 relationship, which means one hook interacts with one set of code.<br />
Hooks offer more flexibility, but at some point, you have more hooks than you know what to do with!<br />
<strong>That’s why we created the Mad Cow Customizer to herd all your hooks together.</strong><br />
Now you can make one change and you’ll see it populated in many places across your entire online store.</p>
<h3>★ Key Highlights ★</h3>
<p>Anywhere there’s a hook, you can update the content! That means you can easily manage content across your WooCommerce shop.</p>
<p><strong>PLUS:</strong></p>
<p>With the WYSIWYG, you don’t have to write PHP. It’s great for shop owners and non-developers alike!</p>
<p>A stylesheet is included for the basic layout of the plugin, but it will not impact the styling on the front-facing side of your site.</p>
<p>Mad Cow provides regular updates when a new WooCommerce hook is added.</p>
<h3>Here is a quick overview.</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/3hJPQnPrm5k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>How it works:</h3>
<p>-Pick the tab that (should) get you to the customization options you are interested in.<br />
-In many cases, you can use the image to find the location of the hook in which you would like to enter some text.<br />
-Others are simply yes/no options.<br />
-Enter your text or HTML in the text editor section.<br />
-Click the “Save Changes” button at the bottom.<br />
-Check your work on the public facing side of the site.</p>
<h3>What about styles & class?</h3>
<p>-A stylesheet is included for the basic layout of the plugin, but will not impact the styling on the front-facing side of your site.<br />
-All areas of customization have been given their own class so you can update the CSS however you need to. Simply use your browser’s inspector to locate the classes for the specific div or container where your custom text/content has been added and add your own styling to the stylesheet in your child theme.<br />
-The “after cart” and “before product tabs” divs are both set to clear:all; for basic layout reasons. Those, and all others, can be overridden in your own theme’s stylesheet.</p>
<h3>What’s included:</h3>
<p>-“Shop/Archive”<br />
-“Single Product”<br />
-“Cart”<br />
-“Checkout”<br />
-“Email”<br />
-“General WooCommerce Options”<br />
-“Custom Product Tabs”<br />
-And even a couple general WordPress features!</p>
<h3>Section details:</h3>
<ul>
<li>
<p>The Shop, Single Product, Cart, and Checkout tabs provide some of the most common hooks provided by WooCommerce. In general, you are adding your content to these sections of WooCommerce and it will display where specified by the hook. Screenshots are provided for reference.</p>
</li>
<li>
<p>The Email options section allows you to add a custom message to the header area and footer area of the Processing Order email. That’s the email that gets sent to your customers when the order is first placed.</p>
</li>
</ul>
<p>You can add your content (text/html — more on that later) and style it right from the plugin. You can also specify if you want each respective message to display based on the products OR product categories in the cart. So, only show the message if product “1234” is in the cart or if product category “324” is present.</p>
<ul>
<li>
<p>The Custom Tabs section allows you to add three additional tabs to the product pages. Within this section you can add a tab title, tab content, custom tab styes and a tab priority. The priority indicates which order (left to right) the tab will show up.</p>
</li>
<li>
<p>The General WooCommerce section has a load of various functions including:</p>
</li>
<li>
<p>Remove Breadcrumbs from Single Product Page</p>
<ul>
<li>The breadcrumbs show up at the top of the product page.</li>
</ul>
</li>
<li>Remove Short Description
<ul>
<li>This eliminates the short description from showing below the product title.</li>
</ul>
</li>
<li>Display the long description on single product page where the short description was.
<ul>
<li>If you remove the short description, you can display the long description in this section instead.</li>
</ul>
</li>
<li>Hide any or all of the native WooCommerce tabs:
<ul>
<li>Description Tab</li>
<li>Reviews Tab</li>
<li>Additional Information Tab</li>
</ul>
</li>
<li>Automatically mark virtual orders as “Complete”
<ul>
<li>For orders that ONLY contain virtual products (non-shippable) this automatically marks them as complete since there is no need to confirm the order has shipped (in some cases).</li>
</ul>
</li>
<li>Replace Related Products and UpSells text
<ul>
<li>This allows you to specify your own text where the related products are displayed (single product page and cart page.</li>
</ul>
</li>
<li>Remove specific categories from showing in the Related Products area
<ul>
<li>This allows you to remove some categories from showing in the Related Products area.</li>
</ul>
</li>
<li>Replace Cross Sells text
<ul>
<li>This allows you to specify your own text where the Cross Sell products are displayed (checkout page.</li>
</ul>
</li>
<li>Replace Add To Cart text on all products
<ul>
<li>Change the “Add to Cart” text on all products.</li>
</ul>
</li>
<li>Replace Add To Cart text on specific products
<ul>
<li>Specify on which products you want to change the “Add to Cart” text.</li>
</ul>
</li>
<li>
<p>Replace Add To Cart text on products with specific categories</p>
<ul>
<li>Specify on which product categories you want to change the “Add to Cart” text.</li>
</ul>
</li>
<li>
<p>The General WordPress section allows you to adjust some standard WordPress options.</p>
</li>
</ul>
<p>This section allows you to change the ellipsis text from the standard “[…]” to anything you want. You can also make this ellipsis a link which is not the default for the Standard WordPress themes.</p>
<p>You can also adjust the length of the excerpt by simply adding the number of words you want to display on the blog page or any other archive page.</p>
<p>Here is a video with a detailed explanation of all the functionality.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JmB8DcdLTCU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><a href="https://madcowweb.com/contact-us/" rel="nofollow ugc">Contact Us</a></p>


Mad Cow Customizer for WooCommerce

A simple interface for customizing your WooCommerce shop, product, cart, and checkout pages as well as emails and some general WordPress areas.

Chat Button For WooCommerce vs Mad Cow Customizer for WooCommerce