Guia Prático para criar o seu Website com o Web Builder da Trignosfera
O Web Builder trata-se de uma avançada ferramenta de construção de websites da Trignosfera, disponibilizada gratuitamente nos Planos de Alojamento e Revendas, que lhe permitirá criar o seu Website ou Landing Page. É totalmente responsive, SEO amigável, tem interface Drag-and-Drop e está integrado com redes sociais. Através do seu painel de controlo (Cpanel) poderá criar e gerir o seu website, 24h por dia, 7 dias por semana com total liberdade e sem depender de terceiros.
Índice do artigo
Funcionalidades:
- 190+ templates;
- Sem limite de páginas;
- Drag-and-Drop;
- Totalmente responsive;
- Módulo e-Commerce;
- Multi língua;
- Vários Plugins (galerias de imagem, formulários de contacto, mapas, vídeos,…);
- Integração com Redes Sociais;
- Processadores de Pagamentos;
- entre outros…
Está preparado para construir o seu Website? Com o Web Builder é simples e não necessita de conhecimentos de programação nem de design.
Vamos a isso? Então, siga os passos abaixo e comece já a criar o seu website!
Configurações iniciais
1º Passo: Aceda ao cPanel/Painel de Controlo e introduza os dados de acesso fornecidos: Username e Password.
2º Passo: No Painel de Controlo, selecione a opção “Web Site Builder”.
3º Passo: Selecione o domínio para o qual pretende criar o seu Website, clique no mesmo e será redirecionado para o Web Builder.
4º Passo: De seguida, serão apresentados os templates existentes para que possa selecionar o mais indicado para o website que irá construir.
Antes de escolher o template, deslize com o rato por cima do modelo e clique em “Preview” para analisar cada uma das opções disponibilizadas. Depois de escolhido, clique em “Select”.
Customização do Template
Após selecionar o template ajustado às suas necessidades, está pronto para começar a personalizar o seu website! Abaixo, apresentamos, uma imagem relativa ao painel do WebBuilder, o qual disponibiliza todas as funcionalidades para que possa personalizar o seu website.
Publish
Se clicar neste item, irá encontrar as seguintes funcionalidades:
- Publish – Quando estiver pronto, clique neste botão e publique o seu website;
- Save Draft – Possibilidade salvar o conteúdo, sem publicar.
- Backup/Restore – Faça um backup do website para o seu PC, para restaurar mais tarde, se necessário. Poderá optar por fazer o Restauro a partir de um ficheiro ou um Auto Backup.
Preview
Verifique como está a ficar o website nos diferentes ecrãs: Wide, Desktop, Tablet, Phone. Assim, certifica-se de que as alterações que está a implementar estão a ficar ajustadas às diferentes janelas de visualização. Caso não estejam, é uma forma de rapidamente ajustar.
Undo / Redo
Caso necessite de anular um ou mais passos ou repor alguma alteração.
New / Reset
- “Change Template” – Se por algum motivo, verificar que o template escolhido não é o mais adequado, clique nesta opção, e opte por outro entre os apresentados. Opções não faltam!
- “Reset” – Ao clicar neste botão, irá ser reposto o template sem as configurações até ao momento implementadas.
- “Import” – Digite o URL do website que pretende importar e clique na opção “Yes, import website”. Esta ferramenta é muito útil e poderá fazê-lo poupar imenso tempo. Teste já! Após decorrer a importação, o seu website estará apto a ser editado através do Web Builder.
Desktop/ Tablet / Phone
Verifique, regularmente, como é que o conteúdo que está a criar se ajusta a cada um dos dispositivos e faça os ajustes necessários.
Auto Layout
Ajusta automaticamente o conteúdo aos diferentes ecrãs. Fantástico, certo? No entanto, convém sempre validar!
Text
Para adicionar um novo Bloco de Texto, basta clicar em “Text” e arrastar para local pretendido.
Picture
Quer adicionar uma nova imagem? Clique em “Picture” e arraste o módulo para o local pretendido. Importe as suas próprias imagens ou se preferir, utilize as disponibilizadas (e gratuitas) no banco de imagens. Pode também importar a partir de URL.
Galery
Arraste o módulo para a área correta. Selecione as imagens pretendidas para criar a Galeria e Clique em “Apply”.
Depois de inserir as imagens e fazer as edições necessárias, como por exemplo, Reordenar, Adicionar Título, Link e Descrição, clique em “Apply”. Após esse passo, poderá optar por alterar o tipo de Galeria. Para isso, no canto superior direito da Galeria, clique no ícone “Lápis” > “Change Type” > e opte por uma das opções: “Thumbnails”, “Slideshow” ou “List”.
YouTube
Arraste a funcionalidade e adicione no local pretendido. Clique no ícone “Lápis” e em “General” adicione o URL do vídeo ou o ID. Em“Options” poderá ajustar as dimensões do vídeo, bem como a sua posição e as páginas onde deverá aparecer. No final, cliquem em “Apply”!
Google Maps
Selecione o módulo e arraste. No canto superior direito, clique no ícone “Lápis” e de seguida em “Properties”. No Google Maps, gere a “API Key”e adicione no respetivo campo. Adicione a morada e ajuste o nível de Zoom. Em “Options” define as dimensões do mapa, bem como a sua posição e as páginas nas quais irá surgir.
Shape / Line
Poderá ser útil para organizar o conteúdo. Basta arrastar cada uma das funcionalidades para o espaço onde deverá surgir.
Button
Útil para criar “Call To Action”. Insira o botão na área pretendida. Em “General” configure o Texto, o URL, a Fonte, o Tamanho, o Alinhamento, o estilo da Linha, as cores “Default”, “Hover” ou “Active”, e o Background (cor, imagem, posição). No separador “Options” configure o tamanho, a posição, anchor name, e em que páginas aparecerá.
Form
Para criar e configurar o seu formulário de contacto, arraste para o local indicado, o respetivo módulo. Depois, no canto superior direito, clique no ícone “Lápis” e de seguida em “Properties”.
Entre outras opções, poderá selecionar os campos a incluir, a opção de concordância com os termos e condições (importante, para conformidade com RGPD), definir recetor e destinatário do email, assunto, configurar SMTP, configurar o Recaptcha, entre outras possibilidades.
Menu
Acessível, de duas formas: Pode optar por arrastar o módulo, na opção “Menu” ou no canto superior direito, conforme imagem. Se quer adicionar uma nova Página, poderá fazê-lo a partir desta funcionalidades.
Languages
Poderá também configurar outros idiomas a adicionar ao seu websit
Blocks
O Web Builder disponibiliza também blocos pré-configurados. Selecione qual pretende utilizar e arraste para a posição correta:
Social
Poderá adicionar funcionalidades tais como: “Gostar da Página Facebook”, Links para as Redes Sociais, Comentários, etc.
Advanced
Terá acesso a funcionalidades adicionais tais como: Chat online (Zopim, Olark, Tawk.to ), Calendário, AdSense, Vimeo, HTML, etc.
Commerce
A partir deste módulo, terá acesso às diferentes funcionalidades para começar a configurar a sua loja online: “Store”, “Store Cart“, e os diferentes métodos de pagamento.
Map
Disponibiliza Yandex Map, Bing Maps e Baidu Maps.
Configurações Gerais:
Antes de lançar o seu Website, configure as seguintes opções:
SEO
Em General, defina o Título, a Descrição as Keywords e o URL para cada uma das páginas. Em “Analytics“, adicione o Google Analtytics Tracking ID, Código da Google Search Console e Sitemap URL.
Background
Poderá definir cor, imagem, posição e tamanho para o fundo de cada uma das páginas do seu website.
Styles
Tem diferentes opções à sua escolha. Explore e teste!
Favicon
Serve para identificar o seu website na Tab do browser
Settings
Poderá configurar entre outras opções: HTTPS, adicionar Meta Tags, adicionar scripts. robots.txt, Política de Cookies.
Faça a revisão geral, teste todas as funcionalidades e se estiver tudo OK, clique no em “Publish” e o seu website fica online!
Caso fique curioso por saber mais sobre a Trignosfera, poderá consultar outro artigo nosso com as 5 principais razões que fazem a Trignosfera ser a sua escolha acertada!
– https://www.trignosfera.pt/content/5-razoes-para-ser-nosso-cliente
Caso tenha alguma duvida ou questão sobre este artigo ou até outras questões, não hesite em nos contactar pelos nossos diversos métodos de contacto:
Emails:
geral@trignosfera.pt
Admin@trignosfera.pt
apoio@trignosfera.pt
Ou através das nossas presenças nas redes sociais:
Facebook:
www.facebook.com/trignosfera
Twitter:
www.twitter.com/trignosfera
Com os meus melhores Cumprimentos,
Paulo Eduardo
CEO & Founder – Trignosfera