Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE

Descrizione

Otter è un plugin per il page builder Gutenberg Blocks che aggiunge funzionalità aggiuntive all’editor a blocchi di WordPress (noto anche come Gutenberg): migliora l’esperienza di costruzione di pagine senza la necessità di usare i tradizionali page builder come Elementor e Divi.

Link rapidi 🔗

• Vuoi vedere come funzionano i blocchi Otter prima di installarli? GUARDA LA DEMO DI OTTER BLOCKS
• Non conosci ancora l’ecosistema dei blocchi di Gutenberg? Dai un’occhiata al nostro articolo su GUTENBERG SPIEGATO
• Hai bisogno di aiuto con la configurazione? Consulta la nostra DOCUMENTAZIONE
• Ti interessa Otter Pro? Ecco ulteriori dettagli su OTTER PRO

Con i blocchi di Otter avrai accesso a

• Oltre 20 ulteriori blocchi Gutenberg
• Raccolta di Pattern
• Template a pagina intera
• Condizioni di visibilità
• CSS personalizzato
• Animations
• Contenuti dinamici e altro ancora

Per tutti i blocchi, compresi quelli di terze parti, presenti sul tuo sito web.

Il blocco CSS personalizzato consente di personalizzare direttamente le proprietà CSS di qualsiasi blocco Gutenberg presente nella pagina, mentre la funzione Animazione permette di aggiungere in modo semplice e veloce animazioni a qualsiasi blocco, per rendere più accattivanti i vari blocchi e le sezioni della pagina.

Con la funzionalità Condizioni di visibilità di Otter, puoi impostare quali condizioni devono essere soddisfatte affinché i blocchi da te selezionati vengano visualizzati sulla pagina.

La Libreria dei Pattern contiene una vasta gamma di elementi diversi in vari stili per aiutarti a creare pagine di grande effetto. Sono coperte tutte le aree più importanti del tuo sito web: header, testimonianze, tabelle dei prezzi, sezioni e altro ancora.

Dai un’occhiata a questa panoramica veloce dei blocchi di Otter

In che modo i i blocchi Gutenberg di Otter possono aiutarti? 🤔

Un plugin per i blocchi di Gutenberg per WordPress

Otter aggiunge oltre 26 blocchi straordinari e utili per rendere la creazione di pagine in Gutenberg un gioco da ragazzi!

Non bastano i semplici blocchi: servono opzioni di personalizzazione avanzate che ti consentano di controllare lo stile e l’aspetto. Con Otter, hai tutto quello che ti serve.

Ogni blocco offre funzionalità di personalizzazione per aiutarti a modellare il tuo sito secondo la tua visione:

• Controlli del colore per i colori primari, in risalto e di sfondo.
• Animazioni di riavvolgimento, rimbalzo, dissolvenza, rotazione, traslazione, scorrimento, velocità della luce e molte altre ancora con un semplice clic.
• La tipografia regola ogni aspetto, dalla spaziatura alla scelta del font.

Il tuo assistente AI per l’editor a blocchi

Otter integra l’IA direttamente nell’editor a blocchi per aiutarti a creare, non solo a modificare. Descrivi ciò che desideri e Otter lo trasformerà in blocchi reali e modificabili.

• Generatore di contenuti con IA: Genera una sezione completa o un’intera pagina partendo da un semplice prompt con l’AI Block. Scegli un tipo tra Hero, Caratteristiche, Prezzi, Testimonianze o Invito all’azione, oppure descrivi il tuo. Otter si adatta ai colori del tuo tema e allo stile della pagina corrente, in modo che il risultato sia perfettamente in linea con il tuo marchio.

• Barra degli strumenti IA: Seleziona qualsiasi testo per riscriverlo, riassumerlo, ampliarlo, accorciarlo, tradurlo, modificarne il tono, correggerne la grammatica o semplificarlo, il tutto senza uscire dalla pagina. Puoi anche creare azioni personalizzate con le tue istruzioni e riorganizzare la barra degli strumenti per adattarla al tuo flusso di lavoro.

