Răspunsul scurt
Îți poți adăuga propriul cod în trei locuri în the builder: o secțiune Custom code într-o pagină, setările Custom CSS și setările Custom Javascript. Nu există nicio casetă în care să lipești cod în secțiunea head a magazinului. Pentru etichetele din head, folosește aplicația potrivită (vezi lista de mai jos).
Ce instrument pentru ce treabă
- Verificarea magazinului în Google Search Console sau adăugarea unei etichete meta
google-site-verification: aplicația Domain Verifier. Se ocupă și de verificarea domeniului pentru Facebook (Meta), TikTok și Snapchat. - Google Analytics, etichete Google Ads sau orice etichetă gestionată în Google Tag Manager: aplicația Google Tag Manager.
- Pixelii Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X sau Google Ads: vezi Facebook, TikTok, Snapchat, ChatGPT, Pinterest și X, sau conversiile Google Ads.
- Feedul de produse Google Merchant Center: vezi Google Merchant Center. Folosește Domain Verifier pentru Search Console.
- Hărți termice și înregistrări ale sesiunilor: vezi Microsoft Clarity sau Contentsquare.
- Un widget sau un conținut încorporat într-o pagină (un formular de rezervare, un videoclip, o hartă): secțiunea Custom code de mai jos.
- Stiluri pentru tot magazinul sau pentru o secțiune: vezi CSS personalizat.
- Un script pe fiecare pagină: vezi JavaScript personalizat.
De ce codul din constructor nu îți poate verifica site-ul
Google, Meta și alte platforme își caută eticheta în head-ul paginii când fac verificarea. O secțiune Custom code pune codul în corpul paginii, acolo unde stă secțiunea. Custom Javascript rulează în browserul cumpărătorului după ce se încarcă pagina. Niciuna nu pune o etichetă în head așa cum au nevoie aceste platforme, așa că verificarea eșuează. Domain Verifier adaugă eticheta în locul potrivit pentru tine.
Secțiunea Custom code
O secțiune pe care o adaugi pe orice pagină, până la 2 pe pagină. Deschide fila Sections, apasă Add new section și alege Custom code. Are trei câmpuri:
- HTML: marcajul afișat în această secțiune.
- CSS: stiluri care se aplică doar acestei secțiuni, așa că nu pot strica restul paginii.
- JavaScript: rulează de fiecare dată când este afișată secțiunea. Codul tău primește secțiunea ca
container, așa că foloseștecontainer.querySelector(...)ca să ajungi la propriul marcaj.
Îi setezi și lățimea, schema de culori și spațierea, ca la orice secțiune. Folosește Apply to all pages ca s-o copiezi pe celelalte pagini care au deja o secțiune Custom code.
Sfaturi
- Verifică codul în previzualizarea constructorului, apoi publică și testează magazinul live pe un telefon și pe un calculator.
- Dacă pagina pare stricată după o modificare, scoate codul, publică și adaugă-l înapoi bucată cu bucată.
- Scripturile terților pot încetini magazinul. Adaugă doar ce îți trebuie.
- Un asistent AI conectat la magazin poate modifica codul personalizat doar dacă proprietarul magazinului permite asta. Vezi Cum verific, limitez sau deconectez un asistent AI.