{"id":147556,"date":"2021-02-26T13:50:17","date_gmt":"2021-02-26T18:50:17","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=147556"},"modified":"2025-08-29T04:53:00","modified_gmt":"2025-08-29T08:53:00","slug":"how-to-integrate-optinmonster-with-woocommerce","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-integrate-optinmonster-with-woocommerce\/","title":{"rendered":"How to Integrate OptinMonster with WooCommerce"},"content":{"rendered":"\n<p>OptinMonster can work with any website and makes it easy to use with WooCommerce.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to integrate OptinMonster with WooCommerce.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column alert alert-info is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><em>Before you start<\/em><\/strong>, this feature requires a <a href=\"https:\/\/optinmonster.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"Pro and higher subscription\">Growth subscription<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong><em>Before you start<\/em><\/strong>, this guide assumes you already have the <a href=\"http:\/\/wordpress.org\/plugins\/woocommerce\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">WooCommerce<\/a> and <a href=\"http:\/\/wordpress.org\/plugins\/optinmonster\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">OptinMonster<\/a> plugins installed on your WordPress website.<\/p>\n\n\n\n<div class=\"alert-box alert-yellow\">\n<p class=\"alert-box-title\">Important:<\/p>\n\n\n\n<p>To access and configure the WooCommerce targeting options in OptinMonster, you need to have either a&nbsp;<strong>Shop Manager<\/strong>&nbsp;or&nbsp;<strong>Administrator<\/strong>&nbsp;role in WooCommerce.<\/p>\n\n\n\n<p class=\"is-style-arrow-link has-link-color\"><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Integrate with WooCommerce<\/h2>\n\n\n\n<p>OptinMonster makes it easy to integrate with WooCommerce for more advanced eCommerce targeting options.<\/p>\n\n\n\n<p>To integrate with your WooCommerce site, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the WordPress admin navigate to the <strong>OptinMonster &gt;<\/strong>&nbsp;<strong>Settings<\/strong>&nbsp;screen.<br><img decoding=\"async\" width=\"620\" height=\"357\" class=\"alignnone size-full wp-image-156829\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/om-settings-screen-plugin-.jpg\" alt=\"OptinMonster plugin Settings page.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/om-settings-screen-plugin-.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/om-settings-screen-plugin--300x173.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Next, select the&nbsp;<strong>Auto-Generate Keys + Connect WooCommerce<\/strong> button.<br><img decoding=\"async\" width=\"620\" height=\"357\" class=\"alignnone size-full wp-image-156830\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button.jpg\" alt=\"Connect WooCommerce to the OptinMonster plugin. \" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button-300x173.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>WooCommerce will automatically generate Keys and connect with OptinMonster. You should see a success message like this:<br><img decoding=\"async\" width=\"620\" height=\"394\" class=\"alignnone size-full wp-image-156831\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice.jpg\" alt=\"WooCommerce successfully connected to OptinMonster notice. \" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice-300x191.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Targeting Options<\/h2>\n\n\n\n<p>Once you&#8217;ve connected WooCommerce with OptinMonster, you&#8217;ll have additional options available through the OptinMonster plugin and in the campaign builder&#8217;s Display Rules.<\/p>\n\n\n\n<p>You can use these additional options to hide or show campaigns based on WooCommerce-specific conditions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin Output Settings<\/h3>\n\n\n\n<p>The following options are available through the <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-the-wordpress-output-settings-to-control-where-your-campaigns-appear\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Output Settings<\/a> in the OptinMonster plugin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show on all WooCommerce Products<\/strong><\/li>\n\n\n\n<li><strong>Show on WooCommerce Pages<\/strong>\n<ul class=\"wp-block-list\">\n<li>Single Product<\/li>\n\n\n\n<li>Cart<\/li>\n\n\n\n<li>Checkout Page<\/li>\n\n\n\n<li>Customer Account Page<\/li>\n\n\n\n<li>Show on all WooCommerce Endpoints<\/li>\n\n\n\n<li>Order Pay Endpoint<\/li>\n\n\n\n<li>Order Received Endpoint<\/li>\n\n\n\n<li>View Order Endpoint<\/li>\n\n\n\n<li>Edit Account Endpoint<\/li>\n\n\n\n<li>Edit Address Endpoint<\/li>\n\n\n\n<li>Lost Password Endpoint<\/li>\n\n\n\n<li>Logout Endpoint<\/li>\n\n\n\n<li>Add Payment Method Endpoint<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Show on WooCommerce Product Categories (dropdown option)<\/strong><\/li>\n\n\n\n<li><strong>Show on WooCommerce Product Tags (checkbox option)<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Campaign Builder Display Rules<\/h3>\n\n\n\n<p>The following Display Rules are available through the campaign builder:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WooCommerce Product Targeting<br><\/strong>Show if your visitor is viewing a specific product<\/li>\n\n\n\n<li><strong>WooCommerce Product Category Targeting<\/strong><br>Show if your visitor is viewing a specific product category<\/li>\n\n\n\n<li><strong>WooCommerce Product Tag Targeting<\/strong><br>Show if your visitor is viewing a specific product tag archive<\/li>\n\n\n\n<li><strong># of Items in WooCommerce<\/strong> <strong>Cart<\/strong><br>Show if your visitor has a specific number of items in their cart<\/li>\n\n\n\n<li><strong>WooCommerce Cart Total<\/strong><br>Show based on the total cost of the items in your visitor&#8217;s cart<\/li>\n\n\n\n<li><strong>WooCommerce Cart Subtotal<\/strong><br>Show based on the subtotal cost of the items in your visitor&#8217;s cart<\/li>\n\n\n\n<li><strong>WooCommerce Cart Contains<\/strong><br>Show if your visitor has specific products in their cart<\/li>\n\n\n\n<li><strong>WooCommerce Cart Does Not Contain<\/strong><br>Show if your visitor does not have specific products in their cart<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">How can I manually connect WooCommerce with OptinMonster?<\/h5>\n\n\n\n<p>You can manually generate your own Keys in WooCommerce following these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the WordPress admin navigate to the&nbsp;<strong>WooCommerce &gt; Settings &gt; Advanced &gt; Rest API<\/strong> screen.<\/li>\n\n\n\n<li>Select the <b>Add key<\/b> button.<br><img decoding=\"async\" width=\"620\" height=\"379\" class=\"alignnone size-full wp-image-148690\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/woocommerce-add-key-button.jpg\" alt=\"WooCommerce Add Key\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/woocommerce-add-key-button.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/woocommerce-add-key-button-300x183.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Give the Key an identifiable description, we recommend &#8220;OptinMonster&#8221;, then select the <strong>Generate Key<\/strong> button.<br><img decoding=\"async\" width=\"700\" height=\"341\" class=\"alignnone size-full wp-image-148689\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/generate-api-key.jpg\" alt=\"Generate API Key in WooCommerce\" style=\"width: 700px;\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/generate-api-key.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/generate-api-key-300x146.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/> You&#8217;ll be provided a&nbsp;<strong>Consumer key<\/strong> and&nbsp;<strong>Consumer secret<\/strong> to add to OptinMonster.<\/li>\n\n\n\n<li>Next, navigate to the <strong>OptinMonster &gt; Settings<\/strong> screen in a new tab and select the <strong>click here<\/strong> text link below the Auto-Generate Keys[&#8230;] button.<br><img decoding=\"async\" width=\"620\" height=\"357\" class=\"alignnone size-full wp-image-156830\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button.jpg\" alt=\"Connect WooCommerce to the OptinMonster plugin. \" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-autogenerate-connect-button-300x173.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Enter the <strong>Consumer Key <\/strong>and&nbsp;<strong>Consumer Secret<\/strong> you were provided in step 3 and select the&nbsp;<strong>Connect WooCommerce<\/strong> button.<br><img decoding=\"async\" width=\"620\" height=\"383\" class=\"alignnone size-full wp-image-156832\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/manually-connect-woocommerce-optinmonster.jpg\" alt=\"Manually connect OptinMonster to WooCommerce.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/manually-connect-woocommerce-optinmonster.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/manually-connect-woocommerce-optinmonster-300x185.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Once connected you should see a success message like this:<br><img decoding=\"async\" width=\"620\" height=\"394\" class=\"alignnone size-full wp-image-156831\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice.jpg\" alt=\"WooCommerce successfully connected to OptinMonster notice. \" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/02\/woocommerce-connected-notice-300x191.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>What is the difference between the &#8220;WooCommerce Cart Total&#8221; and &#8220;WooCommerce Cart Subtotal&#8221; display rules?<\/strong><\/h5>\n\n\n\n<p>That is a great question! Understanding the difference between these two rules is key to targeting your campaigns effectively based on the customer&#8217;s cart value.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The\u00a0<strong>WooCommerce Cart Subtotal<\/strong>\u00a0rule targets the total price of all the products currently in the shopping cart. This value\u00a0includes<em>\u00a0<\/em>any taxes applied to the products themselves but\u00a0excludes\u00a0shipping costs, additional fees, or discounts.<\/li>\n\n\n\n<li>The\u00a0<strong>WooCommerce Cart Total<\/strong>\u00a0rule targets the final amount the customer will pay. This value includes the product prices (with tax), plus any shipping costs and additional fees, and then subtracts any discounts applied to the cart.<\/li>\n<\/ul>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster can work with any website and makes it easy to use with WooCommerce. In this article, you&#8217;ll learn how to integrate OptinMonster with WooCommerce. Before you start, this guide assumes you already have the WooCommerce and OptinMonster plugins installed on your WordPress website. Integrate with WooCommerce OptinMonster makes it easy to integrate with WooCommerce&nbsp;&hellip;<\/p>\n","protected":false},"author":15497,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[210],"documentation\/tags":[31431,31411,31426,31429,31461,31419,31420],"class_list":["post-147556","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-platforms"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/147556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/15497"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=147556"}],"version-history":[{"count":16,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/147556\/revisions"}],"predecessor-version":[{"id":205737,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/147556\/revisions\/205737"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=147556"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=147556"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=147556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}