• Risposta automatica ai moduli tramite IA [PRO]: Rispondi a ogni invio del modulo con un messaggio personalizzato redatto dall’IA. Scrivi un’istruzione utilizzando i campi del tuo modulo, definisci un messaggio di riserva e lascia che l’IA si occupi del resto.

• Connettori AI nativi per WordPress: L’IA di Otter funziona con gli adattatori AI nativi di WordPress 7.0, consentendoti di collegare una sola volta il provider di IA desiderato e di utilizzarlo per tutte le funzionalità IA di Otter.

Reattività mobile di Otter Blocks

Crea design ottimizzati per i dispositivi mobili grazie alle impostazioni responsive integrate in Otter. Ogni blocco può essere personalizzato per garantire un’esperienza coerente su dispositivi mobili, tablet e desktop.

Un plugin di condizioni per i blocchi di Gutenberg in WordPress

Vuoi mostrare determinati blocchi solo quando un utente ha effettuato o terminato l’accesso? E se si tratta di clienti del tuo negozio rispetto agli autori del tuo blog o a qualsiasi altro profilo utente? Con la funzionalità delle condizioni dei blocchi di Gutenberg disponibile su Otter, è possibile. Passa alla versione PRO di Otter per sfruttare appieno il potenziale di ulteriori condizioni dei blocchi, come ad esempio:

• Stringa di query URL
• Intervallo date
• Giorno della settimana
• Ora del giorno
• Prodotti nel carrello di WooCommerce
• Totale speso su WooCommerce
• Totale carrello WooCommerce
• Categorie WooCommerce
• Tag WooCommerce
• Attributi WooCommerce
• Basato sui cookie
• E altro ancora

Un plugin di animazione per i blocchi di Gutenberg su WordPress

Stupisci i visitatori del tuo sito web con animazioni straordinarie che possono essere aggiunte a qualsiasi blocco della pagina. Con oltre 50 animazioni tra cui scegliere, Otter ti permette di dare un tocco in più a qualsiasi articolo o pagina del tuo sito web

Un plugin WordPress per i popup con Gutenberg

I popup sono una delle tecniche più datate utilizzate sul web per acquisire contatti e trasmettere messaggi. Con il blocco Popup di Gutenberg disponibile in Otter, puoi creare popup utilizzando qualsiasi altro blocco disponibile in Gutenberg!

Personalizza con precisione i tuoi popup configurando quando devono apparire e come possono essere chiusi. Con il nostro blocco popup, hai accesso a diversi trigger, come al caricamento della pagina, all’uscita dalla pagina, al clic su un’ancora e allo scorrimento della pagina.

Inoltre, puoi personalizzare il tuo popup con overlay personalizzati per renderlo coerente con l’identità del tuo brand e attirare maggiormente l’attenzione. Guarda la demo live

Impostazioni predefinite globali per i blocchi di Otter

Non vuoi più impostare sempre le stesse opzioni ogni volta che aggiungi un blocco alla pagina? Con Otter puoi impostare la configurazione predefinita per alcuni dei blocchi più utilizzati, come il blocco Sezione, il blocco Icona, Advanced Heading e altri ancora.

Blocchi disponibili in Otter:

Blocco Accordion di Gutenberg [GRATUITO]

Utilizza questo blocco per creare elenchi di contenuti disposti verticalmente che possono essere visualizzati o nascosti con un semplice clic; sono comunemente noti come Accordion. Guarda la demo live

Blocco Gutenberg Intestazione avanzata [GRATUITO]

Il blocco per i titoli di cui non sapevi di aver bisogno. Questo blocco Otter offre tutte le funzionalità del blocco per i titoli predefinito, oltre ad alcune altre opzioni, come la possibilità di modificare il carattere, evidenziare parti del testo e altro ancora. Guarda la demo live

Blocco IA [GRATUITO]

