[NOVITÀ] Cerchio interattivo nei progetti Web: come crearne uno in Elementor senza codifica

Un sito Web ricco di testo può essere poco attraente da guardare. Se il tuo sito web è composto da troppi testi e meno componenti visivi, puoi utilizzare un cerchio interattivo di Essential Addons e visualizzare i tuoi contenuti in uno schema circolare attraente. Immergiamoci per imparare come mostrare molti contenuti in uno spazio minimo usando questo fantastico widget.

Perché hai bisogno di un widget Circle interattivo sul tuo sito web?

Per i web designer, diventa difficile rendere il sito web più interattivo e allo stesso tempo conveniente dall'utente finale. Se il sito web contiene molti contenuti testuali, diventa più difficile presentarli nel modo giusto.

La ricerca afferma che quasi il 38% delle persone smette di interagire con qualsiasi sito Web che abbia un layout di design poco attraente. In questo caso, il traffico del tuo sito web dipende anche dal design del tuo sito web. Esploriamo tutti i vantaggi che otterrai per progettare in modo efficace i tuoi contenuti basati su testo utilizzando un widget cerchio interattivo di Essential Addons nel tuo sito Web WordPress.

Presentazione animata dei contenuti del tuo sito web

Anche se il tuo sito Web include molti contenuti basati su testo, puoi presentarlo in un modo convincente per attirare i visitatori e renderli più facili da controllare. Diversi schemi sono comuni per presentare il materiale del tuo sito web, quindi un piccolo movimento potrebbe aiutarti ad attirare l'interesse dei tuoi visitatori. Utilizzando il widget Interactive Circle di Essential Addons, puoi mostrare i tuoi contenuti testuali con uno schema animato e rendere la sezione più attraente.

Design interattivo e reattivo per il tuo sito web

Può essere difficile per gli utenti trovare il tuo sito web sui motori di ricerca, leggere contenuti o navigare nel tuo sito web se manca di un design reattivo. Ciò potrebbe essere dovuto a difetti di layout, immagini scadenti, testo troppo piccolo o troppe infografiche che rendono il tuo sito Web disordinato. Se stai utilizzando un computer desktop o laptop, puoi ridimensionare questa finestra facendo clic e trascinando l'angolo.

La creazione di un design dinamico per il tuo sito Web può essere più semplice utilizzando un widget cerchio interattivo dei componenti aggiuntivi di Essential. Indipendentemente dal tipo di dispositivo che i visitatori del tuo sito Web potrebbero utilizzare per accedere al tuo sito Web, il tuo design non si romperà se utilizzi questo widget per presentare i tuoi contenuti basati su testo.

Widget Cerchio interattivo per creare un bellissimo sito web

Con questo widget puoi visualizzare i tuoi contenuti testuali con un movimento circolare accattivante, attirando l'attenzione degli utenti del tuo sito web. Se desideri fornire il menu dei contenuti, ad esempio, puoi utilizzare un cerchio interattivo per presentare il contenuto risparmiando anche spazio. Un semplice contenuto testuale apparirà in questo modo più affascinante e allettante. Scopriamo con quanta facilità puoi iniziare con il widget Interactive Circle dal plug-in Essential Addons.

Cose che ti servono per usare Interactive Circle con i componenti aggiuntivi essenziali

Elementor : per utilizzare Interactive Circle Widget, devi prima installare e attivare Elementor, dopodiché sei pronto per iniziare.

Componenti aggiuntivi essenziali per Elementor : devi installare e attivare Componenti aggiuntivi essenziali per Elementor sul tuo sito Web per utilizzare il widget "Cerchio interattivo".

Passaggio 1: attiva il widget Circle interattivo per i componenti aggiuntivi essenziali

Rendiamo il tuo sito web più interattivo e accattivante utilizzando il widget " Cerchio interattivo " di Essential Addons. Tutto quello che devi fare è assicurarti di utilizzare l'ultima versione di questo plugin.

Il widget Interactive Circle deve essere abilitato in Elementor. Vai a Essential Addons Elements nella dashboard di WordPress e assicurati che il widget " Cerchio interattivo " sia attivato. Per assicurarti che le modifiche vengano salvate, fai clic sul pulsante " Salva impostazioni ".

Cerca il widget " Cerchio interattivo " nella scheda "Elementi" di Elementor. Trascina e rilascia gli elementi dove vuoi mostrare il contenuto basato su testo.

