Você gostaria de criar uma imagem interativa para o seu blog WordPress

Uma imagem interativa permite destacar, vincular e animar certas áreas da imagem. 

Neste tutorial, mostraremos como criar imagens interativas no WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress em 7 etapas et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Como criar imagens interativas no wordpress e1567777631422

O que é uma imagem interativa?

Uma imagem interativa inclui áreas de pontos de acesso, destaques, links, cores, etc.

Torne seu blog mais suave e eficiente, tentando estas 6 WordPress plugins de compressão de imagem para o seu Blog

É diferente de uma imagem simples que você carrega no WordPress. As imagens interativas são atraentes e chamam a atenção dos usuários. Você pode adicionar descrição a diferentes partes de uma imagem, adicionar links a páginas, destacar seções e muito mais.

imagem interativa de demonstração de dunas em WordPress.jpg

Nesta imagem você pode ver a descrição das frutas ao lado do mouse acima das diferentes barras. Você pode usar essas imagens interativas para aumentar o envolvimento do usuário e o tempo do site.

Discover Como usar o FOMO no WordPress para melhores conversões

Vamos ver como você pode chamar a atenção dos visitantes com imagens interativas.

Como criar imagens interativas no WordPress

A primeira coisa a fazer é instalar e ativar o plugin Chamar atenção. Para obter mais detalhes, consulte nosso guia passo a passo para maneira de instalar um plugin WordPress.

Após a ativação, você verá um novo tipo de postagem personalizada em seu painel do WordPress. Você tem que ir para Chame a atenção »Adicionar novo para criar uma imagem interativa.

chamar a atenção WordPress.png

Comece adicionando um título para esta nova imagem interativa para que você possa lembrá-la facilmente. Nesta página, você pode criar um design interativo em imagens novas ou já carregadas. Você pode adicionar uma nova imagem clicando no ícone de upload de imagem ou pode selecionar uma imagem de sua biblioteca de mídia do WordPress.

Vá além, descobrindo esses Plugins WordPress 9 premium para otimizar sua biblioteca de mídia

largue uma imagem para start.png

Então você tem que clicar no botão publicar .

Após a postagem, o plugin permite que você edite a imagem e destaque áreas específicas, adicione cores, links, desenhe áreas de pontos ativos e muito mais. Você pode rolar para a seção Zonas Hotspot e expanda a área clicável para visualizar a imagem.

Basta mover o mouse e desenhar áreas clicáveis ​​na imagem. Você pode selecionar facilmente as áreas de ponto de acesso e expandi-las para criar uma seleção.

criar zonas no WordPress.gif

Depois de desenhar a área do ponto de acesso, você precisa rolar para baixo Açao Social e selecione uma ação para a área selecionada na imagem. Se você escolher Mostrar mais informações, você pode simplesmente adicionar uma descrição para explicar a área do ponto de acesso na imagem. Você também pode adicionar um link na área selecionada usando a opção " Ir para url"

aprender Como fazer backup e recuperar o seu blog com Snapshot Pro

guardar imagem hotspot.jpeg

Você também pode gerenciar as configurações gerais e realçar o estilo do link de ação, texto de ação, plano de fundo e muito mais. Essas configurações podem ajudá-lo a tornar sua imagem mais interativa.

configurações gerais

Então você tem que clicar no botão Mettre à jour e copie o shortcode para adicioná-lo à sua postagem ou página do WordPress.

copie o shortcode.jpg

O plugin permite que você crie quantas imagens interativas você quiser usando suas imagens carregadas anteriormente ou novas.

clique em uma imagem interativa.jpeg

Importar e exportar imagens interativas

Se você trabalha em vários sites e deseja importar / exportar imagens interativas, o plug-in Draw Cuidado deve ser instalado nos dois sites.

No primeiro site, você deve visitar Chame a atenção »Importar / Exportar e verifique as imagens que deseja exportar. Em seguida, clique no botão Gere o código de exportação e copie o código.

exportar um código hotspot.png

Depois disso, você deve acessar o segundo site e verificar se ativou o plug-in Draw Cuidado. Então você tem que ir para Chame a atenção »Importar / Exportar no painel e cole o código no campo de importação.

importar um código hotspot.jpg

Vá em frente e clique no botão importação e suas imagens serão importadas.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Opt-In Content Locker

O Opt-In Content Locker é um WordPress Plugin, que permite bloquear conteúdo importante em seu blog e mostrá-lo apenas para assinantes. 

Opt in content locker wordpress plugins bloqueiam o conteúdo do site

Tudo que você precisa fazer é incluir o conteúdo bloqueado com [optinlocker]… [/ optinlocker] códigos de acesso. Se as pessoas quiserem ver este conteúdo, elas devem enviar seu nome / e-mail. Após o envio, todo o conteúdo bloqueado ficará visível.

Suas principais características são: uma ferramenta mseguro e protegidobloqueando conteúdo importante, oupport MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, benchmark, Sendy e mymail, a gestão de códigos curtos, exportação de dados em formato CSV, possibilidade de tradução em vários idiomas, ffácil de instalar, esuporte ao cliente xcellent, et outros.

Descarregar | Demo | hospedagem na web   

2. Clique para WhatsApp Chat

Le WordPress Plugin O bate-papo do Click to WhatsApp facilita a conexão dos clientes do WordPress com o proprietário do site ou com o suporte ao cliente usando sua conta do WhatsApp.  

Clique para bater papo no WhatsApp para Wordpress

Basta um clique na conta do WhatsApp e ela será direcionada diretamente para a conta do WhatsApp móvel com uma mensagem padrão. E se o cliente estiver no desktop ou laptop, ele será redirecionado para o WhatsApp Web.

Este plugin requer o número do WhatsApp, hora e dia, que o proprietário do site ou a equipe de suporte usará para discutir. O botão de bate-papo pode ser adicionado na página de detalhes do produto WooCommerce, que está diretamente relacionada a esse produto.

Descarregar | Demo | hospedagem na web

3. Isso foi útil?

Isso foi útil é um WordPress Plugin usado para promover os comentários dos seus leitores. Deve-se notar que se um comentário positivo motiva você a fazer melhor, um comentário negativo, por outro lado, ajuda a encontrar lacunas e a melhorar seu blog; tornando-o mais útil para outros visitantes.

Este plugin wordpress útil

Este plugin é único porque pede aos visitantes para responderem por que eles não acham uma postagem útil quando clicam na opção "NÃO". Da mesma forma, pergunta aos visitantes o que mais gostam quando clicam na opção “SIM”.

Além disso, você pode ir para a lista de páginas / artigos onde verá uma seção Sim / Não, que permite ver rapidamente as estatísticas, para finalmente ter uma visão geral completa sobre a qualidade de seus artigos e suas páginas.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso para este tutorial, espero que permita criar imagens interativas. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

E se você tiver alguma sugestão ou comentário, deixe-o em nossa seção Comentários.

...