Progetta con l’IA, direttamente nell’editor. Descrivi la sezione o la pagina che desideri e il blocco IA la genererà sotto forma di veri e propri blocchi Gutenberg modificabili, adattati ai colori del tuo tema e allo stile della tua pagina. In seguito potrai modificare qualsiasi elemento manualmente, proprio come faresti con i blocchi creati da te.

Blocco Gruppo pulsanti di Gutenberg [GRATUITO]

Crea più pulsanti in modo semplice e veloce e visualizzali in verticale o in orizzontale a seconda del dispositivo su cui viene visualizzata la pagina. Guarda la demo live

Blocco Conto alla rovescia di Gutenberg [GRATUITO]

Stai facendo il conto alla rovescia per un grande evento? Mostralo utilizzando questi blocchi di Gutenberg. Fai il conto alla rovescia in giorni, ore, minuti o secondi. Guarda la demo live

Blocco Modulo di contatto di Gutenberg [GRATUITO]

Inserisci in modo semplice e veloce un modulo di contatto in qualsiasi punto della pagina. Se lo desideri, trasforma il modulo in uno strumento per la generazione di lead integrandolo con Brevo (Sendinblue) o Mailchimp. Inoltre, semplifica la gestione dei dati grazie all’integrazione con i webhook e garantisci una maggiore sicurezza grazie all’integrazione con hCaptcha. Guarda la demo live

Blocco Timeline dei contenuti [GRATUITO]

Visualizza con eleganza gli eventi in una linea temporale cronologica. Ideale per mettere in risalto eventi storici, fasi di un processo o tappe fondamentali.

Blocco slider dei contenuti [GRATUITO]

Uno slider in cui ogni slide può contenere qualsiasi blocco Gutenberg, non solo immagini. Aggiungi titoli, testo, pulsanti, immagini o layout completi come testimonianze, listini prezzi o schede delle funzionalità all’interno di ogni slide, poi consenti ai visitatori di scorrerli utilizzando le frecce o i puntini. A differenza di uno slider di immagini standard, Content Slider trasforma qualsiasi contenuto creato in Gutenberg in un carosello scorrevole, senza bisogno di plugin aggiuntivi.

Blocco Progresso circolare [GRATUITO]

Mostra i tuoi progressi con un magnifico contatore circolare. Guarda la demo live

Blocco Flip Box [GRATUITO]

Crea una scheda con effetto di rotazione, in cui puoi inserire qualsiasi contenuto o blocco disponibile in Gutenberg. Guarda la demo live

Blocco Elenco delle icone per Gutenberg [GRATUITO]

Rendi più accattivanti le noiose liste puntate utilizzando icone personalizzate come indicatori. Guarda la demo live

Blocco Icona di Gutenberg [GRATUITO]

Visualizza qualsiasi icona di Font Awesome o del nostro elenco di icone personalizzate in qualsiasi punto della pagina. Modifica i colori, aggiungi bordi e abbinala ad altri blocchi per migliorare l’aspetto della tua pagina. Guarda la demo live

Blocco Lottie Animation per Gutenberg [GRATUITO]

Hai mai sentito parlare di Lottie? Fantastico! Con il blocco Gutenberg “Lottie Animation” di Otter, puoi visualizzare le animazioni Lottie ovunque in Gutenberg. Guarda la demo live

Blocco Mappe di Gutenberg [GRATUITO]

Scegli tra il blocco OpenStreetMap e quello di Google Maps e crea degli indicatori per i punti di interesse destinati ai visitatori del tuo sito web. Il nostro blocco Mappe ti permette di personalizzare l’esperienza di visualizzazione della mappa fin nei minimi dettagli, dal colore alla descrizione degli indicatori, di cercare luoghi per nome o coordinate, di aggiungere e rimuovere i controlli della mappa, oppure di modificare le dimensioni e lo stile delle mappe con pochi clic. Guarda la demo live

Blocco barra di avanzamento [GRATUITO]

Mostra i tuoi progressi con un bellissimo blocco Barra di avanzamento. Guarda la demo live

Blocco Articoli di Gutenberg [GRATUITO]

