Webflow acceptă injectarea de scripturi personalizate la nivel de site sau la nivel de pagină prin intermediul setărilor de Cod personalizat. Aveți nevoie de un abonament Webflow plătit pentru site (nu doar un abonament pentru spațiu de lucru) pentru a publica cod personalizat.
Pasul 1 — Deschideți proiectul Webflow
Conectați-vă la webflow.com și deschideți în Designer proiectul la care doriți să adăugați Sienna .
Pasul 2 — Deschideți Setările site-ului
În colțul stânga sus al aplicației Designer, faceți clic pe sigla „W” a Webflow sau navigați la panoul Pagini și faceți clic pe pictograma roată dințată. Apoi accesați Setări site .
Alternativ, din tabloul de bord Webflow, faceți clic pe butonul Setări al site-ului (pictograma roată dințată de pe cardul site-ului).
Pasul 3 — Accesați fila Cod personalizat
În Setările site-ului, faceți clic pe fila Cod personalizat din secțiunea de navigare din partea de sus.
Pasul 4 — Lipiți scriptul în „Codul subsolului”
Derulați în jos până la secțiunea Cod subsol . Acest cod este injectat înaintea </body>etichetei pe fiecare pagină publicată a site-ului dvs.
Folosește câmpul Cod subsol , nu Cod antet — widgetul necesită existența corpului paginii înainte de a se inițializa.
Deținătorii de licențe Pro pot adăuga
data-primary-colorșidata-iconpentru a se potrivi cu token-urile de design ale proiectului Webflow.
Pasul 5 — Salvați și publicați
Faceți clic pe Salvați modificările în partea de sus a filei Cod personalizat, apoi Publicați site-ul. Webflow necesită o republicare pentru ca modificările codului personalizat să aibă efect.
Pasul 6 — Verificare pe site-ul live
Accesați adresa URL a site-ului publicat și confirmați că apare butonul de accesibilitate. Acesta ar trebui să fie vizibil în 1-2 secunde de la încărcarea paginii.
Adăugarea la o singură pagină
Dacă doriți ca Sienna să fie disponibilă doar pe anumite pagini:
Deschideți panoul Pagini în Designer.
Faceți clic pe pictograma roată dințată de lângă pagina dorită.
Derulați până la eticheta „Înainte
</body>” din secțiunea de cod personalizat la nivel de pagină.Lipiți acolo scriptul Sienna.
Ai nevoie de ajutor?
Dacă întâmpinați probleme cu instalarea, echipa noastră este aici pentru a vă ajuta. Contactați echipa noastră de asistență pentru asistență cu integrarea Webflow