Widget de Modo Escuro para seu site

Ofereça aos visitantes uma opção de navegação confortável com pouca luz por meio de um botão de modo escuro personalizável. Escolha cores, posicionamento, comportamento padrão, agendamento e estilos com escopo em um widget sem código.

Como criar um widget Dark Mode

Choose the dark mode behavior

Escolha o comportamento do modo escuro

Escolha a posição do seu botão, selecione uma predefinição de tema e ajuste a duração da transição suave em todo o seu site.

Customize the button styling

Personalize o estilo do botão

Ajuste a aparência do botão alterando seu tamanho, o raio dos cantos e a elevação da sombra, além de escolher entre designs planos ou com sombra interna.

Embed it on your website

Incorpore ao seu site

Cole o código de incorporação em um bloco de HTML personalizado ou de incorporação e, em seguida, publique sua página para exibir o widget.

Crie uma experiência de visualização mais confortável

Reduza as superfícies claras das páginas

Escureça os fundos das páginas e as cores do texto para que os visitantes possam navegar por páginas longas com mais conforto em ambientes com pouca luz.

Reduce bright page surfaces

Ofereça aos visitantes um botão visível

Adicione um botão fixo ou em linha com rótulos, posição, tamanho, formato e cores editáveis, para que cada visitante possa escolher o modo que preferir.

Give visitors a visible switch

Explore predefinições de tema selecionadas

Alterne entre estilos escuros personalizados, como Leitura Aconchegante para um foco noturno acolhedor, Azul Meia-Noite para máxima profundidade do preto, Alto Contraste para maior distinção visual ou Grafite para uma estética elegante e moderna.

Explore curated theme presets

Combine seu site com um estilo personalizado

Comece a partir de uma predefinição de tema, ajuste as cores da página e do botão, adicione uma sobreposição sutil e use CSS personalizado com escopo para o ajuste final.

Match your site with custom styling

Como incorporar seu widget Dark Mode ao WordPress

1Obtenha seu código de incorporação

Após personalizar seu widget de site do Jotform, clique em Experimente no seu site gratuitamente e copie o código de incorporação gerado.

2Abra o editor de página

Acesse o post ou a página do WordPress onde deseja exibir o widget e adicione um novo bloco.

3Adicione um bloco de HTML Personalizado

Selecione HTML Personalizado e cole o código de incorporação do widget de site do Jotform no campo HTML.

4Atualize e visualize

Clique em Atualizar ou Publicar e abra a página para verificar seu widget incorporado.

Por que os Widgets para Sites Jotform se destacam

Os widgets da Jotform tornam seu site mais interativo e aumentam as conversões. Há diversas opções disponíveis, desde avaliações com estrelas e deslizadores de depoimentos até pop-ups de prova social e incorporações de mídia. Adicione widgets aos seus formulários ou landing pages para coletar dados, exibir provas sociais e capturar leads — tudo sem precisar programar.

Incorpore widgets sem precisar programar

Adicione widgets da Jotform ao seu site com um simples código de incorporação. Personalize o widget, veja uma prévia de como ele ficará e cole-o em qualquer página que aceite HTML personalizado ou blocos de incorporação, sem precisar de um desenvolvedor.

Crie páginas mais interativas

Use os Widgets para Sites Jotform para coletar leads, exibir avaliações de clientes, expor provas sociais, incorporar mídia ou adicionar ferramentas úteis às suas páginas. Cada widget ajuda os visitantes a interagir com sua empresa diretamente no site.

Receba suporte sempre que precisar

Se precisar de ajuda para configurar, personalizar, incorporar ou solucionar problemas com o seu widget, a equipe de suporte Jotform está disponível 24h. Assim, você pode seguir em frente com confiança, sabendo que terá ajuda sempre que precisar.

Onde usar seu widget de Modo Escuro

Adicione o widget em qualquer lugar onde os visitantes passem tempo lendo, comparando, comprando ou navegando após o anoitecer.

Blogs e bases de conhecimento onde longas sessões de leitura se beneficiam de uma visualização mais suave e com pouca luz.

Páginas de SaaS e painel onde os visitantes esperam uma opção moderna de tema escuro.

Páginas de portfólio e mídia onde fundos escuros podem ajudar imagens e elementos visuais a se destacarem.

Páginas de produtos e preços onde visitantes noturnos ainda devem conseguir comparar detalhes com conforto.

Sites de comunidade e documentação onde visitantes recorrentes podem querer que sua escolha de exibição seja lembrada.

Sites voltados para dispositivos móveis onde um botão compacto pode ajudar os visitantes a escolher rapidamente um modo de visualização mais confortável.

Converta leads em clientes pagantes com o Criador de Formulários Jotform

Transforme engajamento em ação usando Jotform. Crie formulários poderosos para captar leads, receber pagamentos e automatizar respostas, tudo em um só lugar. Cada envio chega à sua Caixa de Envios Jotform, onde você pode fazer o acompanhamento ou conectar seus apps favoritos.

Comece jáé grátis!
Convert leads into customers

Perguntas Frequentes

  • O que é um widget de Modo Escuro?

    Um widget de Modo Escuro é um utilitário de site incorporável que permite aos visitantes mudar uma página para um tema de cores mais escuro.

  • Os visitantes podem ativar e desativar o modo escuro?

  • Posso personalizar as cores?

  • Posso controlar onde o botão aparece?

  • Preciso escrever código?