Doriți să creați o imagine interactivă pentru dvs WordPress blog

O imagine interactivă vă permite să evidențiați, să legați și să animați anumite zone ale imaginii. 

În acest tutorial, vă vom arăta cum puteți crea imagini interactive pe WordPress.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează a WordPress blog în 7 pași et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Cum se creează imagini interactive pe wordpress e1567777631422

Ce este o imagine interactivă?

O imagine interactivă include zone de puncte de acces, evidențieri, link-uri, culori etc.

Creează-ți blogul mai ușor și mai eficient, încercând acestea Plugin-uri de compresie a imaginilor 6 WordPress pentru blogul dvs.

Este diferit de o imagine simplă pe care o încărcați pe WordPress. Imaginile interactive atrag atenția și atrag atenția utilizatorilor. Puteți adăuga descrierea diferitelor părți ale unei imagini, puteți adăuga linkuri la pagini, evidenția secțiuni și multe altele.

demo imagine dune interactivă pe WordPress.jpg

În această imagine puteți vedea descrierea fructelor de lângă mouse deasupra diferitelor bare. Puteți utiliza aceste imagini interactive pentru a spori implicarea utilizatorilor și timpul web.

Descopera Cum se utilizează FOMO pe WordPress pentru conversii mai bune

Să aruncăm o privire la modul în care puteți atrage atenția vizitatorilor dvs. cu imagini interactive.

Cum se creează imagini interactive pe WordPress

Primul lucru de făcut este să instalați și să activați pluginul Atrageți atenția. Pentru mai multe detalii, consultați ghidul nostru pas cu pas mod de a instala un plugin WordPress.

După activare, veți vedea un nou tip de postare personalizată pe tabloul de bord WordPress. Trebuie să mergi la Atrage atenția »Adaugă nou pentru a crea o imagine interactivă.

atrag atenția WordPress.png

Începeți prin adăugarea unui titlu pentru această nouă imagine interactivă, astfel încât să vă puteți aminti cu ușurință. Pe această pagină, puteți crea un design interactiv pe imagini noi sau deja încărcate. Puteți adăuga o imagine nouă făcând clic pe pictograma de încărcare a imaginii sau puteți selecta o imagine din biblioteca media WordPress.

Mergeți mai departe descoperind acestea Pluginuri WordPress 9 premium pentru a vă optimiza biblioteca media

arunca o poză pentru a începe.png

Apoi trebuie să faceți clic pe buton publica .

După postare, pluginul vă permite să editați imaginea și să evidențiați anumite zone, să adăugați culori, linkuri, să desenați zone hotspot și multe altele. Puteți defila la secțiune Hotspot zone și extindeți zona pe care se poate face clic pentru a previzualiza imaginea.

Pur și simplu mișcați mouse-ul și desenați zone care pot fi făcute clic pe imagine. Puteți selecta cu ușurință zonele punctelor de acces și le puteți extinde pentru a crea o selecție.

pentru a crea zone pe WordPress.gif

După desenarea zonei hotspot, trebuie să derulați în jos Acțiune și selectați o acțiune pentru zona selectată de pe imagine. Dacă alegeți Afișează mai multe informații, puteți doar să adăugați o descriere pentru a explica zona punctului de acces din imagine. De asemenea, puteți adăuga un link în zona selectată folosind opțiunea „ Accesați adresa URL".

afla Cum se face backup și recuperarea blogului cu Snapshot Pro

salvați imaginea hotspot.jpeg

De asemenea, puteți gestiona setările generale și evidenția stilul pentru linkul de acțiune, textul acțiunii, fundal și multe altele. Aceste setări vă pot ajuta să vă faceți imaginea mai interactivă.

setări generale

Apoi trebuie să faceți clic pe buton Actualizare și copiați SHORTCODE pentru a o adăuga la postarea sau pagina dvs. WordPress.

copiați shortcode.jpg

