Visão geral do construtor de sites Tilda

Acreditamos que um excelente design é uma combinação de um milhão de detalhes bem pensados e conhecimento especializado em um determinado campo. É por isso que dizemos que "o conteúdo é fundamental" e criamos uma ferramenta que abrange todos os aspectos técnicos para que você possa se concentrar no que realmente gosta.

O bom design deve estar disponível para todos. O Tilda oferece a todos - de empreendedores criativos a grandes empresas e marcas - a oportunidade de criar designs que antes eram privilégio de clientes de estúdios profissionais.

O construtor de sites Tilda foi o primeiro a introduzir um sistema modular para a criação de sites, uma ideia que mais tarde foi usada por outros serviços. Cada bloco é um grupo de elementos unidos em torno de uma única mensagem. Uma página da Web é composta de blocos, assim como uma casa é composta de andares, para criar uma história consistente.

Mais de 550 blocos divididos em categorias estão disponíveis na Block Library

Sobre. Blocos para descrever os recursos do projeto: Blocos de texto, galerias de imagens e botões de mídia social.

Recursos. Combinações de fotos, textos e ícones organizados em uma lista.

Serviços. Cartões, listas com imagens, colunas com ícones e outras opções para diferentes áreas de negócios.

Como funciona. Linhas do tempo, etapas e cartões para visualizar o processo.

Equipe. Blocos para apresentar os funcionários de sua empresa ou os principais palestrantes.

Reviews. Há várias opções de design disponíveis: Um controle deslizante, várias colunas de texto com fotos ou comentários com uma imagem de fundo.

Cronograma. Linhas de tempo, tabelas e colunas para criar cronogramas ou representações visuais do processo.

Planos de preços. Exiba os preços de seus serviços como cartões, listas ou tabelas.

Partners. Uma grade de logotipos junto com informações adicionais sobre seus parceiros.

Loja. Carrinho de compras, cartões de produtos e pop-ups.

Notícias e feeds. Grades para notícias ou blogs.

Os blocos podem ser reorganizados, copiados, movidos para o início ou o final de uma página, ocultos temporariamente ou excluídos permanentemente. Construir um site a partir de blocos é divertido, é como um jogo, mas, no final, você terá um site real e funcional.

Cada bloco tem várias configurações visuais: Espaçamento, recuos, colunas e tipografia, de modo que qualquer bloco pode ser usado como modelo e seu design ajustado de acordo com suas necessidades. Você terá um site exclusivo, diferente de qualquer outro. Todos os modelos já foram trabalhados por designers profissionais, o que torna a criação de um site no Tilda relativamente rápida.

"O que você vê é o que você obtém" (WYSIWYG) é o princípio orientador da edição de conteúdo no editor visual do Tilda. Para alterar o texto, basta clicar nele e começar a digitar. Para alterar a imagem, basta arrastar a nova imagem sobre a anterior.

90% do design da Web está centrado na tipografia, e é por isso que os designers prestam muita atenção ao design do texto. O texto deve ser claro e fácil de ler, independentemente do tópico do site. Bons pares de fontes, recuo adequado e espaçamento entre linhas - os designers calibram cuidadosamente todos esses parâmetros no desktop e no celular.

A coleção de fontes integrada do Tilda oferece mais de 20 fontes de alta qualidade, incluindo Tilda Sans, Graphik, IBM Plex e Kazimir (gratuita para usuários do Tilda). As bibliotecas do Adobe Fonts e do Google Fonts também são fáceis de conectar. Além disso, você pode fazer upload de sua própria fonte em 9 estilos, bem como usar fontes variáveis e fazer upload de arquivos de fontes WOFF2 para acelerar o fornecimento de fontes.

Os blocos são criados tendo em mente o princípio fundamental de design da hierarquia visual. Isso torna a mensagem estruturada e fácil de digerir, pois os objetos principais e secundários são claramente distinguidos.

Capas de tela cheia, vídeos de fundo, controles deslizantes e galerias de imagens criam designs eficazes para situações em que as imagens substituem as palavras.

Você pode encontrar e adicionar belas fotos gratuitas à sua página da Web sem sair do editor - o Tilda tem uma biblioteca de fotos integrada com mais de 600.000 imagens distribuídas sob uma licença gratuita para uso comercial e não comercial.

