Índice:

Como fazer um site estiloso? Publicação de Tilda
Como fazer um site estiloso? Publicação de Tilda
Anonim

- um construtor modular que permite a você criar sites legais em um curto espaço de tempo: portfólios, landing pages, lojas online, projetos especiais, histórias interativas, blogs. Tudo é limitado apenas pela sua imaginação. Como criar o seu próprio site utilizando o serviço, leia as instruções dos nossos amigos da Editora Tilda.

Como fazer um site estiloso? Publicação de Tilda!
Como fazer um site estiloso? Publicação de Tilda!

Como Tilda difere de outros construtores

1. Código de design

Você está montando um site não apenas a partir de elementos, mas a partir de blocos pré-concebidos por um designer. Se for texto, o tamanho da fonte, recuos e espaçamento entre linhas são ajustados nele. Se for uma foto, a legenda estará localizada no lugar correto. A maioria dos blocos é composta de vários elementos que o designer já reuniu em uma composição. Você não precisa ficar pensando onde e o que deve ser localizado.

Tilda: código de design
Tilda: código de design

Por exemplo, capa (primeira tela). Consiste em uma foto, um título, uma descrição e, às vezes, um botão. Você avalia o conteúdo que possui, escolhe a opção apropriada entre 30 capas, altera a foto e o texto - está feito. Você não precisa se preocupar com o tamanho da fonte ou o recuo entre o título e a descrição, onde o botão deve estar localizado. Os designers pensaram por você. Naturalmente, todos os parâmetros podem ser alterados se houver confiança e compreensão do que você está fazendo. Mas, como ponto de partida, os blocos pré-projetados são um suporte muito bom.

Imagem
Imagem

2. Flexibilidade de uso

Os desenvolvedores pensaram em: conectar seu próprio domínio ou subdomínio, sair do site no subdomínio Tilda, exportar o site e colocá-lo em seu servidor, fazer parte do site no Tilda e incorporá-lo ao site existente, configurar a publicação via a API. Existem plugins para integração com o site em WordPress e Bitrix.

3. Serviços para recebimento de dados de formulários

Vinte serviços são integrados ao Tilda: e-mail, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello, Zep Webhook.

Você pode receber aplicativos por e-mail, criar listas de mala direta ou coletar leads em um sistema de gerenciamento de dados de clientes (CRM).

Além disso, os usuários podem usar o Tilda CRM integrado gratuitamente para um trabalho conveniente com os aplicativos.

4. Adicionando elementos únicos

Se você precisar de recursos especiais que não estão disponíveis por padrão, use o recurso de inserção de HTML. Você pode encontrar soluções prontas ou solicitar o desenvolvimento de um programador - um trecho de código não custará uma fortuna.

Serviços fáceis de adicionar a um projeto Tilda:

  • Linha do tempo para eventos -.
  • Mapas interativos -.
  • Venda de ingressos para o evento -.
  • Imagens interativas -.
  • Comentários -.

5. Editor profissional de Zero Block para designers

Com a ajuda de Zero Block, você pode criar um design de site de qualquer complexidade. No bloco Zero, você pode editar todos os elementos do site e configurar animações complexas.

Imagem
Imagem

6. Serviços para aceitar pagamentos

Ao criar uma loja online na Tilda, você pode conectar um sistema de pagamento que seja conveniente para você e receber o pagamento online de forma legal. Tilda tem 14 serviços de pagamento disponíveis para conexão: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe e WayForPay.

Introdução à Tilda Publishing

Introdução à Tilda Publishing
Introdução à Tilda Publishing

Vamos passar da teoria à prática. Depois de se registrar no Tilda, dê um nome ao seu novo site, clique no botão "Criar uma nova página" e você verá uma lista de modelos. Escolha o que mais lhe convier e adapte-o ou comece a partir de uma página em branco. A escolha não limita a sua criatividade de forma alguma: a qualquer momento você pode alterar o modelo irreconhecível. Este é apenas um exemplo de bom design e um exemplo de uso de blocos.

Imagem
Imagem

Se você decidir criar uma página do zero, Tilda oferecerá para você assistir a um breve vídeo sobre como funciona a interface.

A interface é muito simples: à esquerda está uma biblioteca de blocos divididos em categorias. Todo o conteúdo do bloco é editado com base em cliques e alterações.

Editando na Tilda Publishing
Editando na Tilda Publishing

Diretrizes gerais para a criação de um site

Estritamente falando, a criação de um projeto da web não começa com o registro em um construtor de sites. Primeiro, você precisa formular uma ideia e pensar sobre a estrutura, depois realizar pesquisas e, em seguida, esboçar várias opções para o futuro site e preparar o conteúdo. Os detalhes desse processo estão detalhados no artigo da equipe da Tilda Publishing "".

Dê uma olhada em como diferentes tipos de projetos são criados: página, site de várias páginas, blog ou leitura longa.

