Salt la conținutul principal

Blocul Cod personalizat (HTML)

Când ai nevoie de un bloc Cod personalizat (HTML)?

Atunci când nu există un bloc standard pentru cerința ta. Poți adăuga un fragment HTML special sau un widget extern rar. Este o funcție avansată, nu o metodă recomandată pentru construirea întregului site: blocurile native sunt mai ușor de editat, mai consecvente pe mobil și mai simplu de întreținut.

Există două moduri de afișare, explicate mai jos: HTML filtrat direct în pagină și iframe izolat (sandbox).

HTML filtrat direct în pagină

Un fragment HTML simplu, afișat în fluxul normal al paginii, fără scripturi, iframe-uri sau gestionari de evenimente periculoși.

Potrivit pentru: structuri statice scurte și prezentări speciale fără JavaScript.

Dacă există un bloc nativ, începe cu el. HTML-ul personalizat necesită mai multă întreținere și poate să nu respecte automat tipografia, adaptarea pentru mobil ori accesibilitatea site-ului. Pentru integrarea unor widgeturi externe, modul sandbox este adesea un punct de pornire mai sigur.

Ce verifici înainte de publicare?

Codul personalizat trebuie testat cu widgetul real, nu doar într-o previzualizare statică.

Telefon și tabletă

Asigură-te că widgetul nu depășește lățimea paginii și poate fi utilizat fără derulare orizontală nedorită.

Înălțime

Cu ajustarea automată, iframe-ul urmărește dimensiunea conținutului. Dacă folosești înălțime fixă, verifică să nu ascundă elementele importante.

Interacțiuni

Testează efectiv formularele, butoanele, ferestrele pop-up și scripturile, nu doar aspectul lor.

Alternativă nativă

Dacă aceeași funcție va fi folosită frecvent, o componentă nativă este de regulă mai ușor de întreținut.

Ce mod de afișare alegi?

Iframe izolat (sandbox): pentru cod care trebuie să ruleze separat, inclusiv anumite widgeturi și scripturi. Are trei opțiuni importante:

  • Înălțime adaptată conținutului: când este activă, iframe-ul crește și se micșorează cu documentul său. Pentru blocuri noi poate fi activată implicit; blocurile vechi pot păstra setarea anterioară. Valoarea introdusă este folosită până la calcularea înălțimii. Dezactivează adaptarea pentru widgeturi cu dimensiune fixă sau care ocupă întregul ecran, altfel pot apărea redimensionări continue. Înălțimea fixă poate fi setată între 80 și 2000 px.
  • Nume pentru cititoarele de ecran: descrie conținutul iframe-ului, de exemplu „Calendar pentru programări”. Poți traduce separat această descriere.
  • Încarcă un serviciu extern: activează când widgetul aparține unui furnizor terț, precum un chat sau un sistem de rezervări. Dacă site-ul solicită acceptul pentru conținut extern, încărcarea așteaptă alegerea vizitatorului.

HTML filtrat direct în pagină: pentru cod static. Sistemul elimină scripturile, iframe-urile și handler-ele de evenimente periculoase, apoi conținutul are înălțimea necesară.

În ambele moduri poți configura separat alinierea și lățimea conținutului.

FUNCȚIE AVANSATĂ, FOLOSITĂ CU MĂSURĂ

Codul personalizat ar trebui să fie excepția, nu baza site-ului.

Folosește-l pentru widgeturi speciale și înlocuiește-l cu o soluție nativă când aceasta îndeplinește aceeași nevoie.