Você pode editar as imagens carregadas no editor de fotos integrado. Gire, corte, adicione filtros ou molduras à sua imagem, ajuste a nitidez e muito mais.

Os ícones para empresas estão disponíveis diretamente no Editor, na guia Ícones do Tilda. Os ícones complementam graficamente a página, tornando-a mais interessante e visualmente diversificada. Os designers da Tilda criaram mais de 700 ícones com foco nas necessidades de nossos usuários. É por isso que a coleção inclui mais de 45 conjuntos de ícones que são adequados para diferentes setores.

Para adicionar um vídeo, basta adicionar o ID do vídeo ou um URL do Youtube ou do Vimeo. Os vídeos podem ser usados como plano de fundo na capa ou em um dos blocos prontos, Zero Block, ou galerias de imagens. A animação GIF pode ser adicionada a qualquer bloco da mesma forma que qualquer imagem.

Um modelo é uma página completa, pronta para uso, composta de blocos. Ele pode ser usado como:

Uma característica distintiva dos modelos é que a maioria deles é criada para um negócio específico. Antes de criar um modelo, os designers realizam pesquisas, estudando as especificidades de um campo e suas áreas relacionadas. Eles analisam sites existentes e entrevistam representantes de empresas para entender como tornar o site eficaz. Só então eles pensam em como apresentá-lo visualmente. Essa abordagem possibilita a criação de modelos para sites funcionais com boa aparência.

Os modelos são divididos em categorias:

- Negócios
- Loja
- Evento
- Blog
- Contatos
- Formulário
- Página interna
- Pro (modelos de design criados usando Zero Block)

No Tilda, você pode criar uma loja on-line com cartões de produtos ou simplesmente conectar um sistema de pagamento e aceitar pagamentos on-line - se você realizar webinars pagos ou der aulas, por exemplo.

Conecte um dos serviços e permita que seus clientes paguem com segurança por mercadorias e serviços usando Visa ou MasterCard, pagamentos móveis ou serviços bancários on-line.

O Tilda oferece integrações com vários serviços de pagamento mais populares, como PayPal, 2Checkout ou Stripe. Você também pode adicionar a opção de pagamento após a entrega.

Se você for um desenvolvedor e tiver um sistema de pagamento que gostaria de integrar ao Tilda, poderá fazer isso usando o Gateway de pagamento personalizado.

Use os formulários para coletar qualquer tipo de dados, realizar pesquisas, coletar currículos e testar tarefas e permitir reservas on-line. Personalize os campos de entrada com um editor simples, publique formulários e colete os resultados.

Encontre os formulários de que você precisa na categoria "Formulário e botão".


Tipos de formulários:

Os envios de formulários são armazenados na seção "Leads" no painel do Tilda. Você também pode conectar formulários a serviços de coleta de dados de terceiros - os envios podem ser enviados para o seu e-mail, para uma planilha do Google criada automaticamente, para um serviço de CRM ou e-mail.

Mais de 20 serviços de coleta de dados estão integrados ao Tilda: E-mail, Mailchimp, Google Sheets, Google Forms, Monday.com, Salesforce, Notion, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Bitrix24, Telegram, Slack, Trello, Zapier, Zoho CRM e Hubspot. Você também pode receber dados usando o Webhook ou seu próprio script.

O Tilda CRM é um sistema de gerenciamento de leads integrado e gratuito. O CRM facilita o trabalho com os clientes:

O Tilda CRM é uma boa solução para pequenas empresas e empreendedores que não precisam dos recursos complexos de um sistema de CRM clássico, mas, ainda assim, precisam de um CRM para suas metas de negócios. O

CRM pode ser conectado ao site com um clique, sem custo adicional.

Todos os sites criados com o Tilda são adaptáveis - cada bloco tem 5 versões, que são alternadas e exibidas automaticamente, dependendo dos parâmetros da tela.

Os sites da Tilda são fáceis de usar, têm boa aparência em dispositivos móveis e têm uma classificação mais alta nos mecanismos de pesquisa.

A versão móvel também pode ser personalizada: Você pode desativar parcialmente alguns blocos, substituí-los por outros, adicionar números de telefone clicáveis e definir um menu móvel.

Você sempre pode desativar o design responsivo: Nesse caso, o layout não será alterado, e o site será exibido no celular da mesma forma que no desktop. No entanto, mesmo nesse caso, o tamanho da tela será levado em conta e o site permanecerá organizado.

A capacidade de resposta também é um parâmetro importante de SEO. Os mecanismos de pesquisa classificam melhor os sites compatíveis com dispositivos móveis.

Zero Block é um editor para criar seu próprio design. Permite que você desenhe um site como nos editores gráficos profissionais, mas esse design pode ser publicado imediatamente e funcionará on-line. O editor fornece todas as ferramentas necessárias para um designer: Grade, guias, camadas, dimensionamento, etc.

Zero Block As ferramentas permitem criar layouts elásticos; o design se adaptará automaticamente ao tamanho da tela do usuário.

É possível adicionar uma classe CSS a qualquer elemento em um bloco. Esse recurso facilita a modificação de elementos. Você pode especificar uma classe para um cabeçalho, imagem, galeria ou qualquer outro elemento e nomeá-la no código HTML.

Zero Block também pode ser usado como editor de blocos padrão. A maioria dos blocos da biblioteca pode ser convertida em Zero e você pode alterar sua aparência como quiser.

Se você trabalha com o Figma, pode importar rapidamente seus projetos do Figma para o Zero Block com apenas alguns cliques. Esse recurso economiza muito tempo, pois você não precisa transferir todos os elementos do editor gráfico para o Zero Block e reconstruir o design do site do zero.

Animation in Zero: Configurações avançadas para efeitos de aparência

Animação no Zero: paralaxe e fixação na rolagem

O efeito de paralaxe cria um efeito de profundidade ao variar a velocidade dos elementos em relação ao plano de fundo. A paralaxe tem duas configurações:

O efeito "Freeze" congela um elemento em uma determinada posição durante a rolagem. Você pode definir as coordenadas e a duração do congelamento.

Uma ferramenta poderosa para animação avançada. Com o Step-by-Step Animation, você pode criar cenários de movimento sofisticados para elementos na página. Texto, imagens e objetos podem mudar de posição, mover-se ao longo de uma trajetória, alterar seu tamanho, transparência e ângulo de rotação ao rolar, clicar ou passar o mouse.

A animação de gatilho - ou interativa - dá ao seu site uma camada adicional de interatividade e envolve os visitantes. Você pode criar uma animação para qualquer elemento e atribuir outro elemento como acionador. O acionador iniciará a animação quando você interagir com ele - clique ou passe o mouse sobre ele, por exemplo.

Os sites criados no Tilda são perfeitamente indexados pelos mecanismos de pesquisa graças ao recurso característico da plataforma - a disposição sequencial dos blocos na página.

Em Site Settings (Configurações do site), você encontra o SEO Assistant, um assistente automático que analisa todas as páginas do seu site e faz recomendações específicas para cada página sobre o que precisa ser corrigido ou feito para melhorar a otimização para os mecanismos de pesquisa. As recomendações são muito fáceis de entender e você pode segui-las facilmente, mesmo que não saiba o que é SEO.

Os especialistas em SEO podem se beneficiar das configurações avançadas:

<title> The name of the page that appears in the uppermost browser field. This is the most important tag for optimization, as search engines deem it incredibly important.

<description> A brief description of the page. Search engines use the content of this tag to create a snippet - text that appears next to the link in the search results.

<h1> Main heading of the web page. The next most important tag after <title>.

<h2>,<h3> Tags that set the hierarchy and structure of the page.

Page URLs Set the correct page addresses in terms of SEO, without unnecessary characters.

<alt> Alternative text for images. It is displayed if an image hasn't been loaded and is used by search engines as a keyword for indexing images.

robots.txt A file for search engines that determines which web pages should be indexed and which should not. This file is generated automatically.

sitemap.xml A file for search engines that describes how the content of your website is organized. This helps them index your pages more accurately. This file is generated automatically.

301 redirect This is used when you change your URL address to maintain the "weight" of the page in search engines.

WWW and HTTPS redirects If you're using HTTPS, redirect your readers from HTTP to HTTPS to avoid page duplicates that may lower the ranking. Same for non-WWW and WWW pages.

404 error page An automatic page that is displayed if the requested website cannot be found. For example, if the user makes a mistake when typing the address or if the page has been deleted.