Esta seção o ajudará a entender melhor os recursos da plataforma e encontrar inspiração. Aqui estão alguns exemplos de bom trabalho do usuário.

Imagem
Imagem

Depois de ter todos os blocos configurados, certifique-se de que o site esteja bonito e arrumado. Alinhe recuos, faça títulos consistentes, verifique se o tamanho da fonte é o mesmo no texto. Certifique-se de que haja espaço livre suficiente no site. Você pode ler mais sobre capricho no artigo da equipe Tilda "".

Pense na navegação do site ou em uma única página. Adicione um menu, certifique-se de que é visualmente bom: não muito grande, não sobrecarrega a página inteira. Não deve haver muitos itens do menu, de preferência não mais do que cinco. Sinta-se à vontade para ampliar as seções. Mantenha os nomes curtos, eles devem ser lidos rapidamente. Um item de menu de três palavras claramente não é uma boa opção.

Exemplo de menu
Exemplo de menu

Certifique-se de incluir uma fonte de marca. No Tilda, você pode selecionar fontes básicas da biblioteca interna. Eles são gratuitos para usuários da plataforma. Você também pode conectar fontes do Adobe Fonts, Google Fonts ou fazer upload de suas próprias fontes.

Publique seu site. Dê a ele um nome usando o subdomínio Tilda, conecte seu próprio domínio ou exporte o código e coloque-o em seu servidor.

Não se esqueça das estatísticas. Tilda possui estatísticas integradas para sites e lojas online. Para análises mais profundas, cadastre-se no Google Analytics ou Yandex. Metrica, pegue o código e escreva-o nas configurações.

Tome cuidado com a aparência do seu site quando for exibido em mecanismos de busca ou redes sociais: preencha o nome do site, a descrição, adicione palavras-chave. Forneça a cada página uma pequena foto, então, ao compartilhar, ela será qualitativamente emoldurada.

Benefícios da Tilda Publishing

  1. Não há necessidade de saber o código … Você não precisa aprender a codificar ou pedir ajuda a programadores familiares. Todas as configurações em um editor conveniente.
  2. Nenhum designer necessário. Os blocos são desenhados por profissionais, todas as proporções são verificadas e harmoniosas.
  3. Design adaptativo. Os blocos são projetados para que você não precise ajustar o design para tablets e smartphones. O site parece ótimo em todos os dispositivos.
  4. Edição simples. Se você faz um site para um cliente, no futuro ele poderá fazer alterações rapidamente e manter o site por conta própria, sem a ajuda de profissionais.
  5. Domínio ou exportação. O site se conecta ao seu próprio domínio ou é exportado como código para hospedagem em outro servidor.
  6. Análise integrada. Você pode visualizar visitas e usuários (inclusive por página). Além disso, os contadores Google ou Yandex são conectados em uma interface especial, bastando especificar um número.
  7. Motor de Otimização de Busca … Você controla a aparência do site nos resultados de pesquisa ou nas redes sociais.
  8. Projeto de qualquer complexidade. Você pode criar seus próprios blocos e ter controle total sobre a disposição dos elementos do site.
  9. Personalização flexível. Quaisquer elementos especiais são adicionados colando o código HTML.
  10. Grande seleção de fontes. Conecte qualquer fonte do Typekit, Google Fonts ou use a sua própria.
  11. Formas de recebimento de dados. Seus clientes poderão se inscrever para receber atualizações, deixar seu número de telefone ou e-mail. Nove serviços integrados de recepção de dados.

Planos tarifários

Sem custos. Um site, 50 páginas, 50 MB de espaço no servidor. Endereço do site no formato mysite.tilda.ws. É grátis.

Pessoal. Um site, 500 páginas, 1 GB de espaço no servidor. Conexão de domínio e coleção completa de blocos. 500 rublos por mês, se pagos por ano.

O negócio. Cinco sites, 500 páginas (para cada site), 1 GB de espaço no servidor. Exportação de código. 1.000 rublos por mês, se pagos por ano.

Educação Tilda

Imagem
Imagem

Para além do serviço de criação de sites da plataforma, existe a revista online Tilda Education, uma biblioteca de conhecimentos sobre web design e marketing. Guias práticos e tutoriais em vídeo respondem à pergunta específica "como?" e ajuda no trabalho diário. Os artigos de design contêm ferramentas para encontrar ideias, ampliar seus horizontes profissionais, moldar seu gosto visual e acompanhar as tendências de design da web. As histórias de usuários da Tilda inspiram você a criar seus próprios projetos, e os cursos ajudam a dominar a teoria básica de design e melhorar sua competência de publicação na web.

Tilda lançou cinco cursos que você pode fazer por conta própria a qualquer momento: "Criação de uma página de destino", "Design em um ambiente digital", "Marketing na Internet do zero", "Animação na web" e um curso em vídeo sobre o método de desenvolvimento de produto Jobs-to-Be - Feito.

Recomendado: