Como adicionar uma imagem ao seu site

No criador de sites da SendPulse, você pode adicionar o widget de Imagem, editá-lo e aplicar vários efeitos a ele.

Neste artigo, você aprenderá como personalizar as imagens do seu site.

Faça o upload de uma imagem

No criador de sites, clique em Adicionar novo widget e selecione o elemento Imagem.

Clique em Escolher arquivo e selecione ou faça o upload de uma imagem.

Aqui está o que você pode fazer com sua imagem:

Editar Clique no ícone da imagem

Saiba mais: Como editar imagens usando o criador de sites.

Faça upload de uma nova imagem Clique no ícone de upload.
Configurações Clique no ícone de lápis. Você pode adicionar texto, links e efeitos à sua imagem.
Excluir Clique no ícone de lixeira.

Ajuste a aparência da imagem

Você pode ajustar a largura e altura da sua imagem:

Escala Redimensiona a imagem basedo na largura especificada em pixels, preservando as proporções originais da imagem.
Preencher Redimensiona a imagem, preenchendo todo o espaço do bloco de acordo com a altura especificada em pixels. As proporções da imagem podem mudar.

Você também pode adicionar uma borda, sombra, arredondamento e alinhamento à sua imagem. Os estilos para a versão móvel são sincronizados e configurados automaticamente. Se precisar fazer ajustes específicos para a versão móvel, a sincronização deve ser desativada.

Para ativar a animação de rolagem, ative a opção correspondente.

Selecione o tipo, direção e velocidade da animação.

Saiba mais: Como personalizar os elementos do seu site: animação.

Ajuste conteúdos adicionais para a imagem

Clique no ícone de lápis à direita da sua imagem para adicionar atributos, texto, links ou efeitos. Você pode incluir texto alternativo que será exibido quando sua imagem falhar ao carregar e adicionar links para outras páginas ou recursos para que os usuários possam obter mais informações ao clicar na sua imagem.

Adicione atributos

Você pode adicionar texto alternativo que será exibido em vez da imagem em casos de falha no carregamento. Também pode adicionar links para redirecionar para outro recurso e fornecer mais informações ao clicar na imagem.

Como adicionar efeitos

Para aplicar um efeito à sua imagem, ative a opção de Conteúdo sobre a imagem. Selecione uma condição de exibição:

Sempre Exibição estática do efeito
Ao passar o mouse (efeito de hover) Exibição dinâmica ao passar o mouse.

Efeitos estáticos

No campo de Sobreposição, selecione uma opção:

Exibir texto Adiciona texto sobreposto à sua imagem. Você também pode ajustar o tamanho do texto, capitalização, ênfase (negrito ou itálico), cor do texto e do fundo, preenchimento interno e posição.

Seu texto não pode ter mais de 100 caracteres.

Aplicar forma Corta sua imagem em uma forma.

Clique em Salvar.

Efeitos hover

No campo Ação, selecione uma opção dinâmica ao passar o mouse:

Exibir no texto Mostra texto sobreposto. Você também pode ajustar o tamanho do texto, capitalização, ênfase (negrito ou itálico), cor do texto e do fundo, preenchimento interno e posição.
Mudar imagem Substitui sua imagem pela selecionada.
Aumentar escala Amplia sua imagem ao passar o mouse.
Reduzir escala Diminui sua imagem ao passar o mouse.

Clique em Salvar.

Copie o ID do seu elemento

Cada imagem tem um ID que a distingue na página. Com ele, você pode adicionar estilos e scripts, mostrar pop-ups e rastrear eventos para este elemento.

Para copiar um ID, clique nele. Para editar um ID, clique no ícone de lápis.

Saiba mais: Bloco e ID do widget.

    Rate this article about "Como adicionar uma imagem ao seu site"

    User Rating: 4 / 5

    Anterior

    Quais tipos de campo você pode configurar

    Próximo

    Como adicionar um menu ao site

    Teste o SendPulse hoje gratuitamente