Favicon An image associated with a web page. It is usually displayed in the browser's address bar, in bookmarks, tabs, and other interface elements.

Se o link do site for compartilhado ativamente nas mídias sociais, isso afetará indiretamente a classificação do mecanismo de pesquisa do site e afetará diretamente seu tráfego.

Configurações de marketing de mídia social do Tilda:

Todos os sites da Tilda têm estatísticas integradas. Métricas que você pode acompanhar:

Se você tiver uma loja on-line na Tilda, terá acesso aos seguintes dados:

Uma vez por mês, você recebe um e-mail com o resumo de suas estatísticas.

Essas são as principais métricas que ajudam a medir o desempenho do site. Se você for um profissional de marketing e precisar de acesso a ferramentas avançadas de análise, poderá conectar o Google Analytics ou o Google Tag Manager ao seu site com apenas alguns cliques. Os rastreadores de terceiros são conectados sem problemas - você não precisa adicionar um código ou número de contador, basta fazer login no sistema selecionado e o rastreador será adicionado a todas as páginas do site.

Você também pode adicionar um pixel do Facebook para personalizar a publicidade direcionada.

Você pode conectar seu próprio nome de domínio, como mysite.com. Se já tiver comprado um nome de um registrador de nomes de domínio, basta registrá-lo nas Configurações do site e especificar o endereço IP do Tilda com o registrador.

Você pode atribuir ao seu site um URL parcialmente personalizado, como mysite.tilda.ws, gratuitamente. Os sites com esses URLs não são diferentes dos sites com domínios personalizados e têm a mesma classificação no Google. Você pode configurar esse URL usando qualquer plano de preços, inclusive o Plano Tilda Free.

HTTPS, ou o protocolo de conexão criptografada, conecta-se gratuitamente a todos os nossos sites, sem exigir esforço extra ou habilidades técnicas. Algumas pessoas acreditam que os sites com certificados SSL são mais bem indexados pelos mecanismos de pesquisa.

Várias páginas de destino e páginas de destino com segmentação geográfica permitem que você personalize a página e exiba conteúdo diferente para grupos diferentes de pessoas. Isso é importante se você estiver adaptando mensagens promocionais para várias consultas ou se o seu público estiver dividido por região geográfica ou idioma.

Por exemplo, se você estiver vendendo produtos em Nova York, Baltimore e Chicago, poderá mostrar páginas da Web diferentes para pessoas de cidades diferentes. E se você vende excursões para diferentes países, pode mostrar uma página de excursão à Tailândia para pessoas que estão planejando ir para a Tailândia e uma página de excursão a Bali para pessoas que estão indo para Bali. Quanto mais precisa for a correspondência da página da Web com a consulta, maior será a probabilidade de a pessoa se interessar e permanecer no site.

Você pode substituir palavras separadas, blocos ou páginas inteiras.

Além de sites, você pode usar o Tilda para criar belos e-mails e enviar boletins informativos. Esse recurso está incluído nos planos de preços, portanto, você não precisa pagar nada a mais por ele.

As etapas que você segue ao criar um boletim informativo são as mesmas que as de um site: um e-mail é criado com blocos prontos e o conteúdo muda quando você clica no texto ou na imagem diretamente no layout.

Você começa a criar um boletim informativo escolhendo um dos 11 modelos. Os modelos servem como exemplos de como os boletins informativos podem ser, mas não limitam sua criatividade. Criados por designers a partir de blocos prontos, os modelos podem ser facilmente personalizados para atender às suas próprias necessidades.

Se você está familiarizado com o marketing por e-mail, sabe como os clientes de e-mail são complicados: E-mails que parecem bons em um navegador podem ser completamente ilegíveis em um aplicativo de e-mail no telefone. Ao projetar nosso Email Campaign Builder, definimos uma prioridade: Os e-mails devem ser legíveis e bem exibidos em qualquer dispositivo e em qualquer aplicativo. Tudo o que resta é preenchê-los com bom conteúdo.

Você pode se conectar ao MailChimp, SendGrid ou UniSender para enviar o boletim informativo. Nesse caso, os e-mails podem ser enviados diretamente do Tilda para as listas de contatos registradas no serviço de mala direta.

