- [Case Studies](https://www.mergado.com/category/case-studies)
- [eCommerce tips](https://www.mergado.com/category/ecommerce-tips)
- [Online Store Solutions and Platforms](https://www.mergado.com/category/online-store-solutions-and-platforms)
- [Mergado Pack](https://www.mergado.com/category/mergado-pack)
- [Mergado tips](https://www.mergado.com/category/mergado-tips)
- [Mergado News](https://www.mergado.com/category/mergado-news)
- [eCommerce News](https://www.mergado.com/category/ecommerce-news)
- [How to use Mergado](https://www.mergado.com/category/how-to-use-mergado)
- [Interviews with e‑commerce gurus](https://www.mergado.com/category/interviews-e-commerce-gurus)
- [Extensions](https://www.mergado.com/category/apps-bidding-image-marketing-and-more)
- [Expansion with Mergado](https://www.mergado.com/category/expansion-with-mergado)
- [Mergado Lifestyle](https://www.mergado.com/category/mergado-lifestyle)
1. [ Home ](https://www.mergado.com/)
2. [ Mergado Blog ](https://www.mergado.com/blog)
3. [ Mergado Pack ](https://www.mergado.com/category/mergado-pack)
4. **The new WooCommerce Marketing Pack version will take advantage of advertising systems**
# **The new WooCommerce Marketing Pack version will take advantage of advertising systems**
[  Lukáš Horák ](https://www.mergado.com/blog/lukas-horak) [Mergado Pack](https://www.mergado.com/category/mergado-pack)
7. 8. 2019
1 minute read
The Mergado module for [WooCommerce](https://woocommerce.com/) helps you **create, manage, and measure your online store** on [Wordpress](https://wordpress.com/) without interfering with its source code. Its version 1.2.0 includes many useful features that will make it **easier to work** in several advertising systems.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
The Mergado module for [WooCommerce](https://woocommerce.com/) helps you **create, manage, and measure your online store** on [Wordpress](https://wordpress.com/) without interfering with its source code. Its version 1.2.0 includes many useful features that will make it **easier to work** in several advertising systems.
## Create better data files with the WooCommerce Marketing Pack
With our [Marketing Pack for WooCommerce](https://wordpress.org/plugins/mergado-marketing-pack/#developers), you can **export** **data** in XML format in the **Mergado** **XML** **specification**. Such data is useful for connecting to Mergado, where it can be converted to several hundred other formats. Plus, it’s completely **free**.
**The WooCommerce module can now:**
- set **Facebook** **pixel**
- track **Google Ads conversions**
- set up **Google Ads remarketing**
- set **Sklik retargeting**
- measure **Sklik conversions**
All these settings can be found in the *Advertising* *systems* tab.
[  ](https://www.mergado.com/sites/default/files/perm/paragraph-image/screenshot-woocommercemergadoshopcom-20190805-17-01-36.png)
Do you use Wordpress with extension for your WooCommerce online store? **Download** the Marketing Pack for WooCommerce. Download link, installation guide, and FAQ can be found [at this link](https://www.mergado.com/shopsystems/woocommerce).
### **You could be also interested in:**
[ 
### Mergado marketing pack for PrestaShop: the module is now compatible with PrestaShop version 1.7
](https://www.mergado.com/mergado-marketing-pack-compatible-with-prestashop-1-7)
[ 
### Set your GLAMI piXel in the Mergado Marketing Pack module
](https://www.mergado.com/blog/set-your-glami-pixel-in-the-mergado-marketing-pack-module)
[ 
### What should a proper client context look like for performance specialists?
](https://www.mergado.com/blog/master-prompt-eshopy-b2c)
[  ](https://www.mergado.com/blog/lukas-horak)### [ Lukáš Horák ](https://www.mergado.com/blog/lukas-horak)
Lukáš takes care of most of the Czech and English communication in Mergado. Through blogs, e‑mail, and social networks, he regularly supplies readers with e‑commerce news and news and tips from Mergado. In his time off, he enjoys simple things like badminton, digging the hidden gems of the 80’s, and seafood served with red wine.
## What you *might be interested in next*
[ 
### Mergado Pack for WooCommerce will now help you collect reviews for Biano Star
](https://www.mergado.com/blog/mpack-woocommerce-biano-star)
[ 
### Mergado Pack v. 3 for PrestaShop simplifies many advertising operations
](https://www.mergado.com/blog/pack-prestashop-version-three)
[ 
### Install Mergado Pack for WooCommerce. You can do it in 2 minutes
](https://www.mergado.com/blog/mergado-pack-woocommerce-tutorial)
## Don’t miss *anything*
Sign up for our newsletter
By logging in, you agree that we will process your data by the [terms of personal data protection](https://www.mergado.com/cookies).
Thank you, you have successfully joined our subscriber's list.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}