---
title: How do I install Tagalys Viewed also Viewed Product recommendations?
description: Tagalys Widgets are loaded by reading data attributes on HTML tags. You place a line of HTML code with your requirements where you want the widget to appear and Tagalys will load this content asynchro
---

[Skip to content](https://support.tagalys.com/how-do-i-install-tagalys-viewed-also-viewed-product-recommendations#main-content)

English

Show submenu for translations

[Contact us](https://support.tagalys.com/kb-tickets/new?hsLang=en)

![tagalys-logo white.png\]](https://support.tagalys.com/hs-fs/hubfs/tagalys-logo%20white.png?height=40&name=tagalys-logo%20white.png)

- Home
- Products
- Pricing
- Blog
- Company

Open main navigation

Close main navigation

- Home
- Products
- Pricing
- Blog
- Company
- English
  
  Show submenu for translations
- [Contact us](https://support.tagalys.com/kb-tickets/new)

 How can we help you today?

- There are no suggestions because the search field is empty.

1. [Support Center](https://support.tagalys.com/?hsLang=en)
2. [Integration](https://support.tagalys.com/integration?hsLang=en)

# How do I install Tagalys Viewed also Viewed Product recommendations?

Tagalys Widgets are loaded by reading data attributes on HTML tags. You place a line of HTML code with your requirements where you want the widget to appear and Tagalys will load this content asynchronously.

In all these examples, data-tagalys-widget-opts-per-page should be a valid JSON string, where each key is a browser window size in pixels and value is the number of visible product tiles at that size. You can use custom pixel sizes, but Tagalys internally sets the keys 300, 600, 900, and 1200 so you should also overwrite these if you want them to be different from the defaults mentioned below.

**Viewed also Viewed**

```
<div id="tagalys-namespace" class="tagalys-namespace"    data-tagalys-widget="viewed_also_viewed"    data-tagalys-widget-opts-product-id="PRODUCT-ID"    data-tagalys-widget-opts-heading="Viewed also viewed"    data-tagalys-widget-opts-per-page='{"300":2,"600":3,"900":4,"1200":5}'></div>
```

 

- [Products](https://support.tagalys.com/products?hsLang=en#main-content)
  
  
  
  
  
    - [Categories | Collections](https://support.tagalys.com/products?hsLang=en#categories-collections)
    - [General](https://support.tagalys.com/products?hsLang=en#general)
    - [Customizations](https://support.tagalys.com/products?hsLang=en#customizations)
    - [Troubleshooting](https://support.tagalys.com/products?hsLang=en#troubleshooting)
- [Magento](https://support.tagalys.com/magento?hsLang=en#main-content)
  
  
  
  
  
    - [Installation and Onboarding](https://support.tagalys.com/magento?hsLang=en#installation-and-onboarding)
    - [Troubleshooting](https://support.tagalys.com/magento?hsLang=en#troubleshooting)
- [Shopify](https://support.tagalys.com/shopify?hsLang=en#main-content)
  
  
  
  
  
    - [Installation and Onboarding](https://support.tagalys.com/shopify?hsLang=en#installation-and-onboarding)
    - [Troubleshooting](https://support.tagalys.com/shopify?hsLang=en#troubleshooting)
    - [General](https://support.tagalys.com/shopify?hsLang=en#general)
    - [Uninstallation](https://support.tagalys.com/shopify?hsLang=en#uninstallation)
- [FAQs](https://support.tagalys.com/faqs?hsLang=en#main-content)
  
  
  
  
  
    - [Client Data](https://support.tagalys.com/faqs?hsLang=en#client-data)
    - [Pricing](https://support.tagalys.com/faqs?hsLang=en#pricing)
    - [General FAQs](https://support.tagalys.com/faqs?hsLang=en#general-faqs)
- [Integration](https://support.tagalys.com/integration?hsLang=en)
- [A/B testing](https://support.tagalys.com/a-b-testing?hsLang=en#main-content)
  
  
  
  
  
    - [A/B testing](https://support.tagalys.com/a-b-testing?hsLang=en#a-b-testing)
- [Collections merchandising](https://support.tagalys.com/collections-merchandising?hsLang=en#main-content)
  
  
  
  
  
    - [Product sequencing](https://support.tagalys.com/collections-merchandising?hsLang=en#product-sequencing)
    - [Global Sort Options (GSO)](https://support.tagalys.com/collections-merchandising?hsLang=en#global-sort-options-gso)
    - [Product pinning](https://support.tagalys.com/collections-merchandising?hsLang=en#product-pinning)
    - [Promotion/Demotion](https://support.tagalys.com/collections-merchandising?hsLang=en#promotion-demotion)
    - [Version Scheduling (Draft and historical versions)](https://support.tagalys.com/collections-merchandising?hsLang=en#version-scheduling-draft-and-historical-versions)
    - [A/B testing](https://support.tagalys.com/collections-merchandising?hsLang=en#a-b-testing)
    - [Other](https://support.tagalys.com/collections-merchandising?hsLang=en#other)
    - [Looks](https://support.tagalys.com/collections-merchandising?hsLang=en#looks)
- [Search](https://support.tagalys.com/search?hsLang=en#main-content)
  
  
  
  
  
    - [Search Results](https://support.tagalys.com/search?hsLang=en#search-results)
    - [Search Suggestions](https://support.tagalys.com/search?hsLang=en#search-suggestions)
    - [Search Analysis section](https://support.tagalys.com/search?hsLang=en#search-analysis-section)
    - [Search Accuracy](https://support.tagalys.com/search?hsLang=en#search-accuracy)
    - [Merchandised Search](https://support.tagalys.com/search?hsLang=en#merchandised-search)
    - [Other](https://support.tagalys.com/search?hsLang=en#other)
- [Recommendations](https://support.tagalys.com/recommendations?hsLang=en)
- [Markets and segments](https://support.tagalys.com/markets-and-segments?hsLang=en)
- [Dashboard Reporting](https://support.tagalys.com/dashboard-reporting?hsLang=en)
- [General](https://support.tagalys.com/general?hsLang=en)

- Home
- Products
- Pricing
- Blog
- Company

[![Chill listening crop-3](https://support.tagalys.com/hs-fs/hubfs/New-Tagalys-Black-Logo-Large-1.png?width=59&height=24&name=New-Tagalys-Black-Logo-Large-1.png "Chill listening crop-3")](http://tagalys.com)

Tagalys Support Center

<https://twitter.com/tagalys> <https://www.linkedin.com/company/tagalys/>

Copyright © 2026, Tagalys Inc