Install Visisto on WooCommerce

Capture contacts across your entire WooCommerce store (product pages, cart, checkout, and post-purchase) with a single script tag.

Your install snippet

Replace YOUR_SITE_ID with your Site Key from the dashboard under Sites → [your site] → Install → Advanced options. Paste both script blocks before the closing </head> tag.

<script>
  window.__VISISTO__ = {
    site: "YOUR_SITE_ID",
    api: "https://api.visisto.com"
  };
</script>
<script
  src="https://cdn.visisto.com/loader.js"
  data-site="YOUR_SITE_ID"
  data-api="https://api.visisto.com"
  defer
></script>

Step-by-step installation

1. 1
   Install the Insert Headers and Footers plugin

   Go to Plugins → Add New, search for "Insert Headers and Footers", install and activate it.

2. 2
   Go to Settings → Insert Headers and Footers

   Open the plugin settings from the WordPress sidebar.

3. 3
   Paste the Visisto snippet into the Header field

   Copy the install snippet above and paste it into the "Scripts in Header" area.

4. 4
   Save and clear your cache

   Click Save, then clear any page caches (WP Rocket, W3 Total Cache, or your host's cache).

5. 5
   Set up a post-purchase campaign

   In Visisto, create a campaign targeting the WooCommerce thank-you page URL (/checkout/order-received/) to show a post-purchase offer.

   Use URL targeting in Visisto campaign settings: match URLs containing /order-received/ to target the WooCommerce order confirmation page.

6. 6
   Verify across store pages

   Test your widget on a product page, the cart, and the checkout to confirm it renders without affecting checkout flow.

Other platform guides