Cum se instalează pe Webflow

Cum se instalează pe Webflow

Instalarea Siennei pe Webflow

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și data-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:

  1. Deschideți panoul Pagini în Designer.
  2. Faceți clic pe pictograma roată dințată de lângă pagina dorită.
  3. Derulați până la eticheta „Înainte </body> ” din secțiunea de cod personalizat la nivel de pagină.
  4. 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.

    • Related Articles

    • Cum se instalează pe Wix

      Ghid de integrare Wix Îmbunătățirea accesibilității site-ului tău Wix cu ZebraByte Accesibilitate durează mai puțin de 2 minute. Urmează acești pași detaliați pentru o implementare perfectă. Instrucțiuni pas cu pas 1. Deschideți tabloul de bord al ...
    • Cum se instalează pe BigCommerce

      Ghid de integrare BigCommerce Îmbunătățirea vitrinei tale BigCommerce cu ZebraByte este un proces simplu, utilizând Script Manager-ul încorporat. Urmează acești pași granulari pentru o implementare perfectă. Instrucțiuni pas cu pas 1. Deschideți ...
    • Cum se instalează Windgetul de accesibilitate gratuit ZebraByte pe Squarespace

      Instalarea Windgetul de accesibilitate gratuit ZebraByte pe Squarespace Squarespace vă permite să injectați cod personalizat în fiecare pagină folosind funcția sa de injectare a codului . Aceasta este disponibilă pentru abonamentele Business și ...
    • Cum se instalează ZebraByte widget Accesibilitate gratuit pe WordPress

      Ghid de integrare WordPress Îmbunătățește-ți site-ul WordPress cu widgetul de accesibilitate ușor de la ZebraByte în doar câteva clicuri. Instrucțiuni pas cu pas 1. Conectați-vă la contul de administrator WordPress Deschideți tabloul de bord al ...
    • Cum se instalează Windgetul de accesibilitate gratuit de la ZebraByte pe Shopify

      Ghid de integrare Shopify Îmbunătățește experiența clienților din magazinul tău adăugând ZebraByte Accessibility la vitrina ta Shopify. Instrucțiuni pas cu pas 1. Conectați-vă la contul dvs. de administrator Shopify Accesează-ți contul de ...

    MalCare