Install guide

Install Visisto on Magento 2

Add the Visisto snippet to your Magento 2 store via the admin panel HTML Head settings. Flush the cache after saving to see it live.

Before you start
  • A Magento 2 store (Open Source or Adobe Commerce)
  • Admin access to your Magento backend
  • Your Visisto Site Key. Go to Sites → [your site] → Install → Advanced options

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
    Log into your Magento admin panel

    Go to your Magento admin URL and log in with your admin credentials.

  2. 2
    Navigate to Content → Design → Configuration

    In the top admin menu, go to Content → Design → Configuration.

  3. 3
    Edit your active store view

    Find your active store view in the grid and click Edit on the right-hand side.

  4. 4
    Expand the HTML Head section

    Scroll down and click HTML Head to expand the section.

  5. 5
    Paste the Visisto snippet into Scripts and Style Sheets

    Copy the full snippet above (both script blocks) and paste it into the Scripts and Style Sheets field.

  6. 6
    Click Save Configuration

    Click Save Configuration at the top of the page.

  7. 7
    Flush all caches

    Go to System → Cache Management, select all cache types, and click Flush Magento Cache.

    Changes will not appear until the full-page cache is cleared. If you use Varnish, flush it too.

  8. 8
    Visit your store to verify

    Open your store in a browser and confirm the widget appears on the correct pages.

Tips & notes
  • Always flush the full-page cache after saving. Changes are invisible until the cache is cleared.
  • For a code-based approach, add the snippet to your theme's default_head_blocks.xml layout file.
  • If on Adobe Commerce Cloud, commit the layout XML file and deploy rather than using admin panel edits.
  • The Visisto script is async and will not affect your store's Time to First Byte or Lighthouse score.

Ready to capture your first contact?

Install in minutes. No developer required.

Start free. No credit card required. Setup in minutes.