Risposta rapida
Copia lo shortcode della tabella (ad esempio [wptb id=123]) da Embed nel builder di WP Table Builder. In Elementor, trascina il widget Shortcode sulla pagina, incolla lo shortcode nel suo campo, poi fai clic su Update. Puoi anche usare il widget WP Table Builder indicato nella finestra Embed del plugin. Entrambi funzionano con Elementor gratuito ed Elementor Pro.
Elementor è un page builder molto diffuso per WordPress. Le tabelle di WP Table Builder funzionano in qualsiasi layout di Elementor, comprese sezioni, container, popup e template.
Requisiti #
| Voce | Dettagli |
|---|---|
| Piano | WP Table Builder gratuito o Pro |
| Page builder | Elementor gratuito o Elementor Pro |
| Una tabella salvata | Vedi Come creare la tua prima tabella in WP Table Builder se non ne hai ancora una |
| Tempo necessario | Circa 2 minuti |
Passo 1: Copia lo shortcode della tabella #
- Vai su WP Table Builder > All Tables e fai clic su Edit sotto la tua tabella.
- Fai clic su Embed nella barra in alto.
- Fai clic su Copy accanto allo shortcode, ad esempio
[wptb id=123].
Puoi anche copiare lo shortcode dalla colonna Shortcode della pagina All Tables. Vedi Come incorporare una tabella di WP Table Builder con uno shortcode.
Passo 2: Apri la pagina in Elementor #
Vai su Pages, passa il mouse sulla pagina e fai clic su Edit with Elementor.
Passo 3: Aggiungi il widget Shortcode #
- Nel pannello di Elementor, cerca Shortcode.
- Trascina il widget Shortcode nella sezione o nel container in cui deve comparire la tabella.
Passo 4: Incolla lo shortcode #
Incolla lo shortcode di WP Table Builder nel campo Enter your shortcode del widget.
Passo 5: Visualizza l’anteprima e pubblica #
Fai clic su Update (o Publish), poi visualizza la pagina. L’editor di Elementor può mostrare la tabella senza tutti i suoi script, quindi controlla sempre la pagina pubblicata o l’anteprima.
Perché la tabella può apparire diversa nell’editor di Elementor #
Elementor mostra gli shortcode nel suo editor senza caricare tutti gli script usati da una tabella. Ricerca, ordinamento, paginazione, righe fisse e layout responsive funzionano sulla pagina pubblicata anche se non funzionano nell’editor di Elementor.
Risoluzione dei problemi #
- Lo shortcode appare come testo: l’hai incollato in un widget Text Editor in modalità codice o in un titolo. Usa il widget Shortcode.
- La tabella è tagliata su mobile: attiva scorrimento orizzontale o modalità responsive per la tabella.
- Gli stili del tema o di Elementor modificano la tabella: attiva Disable theme styles nelle impostazioni di WP Table Builder. Vedi Come disattivare gli stili del tema per una tabella.
Domande frequenti #
WP Table Builder funziona con Elementor?
Sì. Aggiungi la tabella con il widget Shortcode di Elementor e lo shortcode della tabella, oppure con il widget di WP Table Builder. Entrambi funzionano con Elementor gratuito e Pro.
Mi serve Elementor Pro?
No. Il widget Shortcode è incluso nella versione gratuita di Elementor.
Perché la mia tabella appare diversa nell’editor di Elementor?
Elementor non carica tutti gli script della tabella nel suo editor. Controlla l’anteprima o la pagina pubblicata, dove tutte le funzionalità funzionano.
Posso usare una tabella di WP Table Builder in un popup o in un template di Elementor?
Sì. Aggiungi un widget Shortcode con lo shortcode della tabella al popup, all’header, al footer o al template salvato.
