Widget de Code Snippets para seu site
Exiba exemplos de código em um bloco refinado e incorporável que os visitantes podem ler e copiar. Adicione trechos de código, escolha linguagens, alterne entre layouts com abas e empilhados, estilize a janela do código e publique seu widget de Trechos de Código Jotform em qualquer site sem programar.
Como criar um widget Code Snippets
Adicione seus exemplos de código
Crie trechos de código para necessidades reais de documentação, como comandos de instalação, requisições de API, amostras de resposta, helpers de CSS ou código de tutorial. Adicione um título, escolha a linguagem e cole o corpo do código de cada exemplo.
Escolha como os trechos de código são exibidos
Use abas quando os leitores precisarem alternar entre exemplos relacionados ou use o layout de lista para tutoriais passo a passo. Selecione um tema de código, estilo de janela, números de linha, rótulos de cópia, largura, espaçamento e raio.
Incorpore ao seu site
Visualize o widget, copie o código de incorporação e coloque seus exemplos de código em docs, centrais de ajuda, páginas de API, tutoriais de produtos ou guias de configuração onde os visitantes precisam de detalhes de implementação.
Compartilhe exemplos de código fáceis de ler e copiar
Adicione vários trechos de código
Agrupe exemplos relacionados em um único widget, como comandos de instalação, requisições de API, respostas em JSON, helpers de CSS ou código de tutorial. Adicione títulos no estilo de arquivos, rótulos de linguagem e blocos de código editáveis para que os leitores saibam para que serve cada trecho.
Escolha temas de código conhecidos
Faça com que exemplos técnicos combinem com docs, centrais de ajuda e páginas de produtos. Comece com temas integrados como Midnight Glass, Nord, VS 2015, Zenburn, Railscast, Solarized Light ou Tomorrow e depois ajuste as cores principais para combinar com o seu site.
Ajude os visitantes a copiar o código rapidamente
Permita que os visitantes copiem o trecho exato de que precisam sem selecionar o texto manualmente. Adicione botões de cópia, rótulos de estado copiado, números de linha e a moldura da janela para que comandos de configuração e amostras de código sejam mais fáceis de seguir e reutilizar.
Controle o layout e o comportamento de incorporação
Use abas para uma documentação compacta ou o modo de lista para tutoriais passo a passo. Defina largura automática ou personalizada, espaçamento, sombras, visibilidade da marca, exibição em desktop/mobile e CSS com escopo para que o widget se ajuste ao layout da sua página.
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.
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.
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.
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 Trechos de Código
Adicione o widget onde quer que os visitantes precisem de exemplos de implementação sem sair da página.
Documentação para desenvolvedores que precisa de comandos de instalação, requisições de API, exemplos de resposta e trechos de configuração.
Tutoriais de produtos que explicam etapas de configuração com exemplos em HTML, CSS, JavaScript, SQL, shell ou JSON.
Centrais de ajuda que mostram instruções de incorporação, payloads de webhook, trechos de modelos ou comandos de solução de problemas.
Landing pages de SaaS que precisam de exemplos técnicos compactos ao lado de explicações de recursos ou detalhes de integração.
Sites educacionais que publicam código de aulas, arquivos iniciais e exemplos de antes e depois.
Páginas de agências e portfólios que querem exibir exemplos de implementação ao lado de estudos de caso de projetos.
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!
Perguntas Frequentes
O que é um widget de Trechos de Código?
Um widget de Trechos de Código é um bloco de exibição de código incorporável para mostrar exemplos com títulos e estilo de sintaxe no seu site.
Os visitantes podem copiar o código do widget?
Quais layouts estão disponíveis?
Posso exibir números de linha?
Posso personalizar o tema do código?
Quais linguagens posso escolher?
Funciona em dispositivos móveis?
Preciso saber programar para usá-lo?