A exportação de código pode ser usada para qualquer outro serviço de mala direta. Você não precisa configurar nada adicionalmente, o processo é muito simples: Publique seu e-mail, clique em "Copy Code" (Copiar código), vá para seu serviço de mala direta, selecione "Paste Code" (Colar código) e pronto! O boletim informativo está pronto para ser enviado.

O recurso Tilda Feeds, disponível em todos os planos de preços, simplifica a publicação de notícias e blogs diários em seu site.

Os posts são criados em um painel de controle fácil de usar. O editor de texto tem todas as ferramentas básicas de design: Imagens, vídeos, citações, divisores, prefácios e títulos. Tags (seções) podem ser adicionadas à postagem para melhorar a navegação.

As postagens aparecerão automaticamente no site em um bloco com um feed conectado. As postagens podem ser programadas com antecedência e serão publicadas automaticamente.

A Members Area permite que você limite o acesso ao conteúdo exclusivo do seu site, como informações privadas de clientes, participantes de eventos ou parceiros.

Você pode adicionar usuários manualmente enviando links de convite por e-mail para suas contas pessoais ou permitir que eles se inscrevam por conta própria. Crie grupos com diferentes níveis de acesso, adicione usuários e abra diferentes conjuntos de páginas para diferentes grupos. É especialmente útil para criar cursos on-line ou escolas on-line.

A exportação de código é usada quando você já tem um site com várias páginas e deseja complementá-lo com páginas criadas no Tilda. Ao exportar, você obtém um arquivo com imagens estáticas, arquivos HTML, JS e CSS. Coloque os arquivos em uma pasta em seu servidor e seu site crescerá com algumas belas páginas do Tilda.

Se o conteúdo precisar ser atualizado regularmente, você poderá configurar uma sincronização de API. Nesse caso, as alterações feitas na página e publicadas no Tilda serão aplicadas automaticamente em seu site.

Todos os sites, independentemente do plano de preços, são protegidos por padrão contra ataques DDoS com equipamentos especiais.

CDN, ou Rede de Entrega de Conteúdo

A Rede de Entrega de Conteúdo (CDN) permite que você armazene o conteúdo em servidores geograficamente distribuídos e fornece imagens mais rapidamente, levando em conta a localização dos visitantes. Por exemplo, se um usuário estiver localizado em Berlim, ele receberá uma imagem da Alemanha, e não dos EUA ou do Reino Unido.


Lazy Load

Lazy Load é uma tecnologia de carregamento de imagem atrasada. Quando um visitante faz login em um site, as imagens são carregadas sequencialmente à medida que ele navega pelo site, e não todas de uma vez. Isso tem um impacto positivo na velocidade de carregamento do site.


Suporte a WebP

O Tilda converte automaticamente todas as imagens do site em WebP. Esse formato de última geração permite a compactação que reduz o tamanho da imagem em até 35% em comparação com o JPEG, sem perda de qualidade. Você não precisa fazer upload de imagens para o seu site no formato WebP, o Tilda as converterá para você. O tamanho total das imagens é reduzido em 3 vezes após a otimização.

Adaptive Image Resizing

A tecnologia detecta as dimensões do navegador e do contêiner de layout e, em seguida, solicita imagens otimizadas do servidor. Se o tamanho de cada contêiner de imagem for 450 x 300 px, o visitante não receberá uma foto original, mas uma foto dimensionada de acordo com as dimensões do contêiner. E se uma pessoa visitar o site de um telefone celular, o script solicitará ao servidor uma imagem cortada para caber na tela com a resolução desejada.


Monitores Retina e conexão lenta com a Internet

Se um visitante usar um monitor com maior densidade de pixels, o script o reconhecerá e solicitará uma imagem de alta resolução ao servidor. Dessa forma, as imagens aparecerão nítidas nos dispositivos Retina. No entanto, caso a conexão seja lenta (se um visitante estiver navegando do interior, por exemplo), o sistema solicitará uma imagem menor. Isso evitará que a velocidade de carregamento da página diminua.

Os guias e tutoriais detalhados em nossa Central de Ajuda abrangem todas as questões relacionadas à criação de um site no Tilda.

A equipe de suporte do Tilda responde às dúvidas dos clientes por meio do formulário no painel ou diretamente por e-mail.