Passaggio 2: inizia a personalizzare le impostazioni dei contenuti

Questo widget ti consente di personalizzare il contenuto predefinito e aggiungere il tuo contenuto. Dalla scheda Generale, puoi impostare qualsiasi layout dalle opzioni. Il widget Interactive Circle viene fornito con 4 layout preimpostati . Gioca con i layout e vedi quale si adatta meglio ai tuoi contenuti testuali.

Puoi anche scegliere se i pulsanti nel tuo widget EA Interactive Circle devono visualizzare icone o testo. Per nascondere o mostrare icone e testo, attiva o disattiva le opzioni " Mostra icona " e " Mostra testo" nelle impostazioni del "Pulsante" , rispettivamente. Questo widget è molto utile per molte personalizzazioni. Puoi scegliere tra le opzioni e creare il tuo menu circolare secondo le tue preferenze.

La parte più importante dell'utilizzo di questo widget è che puoi fornire i tuoi contenuti e aggiungere più opzioni circolari secondo necessità. Puoi aggiungere il numero di elementi che desideri visualizzare con il widget EA Interactive Circle nelle impostazioni "Contenuto" . Basta fare clic sul pulsante ' + Aggiungi articolo ' per aggiungere un nuovo articolo. Allo stesso modo, puoi rimuovere o copiare un elemento dalle impostazioni. Tuttavia, per motivi di design, puoi aggiungere solo fino a 8 opzioni alla volta; in caso contrario, la sequenza verrebbe interrotta.

Sono disponibili tre schede: "Pulsante ", "Contenuto " e "Stile ". Puoi aggiungere un'icona per l'elemento e modificare il titolo dal campo di immissione " Titolo breve " nella scheda "Pulsante". Allo stesso modo, puoi aggiungere contenuti al tuo articolo dalla scheda "Contenuto" e puoi aggiungere colori di sfondo al tuo articolo dalla scheda "Stile" .

Puoi ricevere ulteriori opzioni di impostazione dall'opzione " Impostazioni aggiuntive " per aiutarti a rendere più dinamico il tuo widget EA Interactive Circle. Puoi scegliere tra le interazioni "Click" e "Hover" nell'opzione " Evento del mouse ". Puoi anche utilizzare l' opzione " Impostazioni aggiuntive " per aggiungere animazioni eleganti e accattivanti. Come illustrato di seguito, sono disponibili tre diversi stili di animazione tra cui scegliere.

Passaggio 3: modella il tuo contenuto interattivo basato su testo

Il widget EA Interactive Circle include molte opzioni di stile. Questa opzione può fare una grande differenza in termini di cerchia interattiva di chiunque. Modificando il colore di sfondo, il motivo o il colore del testo, la larghezza del cerchio e il riempimento o l'unione, è possibile modificare l'aspetto.

Puoi modificare la tipografia di ogni articolo nel tuo EA Interactive Circle dalle impostazioni ' Elemento '. È inoltre possibile regolare la larghezza e la dimensione dell'icona di ogni elemento. Puoi anche modificare il colore di sfondo, il colore del testo, il colore dell'icona e molte altre cose.

Se sei soddisfatto dell'aspetto della tua cerchia interattiva, ora puoi pubblicare la tua pagina. Dai un'occhiata al cerchio interattivo di Elementor che abbiamo creato per questo argomento.

Come puoi vedere, Essential Addons per Elementor consente di creare un magnifico cerchio interattivo e trasformare la tua pagina web in un modo più affascinante ed estremamente semplice.

Infine, crediamo fortemente nel valore del miglioramento continuo. Con questo in mente, stiamo lavorando duramente per offrirti nuovi fantastici componenti aggiuntivi essenziali per gli aggiornamenti di Elementor in modo che tu possa avere un'esperienza di progettazione di siti Web ancora migliore con Elementor.

Quindi cos'hai da perdere? Aggiorna a Essential Addons 5.0 il prima possibile per sfruttare tutti i nuovi widget avanzati e le estensioni, incluso il widget Interactive Circle.

Provalo tu stesso e, in caso di domande, contatta il nostro team di supporto . Iscriviti al nostro blog o unisciti alla nostra amichevole community di Facebook per ulteriori informazioni sugli ultimi componenti aggiuntivi di Elementor, tutorial di web design, suggerimenti e trucchi e altro ancora.