Vai al contenuto principale

Come creare immagini interattive su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi creare un'immagine interattiva per il tuo blog WordPress? 

Un'immagine interattiva consente di evidenziare, collegare e animare determinate aree dell'immagine. 

In questo tutorial, ti mostreremo come creare immagini interattive su WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Come creare immagini interattive su wordpress e1567777631422

Cos'è un'immagine interattiva?

Un'immagine interattiva include aree di punti di accesso, evidenziazioni, collegamenti, colori, ecc.

Rendi il tuo blog più fluido ed efficiente provandoli 6 Plugin di compressione delle immagini WordPress per il tuo blog

È diverso da una semplice immagine che carichi su WordPress. Le immagini interattive sono accattivanti e attirano l'attenzione degli utenti. È possibile aggiungere una descrizione a diverse parti di un'immagine, aggiungere collegamenti a pagine, evidenziare sezioni e altro.

immagine interattiva demo dune su WordPress.jpg

In questa immagine, puoi vedere la descrizione dei frutti accanto al mouse sopra le diverse barre. Puoi utilizzare queste immagini interattive per aumentare il coinvolgimento degli utenti e il tempo del sito web.

Scopri Come utilizzare FOMO su WordPress per conversioni migliori

Diamo un'occhiata a come attirare l'attenzione dei tuoi visitatori con immagini interattive.

Come creare immagini interattive su WordPress

La prima cosa da fare è installare e attivare il plugin Attira l'attenzione. Per maggiori dettagli, consulta la nostra guida passo passo a modo per installare un plugin per WordPress.

Dopo l'attivazione, vedrai un nuovo tipo di post personalizzato sulla dashboard di WordPress. Devi andare a Attira l'attenzione »Aggiungi nuovo per creare un'immagine interattiva.

attirare l'attenzione su WordPress.png

Inizia aggiungendo un titolo per questa nuova immagine interattiva in modo da poterla ricordare facilmente. In questa pagina puoi creare un design interattivo su immagini nuove o già caricate. Puoi aggiungere una nuova immagine facendo clic sull'icona di caricamento dell'immagine oppure puoi selezionare un'immagine dalla libreria multimediale di WordPress.

Vai oltre scoprendoli Plugin WordPress 9 premium per ottimizzare la tua libreria multimediale

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

rilasciare un'immagine per start.png

Quindi devi fare clic sul pulsante pubblicare .

Dopo la pubblicazione, il plug-in consente di modificare l'immagine ed evidenziare aree specifiche, aggiungere colori, collegamenti, disegnare aree hotspot e altro. Puoi scorrere fino alla sezione Zone hotspot ed espandere l'area selezionabile per visualizzare l'anteprima dell'immagine.

Basta spostare il mouse e disegnare aree cliccabili sull'immagine. È possibile selezionare facilmente le aree dei punti di accesso ed espanderle per creare una selezione.

per creare zone su WordPress.gif

Dopo aver disegnato l'area dell'hotspot, è necessario scorrere verso il basso Azioni e selezionare un'azione per l'area selezionata sull'immagine. Se scegli Mostra più informazioni, puoi semplicemente aggiungere una descrizione per spiegare l'area del punto di accesso sull'immagine. Puoi anche aggiungere un link nell'area selezionata utilizzando l'opzione " Vai all'URL".

imparare Come fare il backup e ripristinare il tuo blog con Snapshot Pro

salva l'immagine hotspot.jpeg

Puoi anche gestire le impostazioni generali e lo stile di evidenziazione per il collegamento all'azione, il testo dell'azione, lo sfondo e altro. Queste impostazioni possono aiutarti a rendere la tua immagine più interattiva.

impostazioni generali

Quindi devi fare clic sul pulsante Aggiornamento e copia il file shortcode per aggiungerlo al tuo articolo o pagina WordPress.

copia lo shortcode.jpg

Il plug-in ti consente di creare tutte le immagini interattive che desideri utilizzando le immagini precedentemente caricate o nuove.

fare clic su un'immagine interattiva.jpeg

Importa ed esporta immagini interattive

Se lavori su più siti Web e desideri importare / esportare immagini interattive, il plug-in Disegna Attenzione deve essere installato su entrambi i siti Web.

Sul primo sito Web, è necessario visitare Attirare l'attenzione »Importa / Esporta e seleziona le immagini che desideri esportare. Quindi fare clic sul pulsante Genera il codice di esportazione e copia il codice.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

esportare un codice hotspot.png

Successivamente, devi andare sul secondo sito Web e assicurarti di aver attivato il plug-in Disegna Attenzione. Quindi devi andare a Attirare l'attenzione »Importa / Esporta sulla dashboard e incolla il codice nel campo di importazione.

per importare un codice hotspot.jpg

Vai avanti e fai clic sul pulsante importazione e le tue immagini verranno importate.

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Opt-In Content Locker

Opt-In Content Locker è un plug-in di WordPress che ti consente di bloccare contenuti importanti sul tuo blog e visualizzarli solo per gli abbonati. 

Attiva il blocco dei contenuti I plugin wordpress bloccano il contenuto del sito web

Tutto quello che devi fare è racchiudere il contenuto bloccato con gli shortcode [optinlocker]… [/ optinlocker]. Se le persone vogliono visualizzare questo contenuto, devono inviare il loro nome / email. Dopo l'invio, tutto il contenuto bloccato diventerà visibile.

Le sue caratteristiche principali sono: uno strumento msicuro e protetto, il vbloccando contenuti importanti, ilupport di MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy e MyMail, supporto per codici brevi, export dei dati in formato CSV, possibilità di essere tradotti in più lingue, ffacile da installare, un eeccellente supporto clienti, egli altri

Download | Demo | Web hosting   

2. Fare clic su Chat WhatsApp

Il plug-in Click to WhatsApp Chat di WordPress consente ai clienti di WordPress di connettersi facilmente con il proprietario del sito Web o l'assistenza clienti utilizzando il proprio account WhatsApp.  

Fai clic sulla chat di whatsapp per wordpress

Basta un clic sull'account WhatsApp e verrà indirizzato direttamente all'account WhatsApp mobile con un messaggio predefinito. E se il client è su desktop o laptop, verrà reindirizzato a WhatsApp Web.

Questo plugin richiede il numero di WhatsApp, l'ora e il giorno, che il proprietario del sito web o il team di supporto utilizzerà per discutere. Il pulsante chat può essere aggiunto nella pagina dei dettagli del prodotto WooCommerce, che è direttamente correlata a quel prodotto.

Download | Demo | Web hosting

3. Era utile?

Was This Helpful è un plugin per WordPress utilizzato per valutare i commenti dei tuoi lettori. Nota che se un commento positivo ti motiva a fare meglio, un commento negativo invece ti aiuta a trovare le lacune e a migliorare il tuo blog; rendendolo più utile per altri visitatori.

Era questo utile plugin per wordpress

Questo plugin è unico perché chiede ai visitatori di rispondere alla domanda sul perché non trovano utile un post quando fanno clic sull'opzione "NO". Allo stesso modo, chiede ai visitatori cosa gli piace di più quando fanno clic sull'opzione "SÌ".

Inoltre puoi andare alla pagina / listato articoli dove vedrai una sezione Sì / No, che ti permette di vedere velocemente le statistiche, per avere finalmente una panoramica completa sulla qualità dei tuoi articoli e delle tue pagine.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di creare immagini interattive. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

E se hai suggerimenti o osservazioni, lasciali nella nostra sezione commentaires.

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
12 azioni
quota10
Tweet1
Enregistrer1