¿Le gustaría crear una imagen interactiva para su blog de WordPress

Una imagen interactiva le permite resaltar, vincular y animar ciertas áreas de su imagen. 

En este tutorial, le mostraremos cómo crear imágenes interactivas en WordPress.

Pero antes, si nunca has instalado WordPress, descubre Cómo instalar un blog de WordPress en 7 pasos et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Cómo crear imágenes interactivas en wordpress e1567777631422

¿Qué es una imagen interactiva?

Una imagen interactiva incluye áreas de puntos de acceso, aspectos destacados, enlaces, colores, etc.

Haga que su blog sea más fluido y eficiente al probar estos Complementos de compresión de imagen de 6 WordPress para tu blog

Es diferente de una simple imagen que subes a WordPress. Las imágenes interactivas son llamativas y captan la atención de los usuarios. Puede agregar descripciones a diferentes partes de una imagen, agregar enlaces a páginas, resaltar secciones y más.

Imagen interactiva duna de demostración en WordPress.jpg

En esta imagen puedes ver la descripción de las frutas junto al mouse sobre las diferentes barras. Puede utilizar estas imágenes interactivas para impulsar la participación del usuario y el tiempo en el sitio web.

Descubre Cómo usar FOMO en WordPress para mejores conversiones

Echemos un vistazo a cómo puede captar la atención de sus visitantes con imágenes interactivas.

Cómo crear imágenes interactivas en WordPress

Lo primero que debe hacer es instalar y activar el complemento. Llamar la atención. Para obtener más detalles, consulte nuestra guía paso a paso para forma de instalar un complemento de WordPress.

Después de la activación, verá un nuevo tipo de publicación personalizada en su panel de WordPress. Tienes que ir a Llamar la atención »Agregar nuevo para crear una imagen interactiva.

llamar la atención WordPress.png

Comience agregando un título para esta nueva imagen interactiva para que pueda recordarla fácilmente. En esta página, puede crear un diseño interactivo en imágenes nuevas o ya cargadas. Puede agregar una nueva imagen haciendo clic en el icono de carga de imagen, o puede seleccionar una imagen de su biblioteca de medios de WordPress.

Ve más allá descubriendo estos Complementos premium de WordPress 9 para optimizar su biblioteca multimedia

suelta una imagen para comenzar.png

Entonces tienes que hacer clic en el botón Cuestión .

Después de la publicación, el complemento le permite editar la imagen y resaltar áreas específicas, agregar colores, enlaces, dibujar áreas de puntos de acceso y más. Puede desplazarse a la sección Zonas de hotspot y expanda el área en la que se puede hacer clic para obtener una vista previa de la imagen.

Simplemente mueva el mouse y dibuje áreas en las que se puede hacer clic en la imagen. Puede seleccionar fácilmente las áreas del punto de acceso y expandirlas para crear una selección.

para crear zonas en WordPress.gif

Después de dibujar el área del punto de acceso, debe desplazarse hacia abajo en la lista desplegable la columna Acción y seleccione una acción para el área seleccionada en la imagen. Si usted elige Mostrar más información, puede simplemente agregar una descripción para explicar el área del punto de acceso en la imagen. También puede agregar un enlace en el área seleccionada usando la opción " Ir a url".

aprender Cómo hacer copias de seguridad y recuperar su blog con Instantánea Pro

guardar imagen hotspot.jpeg

También puede administrar la configuración general y resaltar el estilo para el enlace de la acción, el texto de la acción, el fondo y más. Esta configuración puede ayudarlo a hacer que su imagen sea más interactiva.

ajustes generales

Entonces tienes que hacer clic en el botón Actualización y copie el Código corto para agregarlo a su publicación o página de WordPress.

copia el shortcode.jpg

El complemento le permite crear tantas imágenes interactivas como desee utilizando sus imágenes nuevas o cargadas anteriormente.

haga clic en una imagen interactiva.jpeg

Importar y exportar imágenes interactivas

Si trabaja en varios sitios web y desea importar / exportar imágenes interactivas, el complemento Draw Caution debe estar instalado en ambos sitios web.

En el primer sitio web, debe visitar Llamar la atención »Importar / Exportar y marque las imágenes que desea exportar. Luego haga clic en el botón Genera el código de exportación y copia el código

exportar un código hotspot.png

Después de eso, debe ir al segundo sitio web y asegurarse de haber activado el complemento Draw Caution. Entonces tienes que ir a Llamar la atención »Importar / Exportar en el tablero y pegue el código en el campo de importación.

para importar un código hotspot.jpg

Adelante, haga clic en el botón Importación y tus imágenes serán importadas.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Localizador de contenidos opt-in

Opt-In Content Locker es un Plugin de WordPress, que te permite bloquear contenido importante en tu blog y mostrárselo solo a los suscriptores. 

Optar por los complementos de wordpress bloqueador de contenido bloquear el contenido del sitio web

Todo lo que necesita hacer es enmarcar el contenido bloqueado con los códigos cortos [optinlocker]… [/ optinlocker]. Si las personas quieren ver este contenido, deben enviar su nombre / correo electrónico. Después del envío, todo el contenido bloqueado será visible.

Sus características principales son: una herramienta mseguro y protegido, el vbloqueando contenido importante, elpoyo MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy y MyMail, la gestión de códigos cortos, export de datos en formato CSV, posibilidad de ser traducidos a varios idiomas, ffácil de instalar, un eAtención al cliente xcellent, et otros

Descargar | Demo | alojamiento web   

2. Haga clic para WhatsApp Chat

Le Plugin de WordPress Click to WhatsApp Chat facilita que los clientes de WordPress se conecten con el propietario del sitio web o con el servicio de atención al cliente mediante su cuenta de WhatsApp.  

Clic para chat de whatsapp para wordpress

Simplemente haga clic en la cuenta de WhatsApp y se dirigirá directamente a la cuenta de WhatsApp móvil con un mensaje predeterminado. Y si el cliente está en una computadora de escritorio o portátil, será redirigido a WhatsApp Web.

Este complemento requiere el número de WhatsApp, la hora y el día, que el propietario del sitio web o el equipo de soporte utilizará para discutir. El botón de chat se puede agregar en la página de detalles del producto WooCommerce, que está directamente relacionada con ese producto.

Descargar | Demo | alojamiento web

3. Fue esto útil

¿Fue útil esto? Plugin de WordPress Se utiliza para promover los comentarios de sus lectores. Cabe señalar que si un comentario positivo te motiva a hacerlo mejor, un comentario negativo en cambio te ayuda a encontrar lagunas y mejorar tu blog; haciéndolo más útil para otros visitantes.

¿Fue útil este complemento de wordpress?

Este complemento es único porque pide a los visitantes que respondan a la pregunta de por qué no encuentran una publicación útil cuando hacen clic en la opción "NO". Asimismo, pregunta a los visitantes qué es lo que más les gusta cuando hacen clic en la opción “SÍ”.

Además, puede ir a la lista de páginas / artículos donde verá una sección Sí / No, que le permite ver rápidamente las estadísticas, finalmente para tener una visión general completa de la calidad de sus artículos y sus páginas.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial, espero que te permita crear imágenes interactivas. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Y si tiene alguna sugerencia o comentario, déjelos en nuestra sección comentarios.

...