# Are there screenshots of Tag Manager settings?

**URL:** <https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466>\
**Category:** Data collection and tags\
**Created:** [April 11, 2021, 6:36am UTC](https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466 "2021-04-11T06:36:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![saschaklammer](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@saschaklammer](https://community.piwik.pro/u/saschaklammer)\
**Post date:** [April 11, 2021, 6:36am UTC](https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466/1 "2021-04-11T06:36:13Z")

</div>

is it possible to see screenshots of the tag manager settings?

Thanks, Sascha

---

<div class="post-metadata">

**Author:** ![maciej](https://dub1.discourse-cdn.com/flex005/user_avatar/community.piwik.pro/maciej/32/9_2.png) [@maciej](https://community.piwik.pro/u/maciej)\
**Post date:** [April 11, 2021, 4:26pm UTC](https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466/2 "2021-04-11T16:26:37Z")

</div>

You can find plenty of screenshots in the documentation - “[Tag Manager](https://help.piwik.pro/support/tag-manager/)” section of our [Help center.](https://help.piwik.pro)

Additionally, check out our [YouTube channel](https://www.youtube.com/c/PiwikPro/featured). There are a few videos covering tag manager’s functionality, e.g.:

- [How to create a tag in Piwik PRO](https://www.youtube.com/watch?v=qbJXiDJepq8)
- [How to revoke changes made in Tag Manager](https://www.youtube.com/watch?v=13FWsniNAhM)
- [How to add a variable in Piwik PRO](https://www.youtube.com/watch?v=ipDEdRKiX-0)
- [How to copy tags, triggers, and variables between websites](https://www.youtube.com/watch?v=mGAoIbZTZY8)

---

<div class="post-metadata">

**Author:** ![saschaklammer](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@saschaklammer](https://community.piwik.pro/u/saschaklammer)\
**Post date:** [April 11, 2021, 5:29pm UTC](https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466/3 "2021-04-11T17:29:59Z")

</div>

Thank you very much. I have one more question. How do I create a transaction tag? From Google Tag Manager and Google Analytics I know it as follows:

- datalayer on the order page.
- trigger as custom event → event equals “ordercompleted for example”.
- transaction tag that triggers “ordercompleted” on the trigger.

How do I create a transaction tag with piwikpro?

---

<div class="post-metadata">

**Author:** ![maciej](https://dub1.discourse-cdn.com/flex005/user_avatar/community.piwik.pro/maciej/32/9_2.png) [@maciej](https://community.piwik.pro/u/maciej)\
**Post date:** [April 12, 2021, 5:59am UTC](https://community.piwik.pro/t/are-there-screenshots-of-tag-manager-settings/466/4 "2021-04-12T05:59:46Z")

</div>

Data layer is compatible with GTM, so you can set it up in a similar way assuming you already have a data layer on your order page implemented:

- **Add new tag** → Custom asynchronous tag

- **Add new trigger** → Data layer event, and choose e.g. Event name equals ‘ordercompleted’

 ![datalayer_order_confirmation](https://europe1.discourse-cdn.com/flex005/uploads/piwikpro/original/1X/b499e330317409cea4d8bfd10283ded31b4bbcc9.png)

- **Go to Variables → Add new variable** → Data layer and choose the same name of variable as in the data layer, e.g. order\_id, discount, grand\_total, products etc.

 ![ecommerce_variables](https://europe1.discourse-cdn.com/flex005/uploads/piwikpro/original/1X/427eb77f388b75e3a4003bb7b26eb724d849eb95.png)

- In the **custom asynchronous tag’s code** , you have to use [ecommerce tracking functions](https://help.piwik.pro/support/getting-started/track-ecommerce/), e.g. assuming you have an array of products in the ‘products’ variable (make sure to map it first from the data layer via variables as described in the previous step), this can look the following way:

```auto
    <script>
      var _paq = _paq || [];
      var products = {{ products }};
      products.forEach(function(product){
        _paq.push(["addEcommerceItem",product.sku, product.name,product.category, product.price, product.quantity]);
      });
     _paq.push(["trackEcommerceOrder",{{ order_id }}, {{ grand_total }}, {{ subtotal }}, {{ tax }}, {{ shipping }}, {{ discount }}]);
    </script>

```

All items that are in brackets {{ }} are tag manager variables that were earlier mapped from data layer.