O widget Imagem no construtor de sites
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 uma opção para adicionar sua imagem:
| Gerenciador de arquivos | Abre o gerenciador de arquivos onde você pode selecionar uma imagem existente ou enviar uma nova. |
| Banco de imagens |
Abre uma janela modal onde você pode escolher uma imagem das fotos gratuitas do Unsplash. Você pode buscar pelo nome da imagem, selecionar uma da lista e clicar em Selecionar, na parte inferior, para adicioná-la à sua página. |
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.
Para aplicar arredondamento a cada canto de uma imagem individualmente, vá até a seção Arredondamento, clique no ícone de canto e defina um valor de arredondamento em pixels.
Por padrão, os estilos são sincronizados em todas as versões do dispositivo. Para personalizar cada versão de forma independente, desative Estilos sincronizados.
Use as seguintes configurações para personalizar o posicionamento do widget:
| Alinhamento | Posiciona um elemento em relação à borda do elemento pai. |
| Posição | Personalize a posição do elemento na tela usando os parâmetros X, Y, Z-index, e Rot. parâmetros. |
| Ocultar widget em | Oculta o elemento em dispositivos. |
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.
Última Atualização: 01.07.2026
ou