Pluginul vă permite să creați câte imagini interactive doriți folosind imaginile încărcate anterior sau noi.

faceți clic pe o imagine.jpeg interactivă

Importați și exportați imagini interactive

Dacă lucrați pe mai multe site-uri web și doriți să importați / exportați imagini interactive, pluginul Draw Caution trebuie instalat pe ambele site-uri web.

Pe primul site web, trebuie să vizitați Atrageți atenția »Import / Export și verificați imaginile pe care doriți să le exportați. Apoi faceți clic pe buton Generați codul de export și copiați codul.

exportați un cod hotspot.png

După aceea, trebuie să accesați cel de-al doilea site web și să vă asigurați că ați activat pluginul Draw Caution. Atunci trebuie să mergi la Atrageți atenția »Import / Export pe tabloul de bord și lipiți codul în câmpul de import.

pentru a importa un cod hotspot.jpg

Continuați și faceți clic pe buton import iar imaginile dvs. vor fi importate.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Opt-In Content Locker

Opt-In Content Locker este un WordPress plug-in, care vă permite să blocați conținut important de pe blogul dvs. și să îl afișați numai abonaților. 

Alegeți pluginurile wordpress pentru blocarea conținutului blocează conținutul site-ului web

Tot ce trebuie să faceți este să înconjurați conținutul blocat cu coduri scurte [optinlocker]… [/ optinlocker]. Dacă oamenii doresc să vadă acest conținut, trebuie să-și trimită numele / e-mailul. După trimitere, tot conținutul blocat va deveni vizibil.

Principalele sale caracteristici sunt: ​​un instrument msigur și sigur, vblocarea conținutului important,upport de MailChimp, AWeber, GetResponse, iContact, Monitor de campanie, Mad Mimi, Benchmark, Sendy și MyMail, suport pentru shortcodes, export de date în format CSV, posibilitatea de a fi tradus în mai multe limbi, fușor de instalat, un esuport clienți xcellent, ealtele.

Descarca | Demo | web hosting   

2. Faceți clic pe chatul WhatsApp

Le WordPress plug-in Click to WhatsApp Chat facilitează pentru clienții WordPress să se conecteze cu proprietarul site-ului sau cu asistența pentru clienți folosind contul lor WhatsApp.  

Faceți clic pentru chat WhatsApp pentru wordpress

Doar faceți clic pe contul WhatsApp și va fi direcționat direct către contul WhatsApp mobil cu un mesaj implicit. Și dacă clientul este pe desktop sau laptop, va fi redirecționat către WhatsApp Web.

Acest plugin necesită numărul WhatsApp, ora și ziua, pe care proprietarul site-ului web sau echipa de asistență le va folosi pentru a discuta. Butonul de chat poate fi adăugat pe pagina de detalii a produsului WooCommerce, care este direct legată de acel produs.

Descarca | Demo | web hosting

3. A fost util acest lucru

A fost util este un WordPress plug-in folosit pentru a promova comentariile cititorilor dvs. Trebuie remarcat faptul că, dacă un comentariu pozitiv te motivează să faci mai bine, un comentariu negativ pe de altă parte te ajută să găsești lacune și să-ți îmbunătățești blogul; făcându-l mai util altor vizitatori.

A fost acest plugin wordpress util?

Acest plugin este unic, deoarece solicită vizitatorilor să răspundă la întrebarea de ce nu găsesc o postare utilă atunci când fac clic pe opțiunea „NU”. La fel, îi întreabă pe vizitatori ce le place cel mai mult atunci când fac clic pe opțiunea „DA”.

În plus, puteți accesa lista de pagini / articole unde veți vedea o secțiune Da / Nu, care vă permite să vedeți rapid statisticile, în cele din urmă pentru a avea o imagine de ansamblu completă asupra calității articolelor și paginilor dvs.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Aici ! Gata pentru acest tutorial, sper că vă permite să creați imagini interactive. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Și dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

...