O editor está em inglês por enquanto. Sem cartão de crédito.
Teste o editor, sem cadastro
Escolha um modelo, personalize e veja tudo se atualizar ao vivo, sem cadastro. O editor está em inglês por enquanto.
Sem cartão de crédito · Plano grátis para sempre
Sem cartão de crédito · Plano grátis para sempre
O widget de carrossel de imagens do Common Ninja é um slider de imagens rotativo, grátis e sem código, para qualquer site.
Crie banners rotativos para a página inicial, vitrines de portfólio, carrosséis de imagens de produtos e destaques editoriais para o blog.
Escolha entre vários layouts de carrossel, controle a velocidade dos slides e o tempo de cada slide, personalize as setas e os pontos de paginação, defina o tamanho das imagens (pequeno, grande, vertical ou horizontal) e cole uma linha de código de incorporação em mais de 200 plataformas, incluindo Canva, Notion, Google Sites, Carrd e Wix.
Coloque de duas a cinco imagens de destaque em um carrossel, configure uma reprodução automática lenta, e o banner da página inicial atrai mais atenção do que uma única imagem estática. Cada slide pode ter o seu próprio tema, estação ou campanha, sem refazer toda a seção de destaque.
Fotógrafos, designers, ilustradores, arquitetos e agências usam carrosséis para alternar seus trabalhos de destaque em uma faixa compacta e fácil de percorrer. Quem chega à página vê a variedade e a profundidade do trabalho em segundos, em vez de rolar por um mural de miniaturas.
Mostre vários ângulos do produto, fotos do produto em uso e detalhes em close em um único bloco de carrossel. Visitantes que podem deslizar pelos ângulos antes de clicar em Add to Cart convertem melhor do que visitantes que veem uma única imagem principal.
Páginas editoriais ganham com uma abertura de várias imagens. Resumos de conferências, estudos de caso de projetos, matérias sobre o antes e o depois de um processo e resumos de eventos ficam melhores com um carrossel no topo do que com uma única imagem principal seguida de figuras ao longo do texto.
Arraste as imagens direto para o editor ou cole URLs da sua biblioteca de arquivos. Defina o tamanho das imagens do carrossel (pequeno, grande, vertical ou horizontal) para que o layout combine com as proporções das fotos que você realmente tem.
Escolha entre vários layouts de carrossel na biblioteca do editor. Defina a velocidade dos slides, o tempo de cada slide, o comportamento da reprodução automática e se as setas e os pontos de paginação aparecem. O carrossel respeita cada controle que você define. Os visitantes veem a reprodução que você planejou.
Ajuste as cores, as fontes, o espaçamento e, se quiser, o CSS personalizado. Copie o código de incorporação e cole onde o carrossel deve aparecer. Depois de incorporado, qualquer alteração que você fizer no painel aparece automaticamente na próxima vez que a página carregar.
Escolha no editor entre uma biblioteca de layouts, com proporções, enquadramentos de slide e posições de legenda diferentes. Alterne entre eles enquanto testa o que combina com a sua página. O mesmo conjunto de imagens se encaixa no layout que você escolher.
Defina a rapidez da transição de cada slide e quanto tempo ele fica na tela antes de o próximo começar. Ajuste de acordo com o tipo de atenção que a página pede. Um banner rotativo pede um ritmo lento e pausado, e um carrossel de produtos pede um ritmo mais rápido, fácil de deslizar.
Mostre ou oculte as setas para a esquerda e a direita e os pontos de paginação. Os visitantes que querem controlar o ritmo têm os controles, e os que preferem só assistir têm a reprodução automática. Personalize o estilo das setas e dos pontos para combinar com as cores da sua marca e com o resto do layout.
Defina o tamanho do slide como pequeno, grande, vertical ou horizontal para que o carrossel respeite as proporções das suas fotos. Fotos de portfólio na vertical, imagens principais quadradas de produtos e cabeçalhos panorâmicos ganham um tamanho que se encaixa sem cortes.
O widget tem a opção de mudar o tamanho das imagens do carrossel: pequeno, grande, vertical ou horizontal. Você adapta o widget às suas necessidades. Além disso, o widget permite adicionar legendas a cada imagem, para você dar mais informações e levar os visitantes a outras páginas do seu site. O carrossel também facilita a navegação entre as imagens, o que o torna fácil de usar e interativo.
O widget de carrossel de imagens foi criado para oferecer opções completas de personalização, para você editar o design do jeito exato que precisa. Com este widget, você pode mudar as cores, as fontes, o espaçamento e muitos outros elementos de design para criar um visual próprio, sob medida para o que você precisa.
O widget de carrossel de imagens é totalmente responsivo e fica ótimo em qualquer dispositivo, e esse recurso pode dar a você uma vantagem importante sobre a concorrência no mundo de hoje, em que o celular vem primeiro. Com cada vez mais pessoas acessando a internet pelo celular e pelo tablet, o seu site precisa estar otimizado para dispositivos móveis.
Como todos os widgets do Common Ninja, o widget de carrossel de imagens também oferece a opção de adicionar CSS personalizado, o que permite levar a personalização para o próximo nível e ser ainda mais criativo. Com CSS personalizado, você pode criar estilos e elementos de design que não estão disponíveis nas opções de personalização integradas.
Incorporar o widget de carrossel de imagens no seu site é fácil: basta copiar uma única linha de código e colar no HTML da sua página. Assim você adiciona o widget ao seu site de forma rápida e fácil, sem nenhum processo complicado de configuração ou instalação. Depois de incorporado, o widget se atualiza automaticamente a cada alteração que você fizer, então você não precisa se preocupar em atualizá-lo manualmente toda vez que mudar algo. Esse recurso pode economizar muito tempo e esforço e garantir que o seu carrossel de imagens esteja sempre atualizado e correto.
Com a opção de mudar o tipo de seta do slider do carrossel de imagens e os ícones de paginação abaixo dele, você pode personalizar ainda mais o widget e adaptá-lo às exigências do seu design.
O widget de carrossel de imagens vem com opções para controlar a velocidade com que as imagens deslizam e quanto tempo cada imagem fica na tela. Use essas opções para adaptar a experiência dos seus usuários.
O widget de carrossel de imagens vem com vários layouts para você escolher e garantir que ele combine com o design e o estilo geral do seu site.
O widget de carrossel de imagens é fácil de usar e não exige conhecimento de programação. Nosso painel intuitivo, com o recurso de arrastar e soltar, permite personalizar o widget do jeito que você quiser com apenas alguns cliques simples.
Pronto para lançar seu carrossel de imagens?
Abrir o editorSem cartão de crédito · Configuração em menos de 5 minutos
O Common Ninja tem widgets sem código incríveis, que deixariam mais bonito um site feito em qualquer criador de sites. É muito fácil de usar e de personalizar. Tem widgets para quase todo mundo que quer deixar o site impressionante.
Traduzido do inglês
Serviço excepcional. Uso os widgets deles para me ajudar no meu negócio de web design e, sempre que preciso de ajuda, eles ajudam muito rápido.
Traduzido do inglês
Empresa excelente com um serviço excelente!!! Usamos para criar uma pesquisa e foi muito fácil de usar. O atendimento foi perfeito.
Traduzido do inglês
O Common Ninja salvou o dia quando estávamos criando nosso site, e o atendimento ao cliente que o Daniel, cofundador e CEO, nos deu foi incrível.
Traduzido do inglês
Sim. O plano gratuito inclui um widget de carrossel de imagens, sem limite de tempo, sem cartão de crédito e sem período de teste que expira. Envie imagens, escolha um layout, configure a velocidade dos slides e incorpore em quantas plataformas quiser. Faça upgrade só quando precisar de mais widgets, estilos premium ou limites maiores de visualizações por mês.
Para alternar imagens. Este widget passa por um conjunto de imagens (como um banner de página inicial ou uma vitrine de produtos) com setas, pontos de paginação e reprodução automática. Para um slider de comparação antes e depois (arrastar um controle para revelar uma imagem sobre a outra), use, em vez dele, o widget Before/After Slider do Common Ninja, que foi feito especificamente para essa interação.
A maioria dos clientes de e-mail (Gmail, Outlook, Apple Mail) bloqueia scripts externos e iframes por segurança, então o carrossel não vai aparecer como um widget interativo no corpo de um e-mail. Ele funciona como esperado em uma landing page criada em uma ferramenta de marketing, incluindo páginas criadas no Mailchimp Website Builder, landing pages do Constant Contact e landing pages do MailerLite. Para alternar imagens de fato dentro de um e-mail, normalmente você precisa de um GIF animado.
Um carrossel de imagens alterna uma ou duas imagens por vez dentro de uma moldura fixa, controlado por setas, pontos ou reprodução automática. Uma galeria de imagens mostra várias imagens ao mesmo tempo em uma grade estática que os visitantes percorrem rolando a página. Escolha um carrossel quando quiser a atenção em uma imagem por vez, e uma galeria quando quiser que os visitantes vejam tudo de uma só vez. Os dois widgets atendem a objetivos diferentes.
Copie o link de incorporação do Common Ninja no painel. No Google Sites, abra a página em que você quer o carrossel, clique em Insert no painel à direita e escolha Embed. Cole o link de incorporação, clique em Insert e ajuste o tamanho do bloco incorporado. O carrossel funciona de forma interativa na URL publicada do Google Sites e é atualizado sempre que você o edita no painel.
Copie o link de incorporação do Common Ninja no painel. No Notion, cole o link na página em que você quer o carrossel e escolha Create Embed no menu que aparece. Ajuste o tamanho do bloco incorporado. O carrossel funciona dentro da página (inclusive em uma página do Notion compartilhada publicamente) e respeita todas as configurações de layout e velocidade que você definiu.
Abra o design do seu site no Canva, clique em Apps na barra lateral esquerda e pesquise Embed. Cole o link de incorporação do Common Ninja no app Embed e clique no bloco que aparece. Posicione o carrossel no seu design e publique o site. O carrossel funciona de forma interativa na URL publicada do Canva, com reprodução automática e controles de setas completos.
Sim. O editor permite ajustar a velocidade dos slides (a rapidez da transição de um slide), o tempo por slide (quanto tempo ele fica antes do próximo), a reprodução automática (ligada ou desligada) e as setas com paginação (ligadas ou desligadas). Ajuste cada um de acordo com a página. Um banner rotativo lento pede um tempo longo em cada slide, e um carrossel de produtos rápido pede um ritmo ágil e setas visíveis, para que os visitantes possam deslizar pelos ângulos.
Mais de 200 plataformas, incluindo Canva, Notion, Google Sites, Carrd, Wix, Squarespace, Webflow, WordPress, Elementor, Shopify, Hostinger, GoDaddy, Mailchimp Website Builder, Constant Contact, Framer, Bubble e qualquer página HTML personalizada que aceite um código de incorporação.
Escolha sua plataforma. Cada uma leva menos de 4 minutos.
Mostra imagens e legendas em vários layouts e grades, para apresentar várias imagens de forma atraente.
Um comparador simples que permite aos visitantes comparar imagens de antes e depois para ver as mudanças visuais com clareza.
Adicione áreas interativas nas imagens que revelam informações extras ao clicar ou passar o mouse.
Mostra vídeos de várias fontes em layouts e grades atraentes.
Mostra vários logos em um carrossel que rola ou gira.
Mostre depoimentos de clientes em um slider que gira.
Sim, é fácil fazer isso na aba “Templates”.
É simples. Basta se cadastrar e começar a usar a versão gratuita.
O widget de carrossel de imagens do Common Ninja é uma ferramenta gratuita, cheia de recursos e opções. Embora o uso seja gratuito, ele tem um limite de visualizações que pode receber. Isso significa que, depois de um certo número de visualizações, o widget pode deixar de aparecer ou de funcionar no seu site. É importante saber que esse limite de visualizações pode variar de acordo com o plano do widget que você usa. Mesmo com essa limitação, o carrossel de imagens do Common Ninja continua sendo uma ferramenta valiosa para empresas que querem aumentar o engajamento dos clientes e melhorar a experiência geral dos usuários no site.
O widget de carrossel de imagens do Common Ninja é uma ferramenta versátil que pode ser usada em qualquer criador de sites. Isso significa que você pode adicionar este widget facilmente ao seu site, não importa qual plataforma você use para criá-lo. Seja um criador de sites popular ou algo mais especializado, o widget de carrossel de imagens vai funcionar perfeitamente com a sua plataforma. Assim, você aproveita todas as vantagens desta ferramenta poderosa sem se preocupar com problemas de compatibilidade. Então, se você quer mostrar suas imagens em um carrossel rotativo e levar o seu site para o próximo nível, o widget de carrossel de imagens do Common Ninja é uma ótima escolha.
Sim. O widget de carrossel de imagens pode ser usado em conformidade com o GDPR. A coleta de informações dos visitantes é sempre opcional: ela fica desativada até você ativá-la nas configurações do widget, e é você quem decide o que é coletado. Como dono do site, você continua responsável pela forma como usa os dados dos seus visitantes.
Nosso widget de carrossel de imagens foi pensado para ser fácil de usar, mesmo para quem tem pouca experiência técnica. O widget tem uma interface de arrastar e soltar que permite adicionar imagens ao seu carrossel de imagens facilmente, sem conhecimento de programação. Você pode personalizar totalmente o carrossel de imagens para combinar com a sua marca, incluindo o tamanho, a cor e o formato. Quando terminar, copie o código fornecido e cole no seu site.
Claro. Queremos muito conhecer a sua sugestão. Visite nossa página de sugestões de recursos (em inglês).
Um widget de carrossel de imagens é um elemento de interface que mostra várias imagens que alternam ou deslizam. Ele é muito usado em sites para mostrar uma coleção de imagens, como fotos de produtos, imagens de galeria ou imagens em destaque. As imagens normalmente aparecem em loop, com a possibilidade de navegar entre elas usando setas ou pontos, e muitas vezes é possível clicar em uma imagem para vê-la em tamanho maior.
O widget de carrossel de imagens é uma ferramenta útil para destacar várias imagens em um espaço limitado e pode ser usado para deixar um site mais atraente visualmente.
Um carrossel de imagens pode ser usado para vários fins em um site. Alguns usos comuns são:
Adicionar um carrossel de imagens ao seu site traz vários benefícios:
Slider de imagens rotativo com vários layouts, velocidade dos slides ajustável, setas, pontos de paginação e tamanhos de slide personalizados. Funciona em mais de 200 plataformas, incluindo Canva, Notion, Google Sites, Carrd e Wix.
Crie seu carrosselSem cartão de crédito · Configuração em menos de 5 minutos
