Pixel de conversie pe WordPress

WordPress nu are nevoie de nimic special — pixelul de conversie Styrar este doar un tag <script>. Niciun plugin nu este strict necesar, deși unul face gestionarea mai ușoară.

Opțiunea A: editorul de teme

1. Accesează Appearance → Theme File Editor → header.php (sau footer.php).

2. Inserează acest cod imediat înainte de </head> (sau </body> dacă folosești fișierul footer):

   HTML

   <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
   

3. Marchează conversiile oriunde în template-urile sau conținutul tău:

   HTML

   <button data-styrar-track="signup">Sign up</button>
   

Editarea directă a fișierelor de temă se pierde la actualizările temei — folosește o child theme sau Opțiunea B, dacă îți actualizezi tema frecvent.

Opțiunea B: un plugin de header/footer scripts (recomandat)

1. Instalează un plugin precum WPCode sau Insert Headers and Footers.
2. Adaugă același tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> în slotul de header al plugin-ului — pe întregul site, sau limitat doar la pagina de destinație către care redirecționează link-ul tău scurt.
3. Folosește atribute data-styrar-track în blocul Custom HTML al block editor-ului, sau apelează window.styrar.track(eventName, data) dintr-un <script> inline într-un bloc Custom HTML.

Exemplu WooCommerce

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof wc_checkout_params !== 'undefined' && window.location.href.includes('order-received')) {
      window.styrar && window.styrar.track('purchase', { value: <?php echo $order_total; ?> });
    }
  });
</script>

Plasează acest cod pe template-ul tău de confirmare a comenzii / pagina de „mulțumim", folosind orice expune tema ta pentru valoarea totală a comenzii.

Conexe

• Pixel de conversie — referință completă