Utilizza questo blocco per inserire elementi quali articoli, pagine e tipi di contenuto personalizzati nella pagina che stai modificando. Il blocco Articoli consente di visualizzare un determinato numero di articoli in diverse pagine. Le opzioni di personalizzazione disponibili per questo blocco riguardano aspetti quali stili, tipi di contenuto, impostazioni, layout e impaginazione.

Blocco Recensione del prodotto di Gutenberg [GRATUITO]

Stai scrivendo sul tuo blog di un prodotto che ti piace? O magari gestisci un sito di recensioni? Usa questo blocco per creare una tabella di valutazione del prodotto ed elencarne le caratteristiche, i pro e i contro, oltre a eventuali link per l’acquisto. Guarda la demo live

Blocco Popup di Gutenberg [GRATUITO]

Crea popup di grande effetto e definisci con precisione quando devono apparire e come possono essere chiusi. Guarda la demo live

Blocco Slider di Gutenberg [GRATUITO]

Utilizza questo blocco di Gutenberg per creare slider di immagini in qualsiasi pagina di Gutenberg. Le impostazioni includono l’altezza dello slider, la pausa, il numero di slide per pagina, la riproduzione automatica e molto altro ancora. Guarda la demo live

Blocco Sezione di Gutenberg [GRATUITO]

Un blocco a colonne potenziato! Questo blocco ti permette di creare una sezione con un massimo di 6 colonne, ciascuna delle quali può avere un colore di sfondo, un’immagine o una sfumatura personalizzati. Sfrutta le funzionalità responsive di questo blocco per impostare il riempimento e i margini per i dispositivi desktop, tablet e mobile. Guarda la demo live

Sistema di pagamento Stripe [GRATUITO]

Questo blocco ti sarà molto utile se desideri vendere un paio di prodotti senza dover creare un intero negozio online, come ad esempio ebook, alcune licenze, ecc.

Blocco Icone di condivisione [GRATUITO]

Pulsanti di condivisione che consentono ai visitatori del tuo sito web di condividere i contenuti su qualsiasi piattaforma social. Guarda la demo live

Blocco Schede di Gutenberg [GRATUITO]

Utilizza questo blocco per creare elenchi di contenuti disposti orizzontalmente che possono essere visualizzati o nascosti con un semplice clic; sono comunemente noti come schede. Guarda la demo live

Blocco Aggiungi al carrello di Gutenberg [PRO]

Inserisci un blocco con il pulsante Aggiungi al carrello per qualsiasi prodotto WooCommerce in qualsiasi punto del post o della pagina che stai modificando.

Blocco Orari di apertura di Gutenberg [PRO]

Crea una tabella con gli orari di apertura dal design elegante e modifica le impostazioni finché non è perfetta.

Live Search [PRO]

La funzione Live Search potenzia il blocco principale Search aggiungendo due attributi aggiuntivi (isLive e postTypes) che possono essere impostati nell’inspector, sotto il pannello Live Search.

Modal [PRO]

Implementa finestre di dialogo modali per un’esperienza interattiva, visualizzando moduli, contenuti o avvisi direttamente all’interno del layout della pagina.

Tabella comparativa delle recensioni [PRO]

Preparati a stupire i tuoi lettori con il blocco Tabella comparativa delle recensioni di Otter. Crea senza alcuno sforzo tabelle comparative dei prodotti dall’aspetto professionale per il tuo blog o sito web.

Aggiungiamo costantemente nuovi blocchi Gutenberg a Otter per aiutarti nella creazione delle pagine del tuo sito web. Non esitare a segnalarci eventuali mancanze sul nostro forum di supporto! Ecco alcuni altri blocchi disponibili:

È possibile importare pattern e template a pagina intera in Otter:

Pubblica facilmente il tuo sito grazie ai nostri pattern personalizzabili e ai template WordPress a pagina intera. Importa design già pronti con un solo clic e inizia subito.

