Integrazione con i principali CMS
Tempo stimato: 5–15 minuti · Difficoltà: facile/media
Requisito base: il tuo CMS deve permettere l'inserimento di codice HTML/JavaScript personalizzato nel <head> o nel <body> del sito. La maggior parte dei CMS moderni lo supporta nativamente o tramite plugin.
WordPress
Metodo 1 – Plugin (consigliato): Installa un plugin come Insert Headers and Footers o WPCode. Dal pannello WordPress vai in Plugin → Aggiungi nuovo, cerca il plugin, attivalo. Poi vai in Strumenti → Insert Headers and Footers (o menu del plugin) e incolla il codice LEXABLE nella sezione "Script nel footer".
Metodo 2 – functions.php: Se hai accesso al tema, aggiungi in functions.php:
add_action('wp_footer', function() {
echo '<script src="https://app.lex-able.com/p/widget.js"></script>';
});
TYPO3
In Configurazione sito → TypoScript aggiungi:
page.includeJSFooter.lexable = https://app.lex-able.com/p/widget.js
page.includeJSFooter.lexable.forceOnTop = 0
page.includeJSFooter.lexable.external = 1
In alternativa usa un HTML template marker come ###FOOTER_SCRIPTS### nel tuo fluid template.
Joomla!
Vai in Estensioni → Plugin, installa Custom HTML o System - Custom JavaScript. In alternativa modifica il file index.php del template attivo e aggiungi lo script prima di </body>.
Drupal
Installa il modulo HTML Injector o usa il hook hook_page_attachments_alter() nel tuo tema per aggiungere lo script. In alternativa modifica il file html.html.twig del tema.
Webflow
Vai in Project Settings → Custom Code. Nella sezione "Footer Code" incolla il codice LEXABLE. Salva e pubblica il sito.
Se le modalità Scuro/Chiaro/Alto contrasto fanno sparire il contenuto o il preloader si blocca, aggiungi data-lexable-simplified-visual al tag <html> (tramite Custom Code) o usa data-lexable-no-microfix="true" allo script.
Builder no-code
Wix
Vai in Settings → Custom Code (oppure Impostazioni sito → Codice personalizzato). Clicca + Add Code, scegli Body – end, incolla il codice LEXABLE e salva. Pubblica il sito per applicare le modifiche.
Su Wix il widget rileva automaticamente la piattaforma e applica stili compatibili. Se il preloader resta bloccato, aggiungi data-lexable-wait-load="true" allo script per attendere il caricamento completo. In caso di problemi con le modalità Scuro/Chiaro/Alto contrasto, il widget usa già una modalità semplificata.
Squarespace
Vai in Settings → Advanced → Code Injection. Nel campo "Footer" incolla il codice dello script LEXABLE. Salva le impostazioni.
Shopify
Vai in Online Store → Themes → Customize. Nel menu laterale seleziona Theme settings (o Modifica codice) e apri il file theme.liquid. Trova il tag </body> e incolla lo script LEXABLE subito prima. Salva.
Framer
Apri il progetto, clicca su ⋮ (menu) → Project Settings → Custom Code. Nella sezione End of body tag incolla il codice LEXABLE. Pubblica il sito.
Carrd
Con piano Pro o superiore: apri la scheda Site → Custom Code → incolla lo script nel campo Footer. Salva e pubblica.
Weebly
Trascina l’elemento Embed Code (o Codice incorporato) nella pagina, posizionalo in basso. Fai doppio clic, incolla il tag <script> LEXABLE e salva.
Strikingly
Vai in Settings → SEO & Analytics (o SEO e analisi) → sezione Custom Footer Code. Incolla il codice LEXABLE e salva.
Jimdo
Vai in Design → Head & Tracking (o Codice di tracciamento). Nel campo Footer incolla lo script LEXABLE. Salva.
Ghost
Se hai accesso ai file del tema: modifica default.hbs e aggiungi lo script prima di </body>. In alternativa usa l’integrazione Code Injection dalle impostazioni del sito (Settings → Code Injection).
Editor X
Vai in Site & Pages → Site Design → Custom Code. Aggiungi un nuovo snippet con posizione Body end, incolla il codice LEXABLE e applica.
HTML statico / qualsiasi sito
Incolla il tag <script> direttamente nel template HTML, prima di </body>. Posizione e colore si aggiornano dalla dashboard senza toccare il codice.
<script src="https://app.lex-able.com/p/widget.js"></script>