Os tutoriais em vídeo ajudarão você a aprender como criar uma página de destino ou sites com várias páginas, lojas on-line ou blogs, e mostrarão como o editor Zero Block e outros recursos funcionam.

Além disso, você pode se inscrever em um dos nossos webinars gratuitos que são realizados regularmente. Nossos webinars para iniciantes apresentam a você como o Tilda funciona, enquanto os workshops de assuntos específicos ajudam a entender tópicos mais específicos, como comércio eletrônico, cursos on-line, páginas de destino etc., para que você possa criar sites bonitos e eficazes.

Lançamos o Tilda Education para ajudar as pessoas não apenas a criar sites, mas também a aprender e desenvolver suas habilidades. Publicamos um curso definitivo sobre landing pages e estamos preparando mais conteúdo educacional.

"How to Build a Landing Page" (Como criar uma página de destino) é um manual que ensina a criar, projetar e lançar páginas de destino que convertem e aumentam o número de clientes.

Também publicamos regularmente guias e artigos educacionais sobre design e marketing com conselhos práticos e dicas de especialistas sobre a criação e a promoção de sites e inspiramos a criação de projetos interessantes.

O Tilda criou uma nova abordagem para a criação de sites e mudou a atitude em relação aos criadores de sites em geral. O que torna o Tilda único é que ele é usado tanto por marcas conhecidas quanto por empreendedores iniciantes que ainda não podem contratar uma equipe de programadores e designers.

Port of Zeebrugge, Launch, RedCarey Media, Mentorama, Engenheiros sem Fronteiras, EBAC, Skillspace, Forge, BASK, Simla, CollabHR, Dynamic Aspect, Vinilink, Nomads e outras empresas apreciam o tempo e as oportunidades que a Tilda oferece.

O que os especialistas profissionais escrevem sobre a Tilda você pode ler no Techradar, Smashing Magazine, Techcrunch, SuperbWebsiteBuilders e outros recursos.

Aqui estão alguns depoimentos de nossos clientes:

O que torna o Tilda diferente de outros criadores de sites:

Tilda Personal: Todos os recursos da plataforma, incluindo boletins informativos, formulários on-line, CRM, estatísticas, código personalizado, loja on-line e sistemas de pagamento.

Tilda Business: O mesmo + exportação de código e a possibilidade de criar 5 sites.

Enquanto outros construtores de sites dividem os recursos e pedem taxas adicionais para habilitar estatísticas, formulários on-line ou ferramentas de comércio eletrônico, os planos do Tilda incluem todos os recursos.

Preço: Grátis

Você pode de fato criar e publicar um site no Tilda gratuitamente e não se trata de uma promoção por tempo limitado. Você pode personalizar o URL do seu site, por exemplo, mysite.tilda.ws, e enviar o link para seus amigos ou clientes, anunciar, promover nas mídias sociais e adicioná-lo ao seu perfil.

Preço: US$ 10 por mês com uma assinatura anual

Conecte seu próprio domínio, configure formulários on-line, integre serviços de terceiros, crie uma loja on-line, insira código HTML personalizado, use um sistema CRM integrado e muito mais. O período de avaliação gratuita oferece 2 semanas de Personal Plan gratuitamente, sem necessidade de cartão. Após o período de avaliação, você pode voltar para o plano gratuito, e todo o trabalho será salvo.

Preço: US$ 20 por mês com uma assinatura anual

Adequado para empresas que têm vários sites - o custo por site sai por US$ 4 por mês; também é excelente para designers que criam sites para clientes e trabalham simultaneamente em vários projetos e para desenvolvedores que desejam exportar código.

Você pode criar qualquer site - landing pages, lojas on-line, sites de negócios, cursos on-line, páginas promocionais, etc. - por conta própria. Ninguém pode contar a história do negócio melhor do que o fundador, e o Tilda ajudará com o design: o site será bonito e fácil de usar.

No momento, a plataforma permite que você implemente todos os recursos dos sites modernos. Embora a Web esteja em constante mudança, a característica distintiva do Tilda é que a plataforma está sendo continuamente aprimorada. Você pode ver como a plataforma está evoluindo em nossos relatórios anuais de 2017, 2018, 2019 e 2020. É o resultado dos esforços conjuntos de pessoas que trabalham em um produto pelo qual são apaixonadas para fazer sua empresa prosperar ❤️