Scopri un’ampia gamma di pattern Otter e template a pagina intera per servizi, testimonianze, prezzi, caratteristiche, sezioni di invito all’azione e altro ancora. Sfoglia i design disponibili qui.

Ottieni più opzioni con Otter Pro 🤩

Blocchi del builder WooCommerce

Crea pagine prodotto personalizzate utilizzando i blocchi di WooCommerce Builder di Otter. Tutte le nuove funzionalità sono pensate per massimizzare il tuo tasso di conversione e apportare ulteriori miglioramenti.

Con Otter Pro, avrai a disposizione molte più funzionalità, tra le quali:

• Blocco Aggiungi al carrello
• Blocco Orari di apertura
• Blocco modal
• Blocco Confronto recensioni prodotti
• Blocco Live Search
• Add-on pro per blocchi gratuiti
• Altre opzioni per i contenuti dinamici
• Altre opzioni relative alle condizioni di visibilità
• Più Pattern e template a pagina intera
• e altro ancora!

Puoi provare una demo live di Otter Blocks: non è richiesta alcuna configurazione. Fai clic qui per provarlo.

A chi è rivolto Otter? 👀

• Chiunque desideri sfruttare al meglio le funzionalità del nuovo editor Gutenberg grazie a blocchi Gutenberg utili e facili da usare.
• Chiunque stia pensando di abbandonare i tradizionali page builder come Elementor e Divi Builder a favore del nuovo editor a blocchi Gutenberg.
• Chiunque voglia creare pagine Gutenberg a tempo di record.
• Chiunque stia cercando di nascondere/mostrare i blocchi di Gutenberg in base a condizioni quali lo stato di accesso/disconnessione dell’utente.
• Chiunque stia cercando di aggiungere animazioni ai blocchi di Gutenberg.

Vediamo alcuni casi d’uso 🚀

• Blogger di viaggio: Arricchisci il tuo blog di viaggio con mappe accattivanti utilizzando i blocchi Mappe e Google Maps di Otter per mostrare i tuoi viaggi al mondo intero.

• Organizzazioni senza scopo di lucro: Coinvolgi il tuo pubblico e promuovi la tua causa con i blocchi Contatore circolare e Testimonianze di Otter, per condividere storie di successo che ispirano.

• Blogger: Arricchisci gli articoli del tuo blog con le icone di condivisione, offrendo ai tuoi lettori semplici opzioni per condividere i contenuti. Usa Slider per mostrare gallerie di immagini e coinvolgere il tuo pubblico.

• Content Creator e venditori di prodotti digitali: Il blocco dei pagamenti di Stripe per Gutenberg offre un modo pratico per vendere prodotti digitali, come e-book, corsi online, licenze software o opere d’arte digitali, senza dover creare un vero e proprio negozio online. Integrando questo blocco, potrai offrire ai clienti un’esperienza di pagamento semplificata e sicura.

• Recensori di prodotti: Crea confronti informativi e accattivanti tra le recensioni dei prodotti grazie a una tabella comparativa delle recensioni, aiutando così gli utenti a prendere decisioni consapevoli.

• Proprietari di ristoranti: Mostra i tuoi orari di apertura in un formato elegante utilizzando i blocchi Orari di apertura, in modo che i clienti possano trovarti facilmente.

Contribuisci 💁‍♂️

Otter Blocks è un progetto open source e invitiamo tutti i collaboratori a unirsi alla nostra vivace community! Aiutaci a migliorare il plugin e a renderlo ancora migliore – Link di GitHub

Risorse utili 📌

• Maggiori informazioni su WordPress sono disponibili nel nostro blog.
• Ti interessano gli altri nostri plugin? Dai un’occhiata qui.
• Sfrutta al massimo Otter Blocks con la nostra utile playlist di tutorial su YouTube.

Il plugin si avvale del servizio disponibile all’indirizzo api.themeisle.com per accedere all’elenco dei pattern, ai prompt AI e alla procedura di onboarding. Non è necessario disporre di un account per accedere alla raccolta di template del servizio, inoltre la privacy policy è disponibile qui.