Elementos do Site
Accordion
Aprenda como inserir o elemento Accordion no site
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como sincronizar o Banner Rotativo com um Accordion?
Aprenda a como configurar o elemento "Botão" no elemento "Accordion" do Construtor de Sites Builderall Builder e sincronize a sua ação com os grupos criados no "Banner Rotativo", dessa forma, é possível personalizar cada clique do botão para encaminhar seu cliente a diferentes grupos do seu Banner.Acompanhe no vídeo ao lado a configuração que iremos aprender neste tutorial
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração dos elementos. Passo 3 - Adicione o elemento do Banner Rotativo ao painel do site e configure como desejar cada página do grupo.
Dúvidas em como adicionar e configurar o elemento do Banner Rotativo? Assista o tutorial da nossa Central de Ajuda sobre "Saiba como inserir e configurar Banner Rotativo no Computador e Mobile" e aprenda a como configurar agora: Clique aqui!
Passo 4 - Adicione o elemento do Accordion no mesmo painel da página que foi adicionado o Banner Rotativo e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento do Accordion? Assista o tutorial da nossa Central de Ajuda sobre "Aprenda como inserir o elemento Accordion no site" e aprenda a como configurar agora: Clique aqui!
Passo 5 - Clique no elemento do Accordion após configurado e adicione dentro do elemento um Botão; configure o elemento do Botão como desejar.
Passo 6 - No submenu do Botão adicionado, clique no ícone de "Definir link" para configurar a ação do Banner Rotativo.
Passo 7 - No menu lateral esquerdo, selecione a opção Banner Rotativo; selecione a página do Banner que irá aparecer ao clicar no botão configurado; clique no botão "Selecione" para salvar a configuração.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos botões desejar em um único ou em diferentes Accordions e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Âncora
Como adicionar uma âncora ao menu do site?
O que são âncoras e como elas podem auxiliar na navegação do seu site?
Facilitar a navegação do usuário ao seu novo site, com certeza, é uma das suas prioridades; um site com boa navegabilidade permite que o consumidor encontre facilmente elementos e informações que deseja em seu site/página através de poucos ou cliques certeiros; pensando nisso, a âncora aparece como um dos principais recursos para facilitar a navegação em sites. Chamamos de âncora qualquer elemento que, ao ser selecionado, leve automaticamente e quase instantaneamente o usuário a um ponto-chave da sua página, por esse motivo, a ação recebe o nome de "âncora", pois o objetivo principal dessa configuração em um elemento é de "puxar" o usuário até outro elemento em sua página. Vamos aprender no tutorial a seguir a como configurar a função "âncora" no menu do seu site: Acompanhe no vídeo a baixo a configuração que iremos aprender neste tutorial
No Construtor de Sites Builderall Builder é possível configurar âncoras vinculadas aos painéis do site, vamos iniciar o nosso tutorial aprendendo a como salvar seu painel como uma âncora: Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar a âncora:
Passo 2 - Localize a opção de "Âncora" no menu de configurações e selecione a caixa de "Ativo"; após ativar sua âncora, nomeie a âncora que será vinculada ao painel escolhido.
Dica! Escolha nomes fáceis para identificar as âncoras dos paineis para facilitar os próximos passos!
Os passos para salvar a âncora em um painel estão completos; feche a aba de configurações do painel e siga os próximos passos! Agora, vamos aprender a como vincular cada item do nosso menu as âncoras criadas:Passo 1 - Adicione o elemento do Menu em um dos painéis do site e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento do Menu? Assista o tutorial da nossa Central de Ajuda sobre "Como configurar um menu?" e aprenda a como configurar agora: Clique aqui!
Passo 2 - No submenu do Menu adicionado, clique no ícone de "Config items" para abrir o menu de configuração dos itens do menu.
Passo 3 - Clique no ícone de link ao lado direito do item do menu que será vinculado a âncora do painel.
Passo 4 - No menu lateral esquerdo, selecione a opção Âncora; selecione a âncora desejada vinculada ao determinado painel anteriormente configurado e que irá aparecer ao clicar no item do menu; clique no botão "Selecione" para salvar a configuração.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas âncoras desejar em diferentes painéis e itens do menu e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como configurar uma âncora no botão?
O que são âncoras e como elas podem auxiliar na navegação do seu site?
Facilitar a navegação do usuário ao seu novo site, com certeza, é uma das suas prioridades; um site com boa navegabilidade permite que o consumidor encontre facilmente elementos e informações que deseja em seu site/página através de poucos ou cliques certeiros; pensando nisso, a âncora aparece como um dos principais recursos para facilitar a navegação em sites. Chamamos de âncora qualquer elemento que, ao ser selecionado, leve automaticamente e quase instantaneamente o usuário a um ponto-chave da sua página, por esse motivo, a ação recebe o nome de "âncora", pois o objetivo principal dessa configuração em um elemento é de "puxar" o usuário até outro elemento em sua página. Vamos aprender no tutorial a seguir a como configurar a função "âncora" em um botão do seu site: Acompanhe no vídeo abaixo a configuração que iremos aprender neste tutorial
No Construtor de Sites Builderall Builder é possível configurar âncoras vinculadas aos painéis do site, vamos iniciar o nosso tutorial aprendendo a como salvar seu painel como uma âncora: Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar a âncora:
Passo 2 - Localize a opção de "Âncora" no menu de configurações e selecione a caixa de "Ativo"; após ativar sua âncora, nomeie a âncora que será vinculada ao painel escolhido.
Dica! Escolha nomes fáceis para as âncoras vinculadas aos painéis e facilite a identificação nos próximos passos!
Os passos para salvar a âncora em um painel estão completos; feche a aba de configurações do painel e siga os próximos passos! Agora, vamos aprender a como vincular o botão do nosso site a âncora criada:
Passo 1 - Adicione o elemento do Botão em um dos painéis do site e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento do Botão? Assista o tutorial da nossa Central de Ajuda sobre "Como adicionar um botão?" e aprenda a como configurar agora: Clique aqui!
Passo 2 - No submenu do Botão adicionado, clique no ícone de "Definir link" para configurar a ação de âncora no elemento.
Passo 3 - No menu lateral esquerdo, selecione a Âncora; selecione a âncora desejada vinculada ao determinado painel anteriormente configurado e que irá aparecer ao clicar no botão; clique no botão "Selecione" para salvar a configuração.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas âncoras desejar em diferentes painéis e botões e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Animação
Adicionando um Elemento Animado ao site
Com o "Elemento Animado" do Construtor de Sites Builderall Builder, você consegue adicionar contadores e barras de progresso animadas, deixe sua tela mais dinâmica e chame a atenção do visitantes enquanto navegam pelo seu site!
Como adicionar um Elemento Animado?
Passo 1 - Acesse o site e a página que deseja adicionar o Elemento Animado no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção adicionar e clique na área de elementos; selecione a opção "Elementos Animados".
Passa 4 - Selecione um entre os três tipos de elementos animados disponíveis no construtor de sites e arraste até o painel desejado.
Como editar os Elementos Animados?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar o elemento animado.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.Elemento clone - selecione para duplicar o elemento animado selecionado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o elemento criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edições dos elementos animados:
• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site. • Cores em Geral: configure as cores do elemento adicionado.• Borda: crie uma borda para o seu elemento de diferentes tamanhos, formas e cores. • Raio: configure os cantos do seu elemento, eles podem ser quadrados, arredondados ou completamente circulares. • Texto do contador: configure o número inicial, final, o tempo de contagem entre esses números e todas as configurações voltadas ao texto do seu contador. • Sombra: crie e configure uma sombra para o elemento animado.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos elementos animados desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como ativar as animações em meu sistema operacional?
Está tentando configurar as opções de animações nos elementos do seu site no Cheetah, porém aparece um aviso de erro? Não se preocupe! Esse erro ocorre devido à opção de "permitir animações" do seu sistema operacional estar desabilitado por padrão, refletindo no Construtor de Sites Cheetah, que não terá permissão, pelo seu próprio sistema, para mostrar as animações selecionadas corretamente.Vamos aprender a como ativar as animações em cada sistema operacional? Siga as instruções apenas do seu sistema operacional!
Windows 7
Passo 1: Acesse o painel de controle do Windows 7.Passo 2: Acesse a opção "Facilidade de Acesso".Passo 3: Escolha a opção do tópico "Facilite a visualização do computador".Passo 4: Ative a opção "Ativar todas as animações (quando possível)".
Windows 10
Passo 1: Acesse as "Configurações" do Windows 10Passo 2: Acesse a opção "Facilidade de Acesso".Passo 3: Acesse no menu lateral em "Visão" a opção "Tela". Passo 4: No tópico "Simplificar e personalizar o Windows", ative a opção "Mostrar animações no Windows".
MacOS e IOS
MacOS
Passo 1: Acesse as "Preferências do Sistema" no MacOS. Passo 2: Acesse a opção "Acessibilidade".Passo 3: Acesse a área de "Exibição". Passo 4: Desmarque a opção "Reduzir movimento". IOS
Passo 1: Acesse as "Configurações" do IOS. Passo 2: Acesse a opção "Acessibilidade" dentro da área "Geral".Passo 3: Desmarque a opção "Reduzir movimento".
GTK/GNOME (Linux)
Passo 1: Acesse o painel de "Ajustes" do Linux.Passo 2: Acesse a opção "Aba Geral" ou "Aparência" (O nome varia dependendo da versão do seu Linux).Passo 3: Ative a opção de "Animações" na mesma aba.
Android 9+
Passo 1: Acesse as "Configurações" do seu Android.Passo 2: Acesse a opção "Acessibilidade"Passo 3: Desmarque a opção "Remover animações". Após ativar as animações, basta retornar ao Cheetah e testar a configuração da animação em seus elementos novamente!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Lottie Files
O que é a Lottie Files? O termo "Lottie" refere-se a um formato de arquivo de animação baseado em JSON. Esse tipo de arquivo se destaca por ser pequeno, porém sem comprometer a alta qualidade das animações, funciona em qualquer dispositivo e pode ser ampliado ou reduzido sem pixelização. Dessa forma é possível utilizar animações em qualquer plataforma com a mesma facilidade de usar imagens estáticas. Com a plataforma externa "Lottie File's" é possível criar, editar, procurar arquivos já prontos de animações, entre outras opções para arquivos Lottie. Aprenda neste tutorial a como adicionar esse estilo de arquivo diretamente ao seu site no Builderall Builder e crie experiências que conectam, divertem e envolvem os seus visitantes.
Curiosidade! O termo "Lottie" é uma homenagem a Charlotte "Lotte" Reiniger, uma pioneira alemã da animação em silhueta.
Atenção! A plataforma externa Lottie Files não possui tradução para a língua portuguesa.
Como adicionar animações da Lottie Files no meu site no Builderall Builder?
Passo 1 - Acesse o site da Lottie Files; faça o login em sua conta ou crie uma nova conta. Passo 2 - Acesse a área de "Biblioteca de Animações Gratuitas". A Lottie Files oferece diferentes opções para adquirir animações: contratação de ilustradores, compra de ilustrações especificas, animações liberadas através do plano pro e animações no plano gratuito. Acesse a área de animações gratuitas através do menu superior em "Products" > "Animations" > "Free Animations"
Passo 3 - Ao encontrar uma animação que você goste, clique em cima para abrir o pop-up de opções da animação. A plataforma Lottie Files oferece diferentes opções para a animação ao abrir pop-up, nesse tutorial, vamos focar nas opções que permitem adicionar a imagem ao site no Builderall Builder. É possível adicionar a animação selecionada de duas formas: 1º Forma:
• Copie a URL da animação em "Lottie Animation URL":
• Acesse o seu site no construtor de sites Builderall Builder; escolha um painel em sua página ou adicione um novo para a configuração do elemento; acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Lottie File":
• Selecione a animação exemplo e arraste até o local do painel que deseja adicionar a animação:
• Abra a área de edições do elemento no Builderall Builder; selecione a aba de "Configurações"; cole a URL copiada no campo "External url":
A animação será adicionada automaticamente no elemento do painel.
2° Forma: • Clique na área de "Download" no menu superior do pop-up, entre as opções de download, selecione o arquivo "Lottie JSON".
• Acesse o seu site no construtor de sites Builderall Builder; escolha um painel em sua página ou adicione um novo para a configuração do elemento; acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Lottie File":
• Selecione a animação exemplo e arraste até o local do painel que deseja adicionar a animação:
• Abra a área de edições do elemento no Builderall Builder ; selecione a aba de "Configurações"; clique na opção "Lottie File" para acessar a área de diretório das animações, nessa área é possível: realizar o upload de uma nova animação em JSON ou acessar animações adicionadas anteriormente:
• Acesse a área de "Upload file"; clique no botão "escolher arquivo" e selecione o arquivo que deixa realizar o upload; para confirmar o envio do arquivo ao diretório, selecione a opção "Enviar Lottie File":
A animação será adicionada automaticamente a área de "List Files", selecione a animação desejada para substituir o elemento adicionado no painel.
Como editar a animação escolhida?
Antes de aprendermos as opções de configurações para a animação no Builderall Builder, vamos conhecer o submenu indicado ao selecionar a animação.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Elemento clone - selecione para duplicar o elemento criado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o elemento criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição para animações Lottie File:
• Configurações: adicionar a animação deseja e altere as opções de "loop" e "controles" da animação.
• Tamanho: configure a altura e largura do elemento adicionado na versão desktop; para a versão mobile e tablet (caso habilitada) é possível configurar apenas a altura.• Configurações de Fundo: altere a cor de fundo da animação adicionada.• Tag: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data- tag.• Camadas: alternativa para a configuração de posicionamento das camadas. • Avançado: alternativa para as configurações de salvar a imagem como elemento pessoal
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas animações Lottie desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Áudio
Como criar uma página de Podcast no Builderall Builder?
O termo Podcast refere-se a um conteúdo em áudio, similar a um programa de rádio, disponibilizado através de um arquivo ou streaming, esse conteúdo pode ser acessado pela internet a qualquer hora e em diferentes dispositivos, podendo ter temas e durações variáveis. Aprenda a como inserir conteúdos de áudio em suas páginas no construtor de sites Builderall Builder e crie seus Podcasts de forma fácil e rápida. Inicie a configuração do seu Podcast criando no construtor de sites Builderall Builder a página que deseja adicionar sua faixa de áudio, use sua criatividade, adicione elementos na página vinculados ao seu conteúdo e priorize chamar atenção ao local onde a faixa de áudio será adicionada. Agora que criamos a nossa página, vamos iniciar a configuração para adicionar a faixa de áudio: Passo 1 - Acesse no Dashboard inicial da sua conta Builderall a ferramenta Builderall Video Hosting.
Passo 2 - Acesse no menu lateral esquerdo da ferramenta, a opção de "Meus vídeos"; acesse a área de "Som".
Passo 3 - Selecione o botão na lateral superior direita "Novo Vídeo".
Passo 4 - Adicione um nome para o arquivo de áudio que será adicionado ao Builderall Video Hosting; Clique na opção "Selecionar arquivo" ou arraste e solte o arquivo de áudio que será hospedado no Builderall Vídeo Hosting. É possível adicionar arquivos de áudios nas extensões: MP3 ou .OGG
Passo 5 - Após o arquivo de áudio ser enviado e codificado corretamente, selecione o botão "OK" para o completar o upload do arquivo
Quer aprender mais sobre o Builderall Video Hosting e como utilizar as opções de vídeo após salvar seu arquivo? Acesse a página de tutoriais em nossa Central de Ajuda sobre a ferramenta e confira todas as opções disponíveis! Clique aqui!
Áudio salvo! Vamos aprender agora a como inserir o arquivo de áudio em nossa página no Construtor de Sites Builderall Builder.Passo 1 - Acesse o menu lateral direito do construtor de sites; selecione a opção adicionar e clique na área de elementos; selecione a opção "Vídeo".
Passo 2 - Escolha a opção entre as ferramentas de hospedagem de vídeo disponíveis no construtor "Builderall Video Hosting" e arraste até o local do painel desejado.
Passo 3 - Acesse a Área de Configurações do elemento de vídeo adicionado; clique na opção "Vídeo"; selecione o botão "Recarregar":
Passo 4 - Selecione o nome respectivo do arquivo áudio adicionado no Builderall Video Hosting.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos arquivos de áudio desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe BuilderallBanner
Saiba como inserir e configurar Banner Rotativo no Computador e Mobile
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Saiba como liberar conteúdo por data com o Banner Rotativo e Menu Dripping
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Botão
Como adicionar um botão?
Adicionar botões em seu site são sempre uma boa forma de guiar os seus visitantes e leads a completarem uma ação específica que você pretende, exemplos: se inscrever em um formulário, baixar um ebook, visitar outras páginas do site, entre outros. Além de atrativos, incentivam o visitante ao clique no local. Aprenda neste tutorial a como criar botões personalizados no Construtor de Sites Builderall Builder.
Como adicionar um Botão?
Passo 1 - Acesse o site e a página que deseja adicionar o Botão no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Botão".
Passo 4 - Escolha um, entre os 38 modelos de botões que irão aparacer; clique no botão escolhido e arraste até o local do painel desejado.
Como editar o Botão escolhido?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar o botão.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Definir link - selecione para abrir o menu de opções de configurações de redirecionamento ou ação para o botão. Elemento clone - selecione para duplicar o botão criado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o botão criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição do Botão:
• Tamanho: configure a altura e largura do elemento adicionado na versão desktop.• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site. • Cores em Geral: configure as cores do elemento adicionado.• Borda: crie uma borda para o seu elemento de diferentes tamanhos, formas e cores. • Raio: configure os cantos do seu elemento, eles podem ser quadrados, arredondados ou completamente circulares. • Título: configure o texto principal do botão adicionado.• Subtítulo: configure o texto secundário do botão adicionado.• Sombra: crie e configure uma sombra para o botão adicionado.• Animação: configure uma ação/animação para o botão baseado em tempo, clique, ação do mouse ou visibilidade do local.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos botões desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como configurar animação de entrada por tempo no botão?
Deseja que seus clientes acompanhem o vídeo ou texto explicativo do seu conteúdo antes de clicar no botão de chamada para a ação? Botões com "delay" (atraso) são uma ótima estratégia para que o botão de chamada apareça apenas no momento exato do vídeo ou texto que você deseja que seu cliente realize determinada ação. Aprenda neste tutorial a como adicionar animações de tempo e criar botões com "delay" utilizando o Construtor de Sites Builderall Builder:
Acompanhe no vídeo ao lado a configuração que iremos aprender neste tutorial
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento. Passo 3 - Adicione o elemento do Botão ao painel do site e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento do Botão? Assista o tutorial da nossa Central de Ajuda sobre "Como adicionar um botão?" e aprenda a como configurar agora: Clique aqui!
Passo 4 - Clique no botão adicionado e selecione a opção de Editar elemento no submenu do elemento.
Passo 5 - Selecione a opção Animação no menu de configurações.
Passo 6 - Escolha a opção de animação por Tempo; para configurar o tempo de entrada, adicione no campo "Hora que começar" o tempo que deseja que o botão fique oculto, após o fim do tempo adicionado, o botão irá aparecer em sua página/painel através da animação escolhida.
Importante! A medida de tempo utilizada no campo é em segundos, ou seja, ao adicionar o número 5, por exemplo, o botão irá aparecer 5 segundos após o cliente acessar sua página, caso deseje utilizar o tempo em minutos ou horas, converta os valores para segundos antes de adicionar ao campo.Exemplo: 5 minutos (tempo desejado) = 300 segundos (tempo convertido para adicionar ao campo).
Passo 7 - Para configurar animações de entrada por tempo corretamente, é obrigatório o uso de efeitos de animação também de entrada, ou seja, efeitos que possuem a sílaba IN no nome, exemplo: FadeIN. Selecione o efeito de entrada desejado.
Passo 8 - Além do efeito de animação, podemos configurar a velocidade do efeito na opção "Speed" e se a animação de entrada irá se repetir infinitamente; acompanhe todas as configurações na tela ilustrativa, dessa forma, é possível confirmar as animações escolhidas e a velocidade no mesmo local.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos botões animados desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como adicionar uma Tag de Rastreamento no botão
Neste tutorial, iremos aprender a como adicionar uma Tag de Rastreamento no botão do seu site utilizando as configurações de script do Builderall Builder e o código do Google Ads; atualmente, não é possível realizar o rastreio dos cliques no botão por uma função ou ferramenta nativa da Builderall, porém, com a configuração indicada abaixo, a cada clique identificado no botão, o código do Google Ads é acionado, permitindo o acompanhamento através da plataforma externa.
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento. Passo 3 - Adicione o elemento do Botão ao painel do site e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento do Botão? Assista o tutorial da nossa Central de Ajuda sobre "Como adicionar um botão?" e aprenda a como configurar agora: Clique aqui!
Passo 4 - Clique no botão adicionado e selecione a opção de Editar elemento no submenu do elemento.
Passo 5 - Selecione a opção Configuração de Tag no menu de configurações e adicione o nome da tag que será vinculada ao clique no botão.Exemplo: CLICOU
Passo 6 - Retorne para a página principal do site no Construtor de Sites Builderall Builder e acesse as Configurações da página que o botão foi configurado.
Passo 7 - Localize o campo Script da Página e siga os passos a seguir:
• Copie o script abaixo e cole no campo de script da página indicado acima.
• Altere o texto "NOME DA TAG" no script e adicione o mesmo nome configurado no campo de Configuração de Tag no botão anteriormente.
Atenção! Não delete as aspas do script, altere apenas o nome da tag para o nome já configurado.
• Delete o texto console.log('funcionou'); do script e adicione no mesmo local o código do Google Ads.
• Retorne ao topo da página e salve o script adicionado.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure o rastreamento de quantos botões desejar em um único ou em diferentes painéis! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Cabeçalho
Como configurar Elementos Globais?
Com a função de Elementos Globais do Construtor de Sites Builderall Builder, é possível configurar os elementos do tipo: pop-up, cabeçalho e rodapé, uma única vez para o seu site; crie seus modelos e utilize como um elemento comum em diferentes páginas.
Como configurar um Elemento Global?
Passo 1 - Acesse o site que deseja configurar o Elemento Global no Construtor de Sites Builderall Builder.Passo 2 - Localize no menu lateral esquerdo a opção de "Elementos Globais"; clique para abrir as opções de elementos globais possíveis de serem configurados.
Passo 3 - Selecione qual elemento deseja configurar: um pop-up, cabeçalho ou rodapé, neste tutorial, iremos configurar como elemento global um Cabeçalho. Passo 4 - Selecione a opção "+ Criar novo Cabeçalho"; digite um nome para o seu cabeçalho para identificá-lo futuramente; salve a configuração para criar um novo cabeçalho.
Passo 5 - Edite o cabeçalho como desejar na área de edição, a área de edição do cabeçalho é idêntica à área de edição das páginas do site, após realizar todas as edições necessárias, não esqueça de salvar o cabeçalho.
Caso você selecione a opção de pop-up ou rodapé, a forma de adicionar e editar um novo elemento permanece a mesma.
Os passos para criar um cabeçalho ou qualquer outro elemento global estão completos; feche a aba de configurações dos elementos globais e siga os próximos passos! Agora, vamos aprender a como adicionar os elementos globais criados as suas páginas:
Como adicionar o Elemento Global nas páginas do site?
Passo 1 - Retorne para a página principal do site no Construtor de Sites Builderall Builder e acesse as Configurações da página que deseja adicionar o elemento global.
Passo 2 - Localize a área de Configurações dos elementos pop-up, cabeçalho e rodapé; neste tutorial, iremos configurar o elemento global na área "Configurações de Cabeçalho".
Passo 3 - Selecione o cabeçalho criado para a versão desktop e mobile da página; é possível selecionar cabeçalhos diferentes para cada opção.
Ative a opção "Modify on Scroll" (Modificar na rolagem da página), caso deseje configurar um cabeçalho secundário durante a rolagem/visualização da página tanto na versão mobile quanto na versão desktop.
Passo 4 - Salve os cabeçalhos selecionados na opção "Salvar" do próprio elemento.
Caso você deseje configurar um pop-up ou rodapé como elemento global, acesse os tutoriais em nossa Central de Ajuda sobre cada elemento e veja todas as opções disponíveis para cada opção; tutorial sobre como configurar um rodapé no Builderall Builder: Clique aqui! Tutorial sobre como adicionar um pop up ao website: Clique aqui!
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos elementos globais desejar em uma única ou em diferentes páginas e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como manter o cabeçalho fixo?
Conhecido como "Header", o Cabeçalho, em português, trata-se de um bloco localizado na parte superior do site em todas ou na maioria das páginas. No cabeçalho são adicionadas as principais informações e elementos da marca com o objetivo de melhorar a navegação e experiência durante o primeiro acesso do cliente ao site. Para maximizar o objetivo do cabeçalho de melhorar a navegação do usuário entre as páginas de um site ou na própria página, configurar um Cabeçalho Fixo, também conhecido como Sticky Header, é um ótimo recurso de navegação inteligente, ao fixar um cabeçalho, o mesmo permanece no topo da página conforme o usuário navega para baixo ou para cima. Acompanhe no vídeo a baixo a configuração que iremos aprender neste tutorial
Como adicionar um Cabeçalho?
Passo 1 - Acesse o site e a página que deseja adicionar o Cabeçalho no Construtor de Sites Builderall Builder.Passo 2 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Painel.
Passo 3 - Localize na área de painéis os templates de "Cabeçalho".
Passo 4 - Selecione o modelo que deseja de cabeçalho; clique no modelo desejado para adicionar ao site e o configure como desejar.
Os passos para adicionar um cabeçalho em uma página estão completos; feche a aba de configurações do painel e siga os próximos passos! Agora, vamos aprender a como fixar o cabeçalho criado:
Como fixar um Cabeçalho?
Passo 1 - No submenu do painel de cabeçalho adicionado, clique no ícone de "Editar elemento" para abrir o menu de configurações.
Passo 2 - Localize a opção de "Fixo" no menu de configurações e selecione as caixas para ativar o cabeçalho pegajoso no modo desktop e mobile.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure cabeçalhos fixos em quantas páginas desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Caixa
Como configurar o elemento Caixa?
Com o elemento Caixa do Construtor de Sites Builderall Builder é possível agrupar diferentes elementos, como textos, imagens, botões, entre outros, em um único elemento, além de permitir a configuração de imagens. Facilite a configuração dos elementos e crie uma aparência original para a sua página.
Como adicionar uma Caixa?
Passo 1 - Acesse o site e a página que deseja adicionar a Caixa no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Caixa".
Passo 4 - Escolha um modelo de caixa, entre as 26 opções que irão aparacer; clique na caixa escolhida e arraste até o local do painel desejado.
Para adicionar e fixar diferentes elementos, como: texto, botão, iframe, imagem, entre outros, na caixa criada, basta adicionar os elementos normalmente ao painel da página e arrastá-los para dentro da caixa criada. Após os elementos serem adicionados a caixa é possível, movê-los individualmente, selecionando um por vez ou movimentar toda a composição dos elementos arrastando o próprio elemento de caixa.
Como editar a Caixa escolhida?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar a caixa.
Salvar elemento - selecione para salvar a caixa criada como um "Elemento Pessoal" e utilizá-la em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover a caixa entre as camadas do painel e ajustar a sobreposição.
Elemento central - selecione para ajustar automaticamente a caixa no centro do painel que ele foi adicionado.
Pin - selecione para utilizar a função "Fixar Elemento". Aprenda a como configurar a função Pin: Clique aqui!Elemento clone - selecione para duplicar a caixa configurada.
Ocultar elemento - selecione para adicionar a caixa na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar a caixa criada. Editar elemento - selecione para acessar o menu de configurações da caixa.
Opções de edição da Caixa:
• Tamanhos: configure a altura e largura da caixa adicionada na versão desktop, para tablet (caso esteja selecionada nas configurações da página) e mobile. • Configurações de Fundo: Configure imagens ou cores de
fundo para a caixa. • Borda: crie uma borda para o seu elemento de diferentes tamanhos, formas e cores.• Border Radius: configure os cantos do seu elemento, eles podem ser quadrados, arredondados ou completamente circulares.
• Sombra: crie e configure uma sombra para a caixa adicionada.• Paralaxe: crie e configure animações para as imagens adicionadas em sua caixa. Saiba mais sobre como utilizar a função do Paralaxe: Clique aqui!
• Animação: configure uma ação/animação para a caixa baseado em tempo, clique, ação do mouse ou visibilidade do local.• Tag: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data- tag.• Integrações: Integre a caixa do seu site com a Hotmart ou a Eduzz, adicionando a tela das plataformas externas na caixa configurada. Saiba mais sobre como utilizar a função de Integrações: Clique aqui! • Camadas: alternativa para a configuração de posicionamento das camadas. • Avançado: alternativa para as configurações de salvar a caixa como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas caixas desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como fixar elementos em uma página?
Elementos fixos, também conhecidos como elementos flutuantes, são elementos que permanecem no campo de visão do usuário mesmo que ele desça ou suba entre os painéis ao navegar pelo seu site. Utilizando a função PIN do elemento Caixa, no Construtor de Sites Builderall Builder, é possível fixar diferentes elementos, como: textos, imagens, botões, entre outros, em diferentes locais da sua página de forma fácil e rápida.
Como configurar um elemento fixo?
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração dos elementos. Passo 3 - Adicione o elemento de Caixa ao painel do site e configure como desejar com o(s) elemento(s) que serão fixados.
Dúvidas em como adicionar e configurar o elemento de Caixa? Leia o tutorial da nossa Central de Ajuda sobre "Como configurar o elemento Caixa" e aprenda a como configurar agora: Clique aqui!
Passo 4 - No submenu da Caixa adicionada, clique no ícone de "PIN" para configurar a ação de fixar elemento.
Passo 5 - Escolha a posição que o elemento irá ser fixo, é possível configurar a posição de duas formas:
• Manualmente: selecione a função "Grude Manual" e leve manualmente a caixa até o local do painel que deseja fixar na página. • Automaticamente: selecione uma das 9 bordas indicadas no quadro para fixar o elemento; após selecionar, clique na opção "Pronto".
A caixa será fixada automaticamente na posição escolhida.
A função fixar elemento não está disponível para o modo mobile, apenas para o modo desktop.
Aprenda a como configurar um botão de WhatsApp flutuante de 3 maneiras diferentes no Construtor de Sites Builderall Builder, assista o tutorial da nossa Central de Ajuda: Clique aqui!
Pronto! Finalizamos assim a configuração do nosso tutorial; fixe quantos elementos desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como utilizar a função Integração no elemento Caixa?
Habilite a função de Integração do elemento Caixa no Construtor de Sites Builderall Builder e adicione checkouts externos a sua página, evite redirecionamentos externos e mantenha todo o processo de compra em um único lugar. Atualmente, a opção de Integração do elemento Caixa permite a configuração com as plataformas: Hotmart, para vendas de Upsell; e Eduzz, para configuração de checkout transparente.
Como acessar a opção de Integração?
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração dos elementos. Passo 3 - Adicione o elemento de Caixa ao painel do site e configure como desejar com o(s) elemento(s) que serão fixados.
Dúvidas em como adicionar e configurar o elemento de Caixa? Leia o tutorial da nossa Central de Ajuda sobre "Como configurar o elemento Caixa" e aprenda a como configurar agora: Clique aqui!
Passo 4 - No submenu da Caixa adicionada, clique no ícone de "Editar elemento" para acessar a área de configurações do elemento.
Passo 5 - Localize a área de Integrações nas opções de configurações e selecione.
Hotmart
Passo 1 - Habilite a opção "Hotmart Upsell" na área de Integrações.
Passo 2 - Cole a chave do Upsell Widget, localizado na Hotmart, no campo indicado; selecione o botão Salvar.
Onde localizar a chave do Upsell Widget?
Para realizar a configuração indicada, é necessário criar um Funil de Vendas na Hotmart, clique aqui e acesse o artigo da Hotmart sobre como criar um Funil de Vendas na plataforma externa. Após criar e ativar seu funil, será disponibilizado um código do Widget, copie a informação apenas da Key (chave) do código para colar no seu site Builderall. Após realizar todas as etapas indicadas, o seu Upsell Widget Hotmart aparecerá na caixa adicionada.
Eduzz
Passo 1 - Habilite a opção "Eduzz" na área de Integrações.
Passo 2 - Cole a chave do produto, localizada na Eduzz ao criar um novo produto, no campo indicado; selecione o botão Salvar.
Onde localizar a chave do meu produto na Eduzz?
Para realizar a configuração indicada, é necessário criar um produto na Eduzz, clique aqui e acesse o artigo da Eduzz sobre como cadastrar um produto na plataforma externa. Após criar e ativar seu produto, será disponibilizado um código do produto, copie apenas a informação do código do produto para colar no seu site Builderall. Após realizar todas as etapas indicadas, o Checkout do seu produto na Eduzz aparecerá na caixa adicionada.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas caixas desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Colunas
Como adicionar colunas no mobile?
Atenção, só ative esse recurso se você possuir conhecimento avançados em construção de layouts, ele serve para posicionar elementos horizontalmente na versão para celular.
Essa opção de coluna na versão mobile deixa os elementos organizados, centralizados, um elemento ao lado do outro sem atrapalhar outros elementos ou ficar visualmente desorganizados.
É uma ótima opção para centralizar opções de menu, caixas com textos, títulos entre outros elementos. Confira alguns exemplos:
Após habilitar a opção de colunas, você pode escolher entre 2 ou 3 colunas para aparecer o conteúdo no celular.
Quando o painel possui elementos em quantidades ímpares
Quando o painel possui elementos em quantidades pares
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Formulários
Como configurar o CAPTCHA no Formulário?
O reCAPTCHA é um serviço gratuito que protege seu site contra spam e abuso. Ele usa um mecanismo avançado de análise de risco para diferenciar humanos e robôs (em inglês, bots).
É necessário ter um formulário de contato ou um formulário de email para adicionar o reCAPTCHA.
Dica: Para saber como adicionar um formulário de contato, clique aqui e para adicionar um formulário de email, clique aqui.
Clique no ícone para configurar o reCAPTCHA.
Para começar a usar o reCAPTCHA, você precisa se inscrever em um par de chaves da API do seu site. O par de chaves consiste em uma chave do site e uma chave secreta. A chave do site é usada para chamar o serviço reCAPTCHA no seu site.
Escreva uma nome para identificar essa etiqueta do site no futuro.
Selecione reCAPTCHA v2.
Coloque um domínio.
Aceite os termos de serviço do reCAPTCHA e clique no botão enviar.
Clique na frase "copiar chave de site" e "copiar chave secreta".
Cole a "chave de site" e "chave secreta", nos respectivos campos.
Salve a configuração.
Publique o site novamente.
Obs: é obrigatório que o domínio esteja conectado no Cheetah e com os apontamentos corretos.
O resultado final do reCAPTCHA, aparecerá um campo para selecionar "não sou robô".
Mensagem de Erro
Caso apareça essa mensagem de erro no construtor cheetah, não se preocupe. O erro é dentro do construtor e aparece pois o reCAPTCHA não reconhece o domínio que está conectado ao site.
Para resolver essa questão, publique o site e no site publicado o formulário aparece sem o erro.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como criar um formulário de contato no construtor Builderall Builder?
Os formulários de contato são canais de comunicação entre clientes e empresas, são extremamente populares em sites, blogs, aplicativos e outras ferramentas, por promoverem o relacionamento com os diferentes consumidores de forma fácil e rápida. Por esse motivo, é fundamental disponibilizar um formulário de contato em seu site.
Além de promover a comunicação, os formulários de contato também auxilia a traçar o perfil e identificar as necessidades dos seus clientes para futuras decisões da empresa mediante aquele contato. Sendo assim, é recomendado que esse tipo de formulário capture informações básicas do cliente, focadas apenas no objetivo do contato e solicitando informações para retornar o contato ao cliente, exemplo: nome, celular, email e o assunto de interesse. Evite pedir informações desnecessárias para um primeiro contato. Atenção! Ao adicionar um formulário de contato ao seu site, é importante acessar, frequentemente, o e-mail que está recebendo esses contatos e dar uma atenção especial a verificação das mensagens e respostas das mesmas aos clientes.
Dica! Se possível, indique um prazo para o retorno da mensagem enviada ao cliente.
Como configurar o formulário de contato no Construtor de Sites Cheetah?
Campos do formulário de contato
Há 8 diferentes opções de campos que podem ser selecionadas e inseridas no formulário de contato.
• Texto - Campo pequeno de texto.
• Área de texto - Campo grande de texto.
• Senha - Campo pequeno para senhas.
• Checkbox - Campo de múltiplas opções.
• Radio - Campo de seleção única.
• Select - Campo de seleção única suspenso.
Importante! Para os campos de Checkbox, Radio e Select é obrigatório a configuração do "valor" em cada opção adicionada, a informação do campo "valor" é a informação que será encaminhada em seu e-mail internamente para indicar o que foi selecionado pelo cliente, por esse motivo, é possível configurar tanto números quando textos.
• Data - Campo para escolher uma data no calendário do mês.
• Data e Hora - Campo para escolher uma data e um horário no calendário do mês.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir um Formulário de Contato em páginas diferentes e integrar com o MailingBoss 5.0?
Com a opção de Ação do Formulário de Contato no Construtor de Sites Builderall Builder, é possível adicionar o mesmo formulário de contato para captura de leads em diferentes páginas do seu site e reconhecer facilmente, através de tags, a origem de cada lead cadastrado. Identifique de forma fácil e rápida quais das páginas configuradas com seu formulário de captura possuem uma taxa de conversão maior na inscrição de leads.
No MailingBoss 5.0:
Passo 1 - Acesse o MailingBoss 5.0; crie ou escolha uma lista já existente para receber os leads dos formulários de contato.
Dúvidas em como criar uma lista no MailingBoss 5.0? Acesse o tutorial da nossa Central de Ajuda sobre "Como criar uma lista no MailingBoss 5.0?" e aprenda a como configurar agora: Clique aqui!
Passo 2 - Configure na lista criada ou escolhida apenas os campos de informações que deseja capturar dos seus leads; salve a lista.
Os passos que devem ser feitos no MailingBoss 5.0 estão completos; feche a ferramenta e siga os próximos passos! Agora, vamos aprender a como configurar os diferentes formulários de contato para o envio de informações a lista no MailingBoss 5.0:
No construtor de sites Builderall Builder:
Passo 1 - Acesse a página do seu site que será adicionado o primeiro formulário de contato no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do formulário. Passo 3 - Adicione o elemento de Formulário de Contato ao painel do site e o configure externamente como desejar.
Dúvidas em como adicionar e configurar um formulário de contato? Leia o tutorial da nossa Central de Ajuda sobre "Como criar um formulário de contato no construtor Builderall Builder?" e aprenda a como configurar agora: Clique aqui!
Passo 4 - No submenu do Formulário de Contato adicionado, clique no ícone de "Definir Campos" para abrir o menu de configuração internas do formulário.
Vamos utilizar para a configuração desejada apenas as áreas de "Campos" e "Ação" localizadas na área de "Definir Campos" do Formulário de Contato.
Passo 5 - Inicie configurando os campos do seu formulário, configure os mesmos campos criados na lista que irá receber os leads no MailingBoss 5.0
Atenção! As Tags dos campos configurados no Formulário de Contato devem ser idênticas ao nome do campo na lista do MailingBoss 5.0
Passo 6 - Acesse a área de "Ação" e configure a URL de redirecionamento após a inscrição no formulário da seguinte forma:
https://LINK_DA_LISTA_NO_MAILINGBOSS/subscribe?tag=NOME_DA_TAG&redir=https://LOCAL_QUE_DESEJAR_REDIRECIONAR_APOS_A_INSCRICAO
Como adicionar cada informação? •• Link da Lista no MailingBoss - Adicione a URL do formulário de inscrição da lista que irá receber os leads cadastrados.
•• Nome da Tag - Adicione uma Tag para os leads que virão do respectivo formulário configurado, é através dessa tag que você saberá identificar no MailingBoss 5.0 de qual formulário/página cada lead veio. •• Local que Deseja Redirecionar Após a Inscrição - Adicione a URL da sua página de obrigado ou qualquer outra página que deseje redirecionar o lead após se inscrever no formulário.
Exemplo: https://https://app.mailingboss.com/lists/636e7552a66ad/subscribe?tag=PAGINA1&redir=https://marketingdigital.com/obrigado
Passo 7 - Salve a configuração.
Repita o mesmo processo ao configurar o formulário de contato em outras páginas do seu site, lembre-se de alterar o nome da Tag na URL para diferenciar cada página/formulário; é possível utilizar a mesma página de obrigado ou páginas diferentes para cada formulário, o importante é que a URL de inscrição da lista do MailingBoss 5.0 seja sempre a mesma em todos os formulários configurados e os campos dos formulários de contato sejam iguais aos campos configurados na lista.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos formulários de contato desejar em diferentes páginas e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir um formulário do Google no site?
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe BuilderallComo integrar o formulário de contato ao MailingBoss 5.0?
O Construtor de Sites Builderall Builder oferece diferentes tipos de formulários, os principais são: o formulário de e-mail marketing e o formulário de contato, cada um com a sua respectiva função, o primeiro focado na captura de leads para o MailingBoss 5.0 e o segundo como canal de comunicação entre clientes e empresas. Mas, eu posso capturar leads para o MailingBoss utilizando o formulário de contato? Sim, você pode! Basta realizar o processo de integração do formulário de contato com o MailingBoss indicado nos passos abaixo: Passo 1 - Crie uma lista no MailingBoss 5.0 com os respectivos campos que deseja capturar no formulário de contato. Fique atento aos nomes configurados na opção de “Nome do Campo” dos campos adicionados a lista no MailingBoss 5.0!
Dificuldade em criar uma lista no MailingBoss 5.0? Sem problemas! Acesse o tutorial da nossa Central de Ajuda sobre criação de listas, crie sua lista e retorne para continuar a configuração de integração com o formulário de contato! Clique aqui e acesse o tutorial.
Passo 2 - Acesse o Construtor de Sites Cheetah e adicione o formulário de contato ao seu site:
Selecione a opção “Definir Campos” após adicionar o formulário para iniciar as configurações internas do formulário de contato e a integração com o MailingBoss 5.0.
Entenda mais sobre o formulário de contato e como alterar o layout externo do mesmo: Clique aqui!
Passo 3 - Para a integração funcionar corretamente, na área de “E-mail”, é permitido a configuração apenas dos campos “URL de redirecionamento após o envio” e “Mensagem de sucesso e erros”. Caso você opte por receber as informações cadastradas em seu e-mail, as informações não serão enviadas para a lista de contato no MailingBoss 5.0, pois, não é possível configurar duas ações para um único formulário de contato, ou seja, ao realizar a configuração de integração para envio de dados a uma lista, não é possível a configuração para o envio ao e-mail.
Para receber as informações do formulário de contato em seu e-mail, acesse o tutorial da nossa Central de Ajuda para a configuração: Clique aqui!
Passo 4 - Configure os campos do formulário de contato replicando os campos adicionados a lista no MailingBoss 5.0. Os campos devem ser idênticos em ambas as ferramentas para que as informações sejam encaminhadas corretamente.
Atenção! Configure os campos das “Tags” com o mesmo nome adicionado no campo “Nome do Campo” da lista criada no MailingBoss 5.0.
Passo 5 - Retorne a lista no MailingBoss 5.0; acesse a área de “Incorporar” no local de “Formulários” da lista e copie a “URL do formulário de inscrição”.
Passo 6 - Cole a URL no campo de “Ação” do formulário de contato; salve as configurações realizadas no formulário.
E assim finalizamos a configuração de integração do formulário de contato com o MailingBoss 5.0, já podemos salvar e republicar nosso site e testar o envio de dados para a lista no MailingBoss.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Inserindo o formulário de E-mail Marketing no Construtor Builderall Builder
Aprenda neste tutorial a como adicionar um Formulário de E-mail Marketing em um site no Construtor de Sites Builderall Builder; configure formulários de captura de dados dos visitantes para a conversão de novos leads de forma fácil e rápida.
Passo 1 - Acesse o Construtor de Sites Cheetah no Dashboard inicial da sua conta Builderall:
Passo 2 - Acesse a página do seu site que será destinada à captura de leads e onde o formulário de e-mail marketing será adicionado:
Passo 3 - Abra o menu lateral; selecione a opção de "Adicionar"; escolha a opção de "Elementos":
Passo 4 - Localize o elemento com o nome "Formulário de E-mail Marketing"; selecione um dos layouts de formulário oferecidos; clique e arraste para o seu painel no local que desejar:
Passo 4 - Selecione a lista (a aba de listas é carregada automaticamente ao adicionar o formulário ao painel) criada no MailingBoss 5.0 para a captura dos leads ou crie uma nova lista que será vinculada ao formulário:
Não sabe como criar uma lista no MailingBoss 5.0? Acesse o tutorial da nossa Central de Ajuda sobre criação de listas: Clique aqui!
Agora que adicionamos o formulário de e-mail marketing ao nosso painel e selecionamos a lista vinculada a ele, vamos conhecer as opções de configurações do formulário:
Salvar elemento - selecione para salvar o formulário criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Editar elemento - selecione para acessar o menu de opções de configurações externas do formulário. Saiba mais sobre as opções de edições de um formulário, assista nosso tutorial sobre "Como configurar um formulário de contato": Clique aqui!
Camada abaixo/acima - selecione para mover o formulário entre as camadas do painel e ajustar a sobreposição dos elementos. Elemento central - selecione para ajustar automaticamente o formulário no centro do painel/caixa que ele foi adicionado.
Definir lista - selecione para abrir novamente a aba de seleção de listas e confirmar ou alterar qual a lista vinculada ao formulário.
Grid - selecione para alterar a quantidade de colunas que o seu formulário terá, os campos serão distribuídos automaticamente a cada clique para se adequar a quantidade de colunas, é possível ter de 1 a 4 colunas no formulário.
Definir link - configure as páginas de redirecionamento do formulário após a inscrição do lead de acordo com o seu status como lead.
1° campo: Inscrição pendente 2° campo: Inscrição confirmada 3° campo: Desinscrição na lista confirmada.
O status do lead na lista varia com o tipo da lista criada: Single e Double Opt-in. Clique aqui e saiba mais sobre o que é uma lista com confirmação única ou dupla.
As páginas de redirecionamentos baseados no status do lead na lista ou ação podem ser feitos diretamente pelo MailingBoss 5.0, acessando as configurações da lista criada.
Social Proof - selecione para a configuração do "Social Proof" da Builderall no formulário de e-mail marketing.
Configurar reCaptcha - selecione e deixe a inscrição em seu formulário mais segura adicionando o reCaptcha.
Elemento clone - selecione para duplicar seu formulário de e-mail marketing.
Ocultar elemento - selecione para adicionar seu formulário de e-mail marketing a parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu formulário, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o formulário criado.
Fica a Dica!A configuração do formulário de e-mail marketing para a captura de leads é apenas uma das partes do começo do seu funil de vendas; Criar um bom funil de captura para iniciar o seu engajamento com novos leads é extremamente importante, e para ajudar no início dessa jornada, preparamos para você uma pequena mentoria como tutorial aqui em nossa Central de Ajuda, indicando: o que é um funil de vendas, dicas e detalhes sobre como criar seu primeiro funil de captura, e como realizar tudo isso utilizando o Construtor de Sites Cheetah e o MailingBoss 5.0. Gostou? Clique aqui e assista agora!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como adicionar o campo termos de uso no formulário de e-mail marketing?
Ao adicionar um produto ou serviço em seu site, é essencial a criação de Termos de Uso e Políticas de Privacidade, indicando claramente, os termos legais definidos pelo proprietário do site, como se dará a relação entre os visitantes e o proprietário e os procedimentos realizados pelo site ao captar dados pessoais.Os Termos de Uso são criados com a função de, determinar qual o objetivo do produto ou serviço, os direitos e deveres do cliente/usuário e da empresa, regras de conduta para utilização da plataforma, eventuais proibições, condições de acesso, proteção da propriedade intelectual do negócio, ou seja, tudo o que for de interesse do consumidor e que garanta a proteção jurídica e a integridade da empresa estão contidos nos Termos de Uso. Já as Políticas de Privacidade referem-se a forma de coleta, armazenamento e utilização dos dados de cadastro dos usuários/ clientes.
Aprenda neste tutorial a como configurar um campo especial no seu formulário de captura para os seus clientes aceitarem os Termos de Uso e Políticas de Privacidade antes de se cadastrarem.
Como configurar o campo?
Passo 1 - Acesse o MailingBoss 5.0; crie ou escolha uma lista já existente para receber os leads do formulário de captura.
Dúvidas em como criar uma lista no MailingBoss 5.0? Acesse o tutorial da nossa Central de Ajuda sobre "Como criar uma lista no MailingBoss 5.0?" e aprenda a como configurar agora: Clique aqui!
Passo 2 - Configure a lista criada ou escolhida como desejar; adicione todos os campos de informações que deseja capturar dos seus leads. Passo 3 - Na área de Campos, adicione o campo "Campo da caixa de seleção"; clique e arraste até os outros campos criados.
Passo 4 - Configure o Nome do Campo; o Nome da Opção, texto que irá aparecer no campo; e o Valor da Opção.
Passo 5 - Configure o campo como Obrigatório.
Passo 6 - Atualize as configurações realizadas na lista.
No construtor de sites Builderall Builder:
Acesse o site e a página que deseja adicionar o formulário de captura com o campo de termos; escolha um painel em sua página ou adicione um novo para a configuração do elemento; adicione um formulário de e-mail marketing em seu site, selecione a lista do MailingBoss 5.0 na qual foi adicionado o campo de checkbox, o campo configurado aparecerá no formulário para o usuário selecionar.
Dúvidas em como adicionar um formulário de e-mail marketing? Acesse o tutorial da nossa Central de Ajuda sobre "Inserindo o formulário de E-mail Marketing no Construtor Builder?" e aprenda a como configurar agora: Clique aqui!
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos campos de seleção desejar em diferentes formulários e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como criar uma Lista Viral utilizando o Formulário de Email Marketing?
O que é uma Lista Viral?
Uma lista viral se difere de uma lista comum por utilizar, como o próprio nome indica, um método que a espalhe rapidamente e gere alto engajamento; utiliza de estratégia o termo conhecido como “Marketing Viral”, que visa unir técnicas de marketing à exploração de redes sociais pré-existentes, aumentando exponencialmente o conhecimento do conteúdo, em nosso caso, o conhecimento da lista de e-mail marketing criada, através de um alto índice de compartilhamentos; somada a “Gamificação”, do termo em inglês “Gamification”, estratégia do uso de técnicas de jogos para engajar e motivar a participação de um grupo em determinado objetivo.
A principal vantagem da criação de uma lista viral é criar um método de divulgação do seu conteúdo através do seu próprio público, gerando uma divulgação espontânea e sem custo ao empreendedor; por esse motivo, é importante que, ao escolher o método de captura de leads através de uma lista viral, a mesma seja acompanhada de um conteúdo que, gere a identificação do público a ele e leve a necessidade ou vontade de compartilhar o mesmo com outras pessoas que potencialmente também irão se identificar. Como funciona o elemento de Lançamento Viral da Builderall?
Ao adicionar o formulário de captura de leads ao seu site, será indicado na página de obrigado um link de compartilhamento exclusivo do determinado lead que acabou de se inscrever; o lead pode compartilhar o link em suas diferentes redes sociais, gerando assim, novas inscrições na lista. Esses novos leads podem repetir o mesmo processo de inscrição e compartilhamento do link para novas inscrições.
Assim que o lead se inscreve na lista, ele recebe um número, relacionado ao rank dele naquela determinada lista viral, o mesmo pode subir de rank de acordo com o número de inscrições feitas por novos leads através do link de compartilhamento do mesmo. Geramos assim um sistema de “jogo”, colando em primeiro lugar, o lead que tiver mais inscrições de outros leads com seu link de compartilhamento.
Como configurar uma Lista Viral em seu site na Builderall?
Passo 1 – Acesse o MailingBoss 5.0 e crie a lista que será vinculada ao formulário de captura da lista viral.
Dificuldade em criar uma lista no MailingBoss 5.0? Acesse nosso tutorial sobre criação e configuração de novas listas: Clique aqui!
Passo 2 - Acesse a área de “Atualizar” da lista criada no MailingBoss 5.0 e ative a opção de “Lista de Classificação”.
Não esqueça de selecionar o botão superior direito azul “Atualizar” após ativar a opção indicada.
Passo 3 - Vamos à configuração do formulário de e-mail marketing em nossa página destinada à captura dos leads, acesse sua página de captura no Construtor de Sites Cheetah, adicione o formulário de e-mail marketing e selecione a lista criada no MailingBoss como "Lista de Classificação" ; realize as demais configurações do formulário como desejar.
↓
Dificuldade em configurar seu formulário de e-mail marketing no Construtor de Sites Cheetah? Acesse nosso tutorial sobre como configurar o formulário do tipo "e-mail marketing" em seu site: Clique aqui!
Passo 4 - Acesse a página destinada como "Página de Obrigado" para a inscrição dos seus leads no formulário de captura e configure o elemento de lista viral "Viral Launch". Assista o vídeo abaixo e entenda como realizar as configurações do elemento mencionado:
Como testar a configuração da Lista Viral?
Passo 1 - Acesse sua "Página de Captura” e faça um cadastro teste. Ao ser redirecionado para a "Página de Obrigado” configurada, copie o link indicado pelo elemento de Lista Viral a você.
Passo 2 - Teste realizar uma nova inscrição utilizando o link copiado da página de obrigado (recomendamos que faça a nova inscrição em guia anônima).
Repare na URL adicionada durante a segunda inscrição via aba anônima, para que o lead seja contabilizado a determinado inscrito, é obrigatório o uso da URL dada pelo sistema após sua inscrição na lista, pois é através do ID da mesma que o MailingBoss 5.0 irá contabilizar os leads a esse determinado inscrito. Caso a inscrição seja feita pela URL padrão da página de obrigado direto do seu site, a inscrição não será contabilizada a nenhum inscrito.
Passo 3 - Acesse a lista viral vinculada ao formulário de captura no MailingBoss 5.0 e confirme as novas inscrições realizadas:
O primeiro valor indica qual a classificação do lead na lista. O segundo valor indica quantas pessoas se cadastraram na lista através do link daquele lead.
Leads que se inscreverem na lista através do link de outro inscrito, irão indicar um valor no campo UID de origem. Já os leads que se inscreverem diretamente pela página de inscrição do site, o campo indicado ficará em branco:
1º caso: Lead que se inscreveu na lista através da URL compartilhada de outro inscrito.
2º caso: Lead que se inscreveu na lista diretamente pela página de captura do site.
Perguntas Frequentes! 1- E se o meu lead perder a sua URL para compartilhamento de inscrição no formulário? R: Não se preocupe! Você pode reencaminhar a URL vinculada a determinado inscrito utilizando a tag [LINKVIRAL] no e-mail encaminhado através do MailingBoss 5.0 ou adicionando a tag à página de obrigado. 2 - Como meus inscritos podem acompanhar o rank deles? R: É possível acompanhar o rank através da mesma URL da página de obrigado do determinado assinante, ou seja, é possível: guardar a URL da página de obrigado para ir confirmando a quantidade de inscritos e o rank; adicionar a mesma página de obrigado como página de atualização de dados da lista, dessa forma, assim que o lead adicionar os mesmos dados de inscrição no formulário, o mesmo será redirecionado para a página de atualização de dados que terá o seu link e as informações do rank atualizadas; enviar a tag [LINKVIRAL] na página de obrigado do site.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Formulário Get Response
1. Acesse o Construtor Cheetah e clique em elementos, Get Response.
2. Arraste e solte o formulário para o painel.
3. Acesse a sua conta no site Get Response para copiar a API Token. Para ajudar, clique na frase "obter meu token de API", você será direcionado para a página correta.
4. Dentro do site Get Response, clique no menu superior e em seguida clique na opção "Integrações & API".
5. Clique em API e "Gerar chave de API".
6. Escreva um nome e clique em "Gerar".
7. Clique em "Copiar".
8. Clique em "Verificar" e clique em "Selecione", após preencher as informações da sua lista de contatos, clique em "Concluído".
9. Inserir um número no "Dia do Ciclo", pois é o dia que as mensagens do autoresponder começam. Sugerimos inserir o número 0, que é o dia que o contato cadastrou.
10. Para editar a configuração do formulário Get Response, clique no ícone de engrenagem.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe BuilderallGaleria
Adicionando e Configurando uma Galeria
Aprenda neste tutorial a como inserir uma Galeria de Imagens interativa no seu site através do Construtor de Sites Builderall Builder, adicione imagens importantes para o conteúdo da sua página e chame a atenção dos seus visitantes de forma fácil e rápida.
Como adicionar uma Galeria?
Passo 1 - Acesse o site e a página que deseja adicionar a Galeria no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Galerias".
Passo 4 - Escolha um dos modelos de galerias disponíveis para utilizar; clique no botão escolhido e arraste até o local do painel desejado.
Há dois tipos de galeria disponíveis: a Galeria Slider (primeira opção entre os modelos, possui apenas 1 modelo, permite adicionar fotos individualmente e arrastar para o lado para conferir todas as imagens adicionadas); Galeria (6 modelos diferentes, permite adicionar mais de uma imagem por aba criando composição de fotos, diferentes tipo de ícones para conferir mais fotos).
Como editar a Galeria escolhida?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar a galeria.
Salvar elemento - selecione para salvar a galeria criada como um "elemento pessoal" e utilizá-la em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover a galeria entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente a galeria no centro do painel/caixa que ela foi adicionada.
Definir imagens - selecione para adicionar, remover ou mover a posição das imagens da sua galeria.
→ Mover/deletar→ Salvar alterações ↳ Adicionar imagens Elemento clone - selecione para duplicar a galeria criada.
Ocultar elemento - selecione para adicionar a galeria na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar a galeria criada. Editar elemento - selecione para acessar o menu de opções de configurações externas da galeria.
Opções de edição da Galeria:
• Configurações gerais: configure as opção de: tema, imagens por página, coluna, espaçamento entre as imagens e opacidade. • Navegação: configure a opção de navegação por número entre as páginas da galeria e a cores dos indicadores por número.
• Tamanho: configure a altura e largura do elemento adicionado na versão desktop• Tamanho Mínimo: configure a altura do elemento adicionado na versão mobile.• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site. • Borda: crie uma borda para a sua galeria de diferentes tamanhos, formas e cores. • Raio: configure os cantos das imagens adicionadas a sua galeria, eles podem ser quadrados, arredondados ou completamente circulares.
• Animação: configure uma ação/animação para a galeria baseado em tempo, clique, ação do mousse ou visibilidade do local.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos elementos animados desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Adicionando Galeria de Vídeo no site
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
HTML
Como incluir um mapa do Google Maps no Website
Para copiar o código HTML do mapa, clique aqui.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Usando iFrames em seu site
Um iFrame é um código em HTML que permite que um elemento seja exibido dentro de outro elemento.
Adicionando Conteúdo HTML
Clique em Adicionar no lado direito.
Clique em Elementos.
Role para baixo até a seção iFrame.
Arraste a caixa HTML iframe para o local relevante na sua página e solte.
Para configurar o iFrame
Clique no ícone Editar elemento.
Selecione a opção Configurações Gerais para inserir o código.
Existem duas formas de inserir o seu conteúdo:
Incorporar documento: Adicione o seu código HTML e clique em aplicar.
Incorporar URL: Adicione a URL externa, exemplo: https://www.google.com e clique em aplicar.
Personalize seu iFrame usando as seguintes opções
Configurações gerais: inserir o código HTML
Tamanho: selecione a altura e largura do iframe.
Bordas: crie as bordas da caixa iframe.
Raio: arredonde os cantos da caixa iframe.
Animação: crie uma animação para seu iframe.
Avançado: sobrepor caixa de iframe.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Imagem
Como inserir uma imagem de compartilhamento da página?
Escolha uma imagem no formato miniatura para ser exibida como a prévia do seu site ao compartilhar sua URL no Facebook, Twitter, WhatsApp, outras redes sociais e em aplicativos de mensagens de texto. Adicionar imagens de compartilhamento social é uma boa maneira de configurar a aparência das publicações sociais vinculadas ao seu site; aprenda neste tutorial a como realizar essa configuração no Construtor de Sites Builderall Builder.
Passo 1 - Acesse o site e a página que deseja adicionar o Botão no Construtor de Sites Builderall Builder.Passo 2 - Acesse as Configurações da página que deseja adicionar a imagem de compartilhamento.
Passo 3 - Localize na área Configurações de SEO a opção "Imagem de Compartilhamento da página".
Passo 4 - Selecione a opção "➕Escolher", para adicionar sua imagem de compartilhamento.
Recomendamos o tamanho de 1200 × 628 pixels para imagens de compartilhamento de link.
Passo 5 - Salve a imagem configurada na opção "Salvar" das Configurações de SEO.
Importante! Após salvar a imagem de compartilhamento e testar compartilhar a URL do seu site, pode ocorrer da imagem não aparecer corretamente; isso ocorre pela necessidade de aguardar as atualizações de cachê das próprias redes sociais para confirmar a configuração, ou seja, aguarde algumas horas/dias (não há um tempo máximo especifico, o mesmo vária em cada rede social) e teste novamente, a imagem deve aparecer corretamente gradualmente em cada rede social e aplicativos de mensagem.Para adiantar esse processo você pode usar o Depurador de Compartilhamento do Facebook e confirmar as informações que são usadas quando o conteúdo do seu site é compartilhado no Facebook, Messenger e em outros locais. Clique aqui e acesse o tutorial em nossa Central de Ajuda sobre como utilizar o Depurador de Compartilhamento.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas imagens de compartilhamento desejar em uma única ou em diferentes páginas e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir uma imagem no construtor de sites Builderall Builder?
As imagens de um site compõe o que chamamos de Marketing Visual, ao adicionar uma imagem em um site podemos: transmitir uma mensagem de forma objetiva, chamar a atenção dos visitantes do site, levar ao engajamento com o conteúdo da imagem; sendo assim, as imagens são um elemento essencial para o seu site. Aprenda neste tutorial a como adicionar imagens em suas páginas no Construtor de Sites Builderall Builder.
Como adicionar uma Imagem?
Passo 1 - Acesse o site e a página que deseja adicionar a Imagem no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Imagem".
Passo 4 - Escolha um dos modelos de imagens disponíveis para utilizar; clique no botão escolhido e arraste até o local do painel desejado.
Há dois tipos de imagens disponíveis: a Imagem 3D (primeira opção entre os modelos, possui apenas 1 modelo, adiciona uma imagem com efeito 3D, ou seja, com movimento, ao passar o mouse por cima); Imagem (3 modelos diferentes, adiciona uma imagem comum na vertical, horizontal ou com sombra pré-configurada).
Como editar a Imagem escolhida?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar a imagem.
Salvar elemento - selecione para salvar a imagem adicionada como um "elemento pessoal" e utilizá-la em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover a imagem entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente a imagem no centro do painel/caixa que ele foi adicionado.
Definir link - selecione para abrir o menu de opções de configurações de redirecionamento ou ação para a imagem. Elemento clone - selecione para duplicar a imagem criada.
Ocultar elemento - selecione para adicionar a imagem na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar a imagem criada. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição da Imagem:
• Configurações gerais: configure a imagem que será adicionada e suas configurações de SEO. • Tamanhos: configure a largura da imagem adicionada na versão desktop e na versão tablet, caso habilitada nas configurações da
página.• Opacidade: configure a transparência da imagem.• Borda: crie uma borda para a sua imagem de diferentes tamanhos, formas e cores. • Sombra: crie e configure uma sombra para a imagem adicionada.• Border Radius: configure os cantos da imagem adicionada, eles podem ser quadrados, arredondados ou completamente circulares. • Animação: configure uma ação/animação para a imagem baseado em tempo, clique, ação do mouse ou visibilidade do local.• Tag: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data- tag.• Camadas: alternativa para a configuração de posicionamento das camadas. • Avançado: alternativa para as configurações de salvar a imagem como elemento pessoal
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas imagens desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como utilizar o Depurador de Compartilhamento do Facebook para visualizar imagens de compartilhamento?
Ao compartilhar a URL de um site ou de uma página do site no Facebook, Twitter, WhatsApp, outras redes sociais e em aplicativos de mensagens de texto., uma prévia é exibida com um título, imagem e eventualmente uma descrição. O depurador de links de compartilhamento do Facebook é uma ferramenta online com o objetivo de testar e indicar como a rede social gera a prévia de uma URL do seu site quando é compartilhada. Utilize o Depurador de Compartilhamento para ver as informações usadas quando o conteúdo do seu site é compartilhado no Facebook, Messenger e em outros locais.Aprenda neste tutorial a como acessar e utilizar essa função do Meta for Developers:
Passo 1 - Clique no link a seguir para acessar a área de Depurador de Compartilhamento do Meta for Developers: Clique aqui!
Passo 2 - Cole a URL do seu site/página que deseja confirmas as informações de compartilhamento no campo indicado; selecione o botão "Depurar";
Passo 3 - Confira todas as informações de compartilhamento do seu site.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Imagens - Padrões recomendados
As imagens podem ter diversos tamanhos aqui constam algumas recomendações para um melhor dimensionamento sem problemas de distorção ou de imagens desalinhadas.
Dentro dos padrões usados o recomendado de formatos são JPG e PNG, e o peso da imagem deve ser menor que 500kb para o site não ficar muito pesado e acabar prejudicando no carregamento das páginas.
Background de painéis
O tamanho recomendado para uma imagem de background de um painel é de 1250x500, sendo que a altura pode variar dependendo da necessidade.
Menu Logo
O tamanho recomendado para ser usado na logo do topo é de 120x120, se a logo for centralizada recomendamos utilizar 160x160 sendo que a largura pode variar dependendo da necessidade.
Imagens Laterais
O tamanho recomendado para as imagens médias usadas no corpo do site é de 500x500, lembrando que nesse caso a altura e largura podem variar com a forma que será utilizada.
Ícones
O tamanho recomendado para os ícones é de 90x90, os ícones dificilmente serão alterados, talvez para um tamanho menor dependendo da quantidade de ícones.
Imagens circulares
Para imagens circulares, as imagens devem ter um padrão de 1:1, por exemplo usar uma imagem com resolução de 1000x1000, e ajustar as bordas em um tamanho padrão que pode variar dependendo do tamanho que será utilizada, na image a cima por exemplo as bordas estão todas em 110.Menu
Adicionando Big Menu no site
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como salvar elementos do site?
Com o Construtor de Sites Builderall Builder é possível salvar elementos ou painéis do site já configurados como "Elementos Pessoais", dessa forma, você pode utilizá-los em outros sites ou páginas sem a necessidade de repetir as configurações já realizadas.
Passo 1 - Escolha o elemento ou painel que deseja salvar. Passo 2 - No submenu indicado ao selecionar o elemento, selecione a opção "Salvar elemento".
Passo 3 - Configure um nome para identificar posteriormente o elemento ou painel que será salvo; salve o elemento em "Salvar como elemento pessoal".
• Acesse seus elementos ou painéis salvos como elementos pessoais no menu lateral direito do construtor de sites; selecione a opção "Pessoal" e escolha entre Painel ou Elementos.
• Clique em ➕ "Mais" para adicionar a página o elemento ou painel salvo; clique no ícone de 🗑️ "Lixeira" para deletar o elemento ou painel salvo.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos elementos pessoais desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Utilizando os Menus do Editor - Primeiros Passos no Builderall Builder
Crie sites e páginas com o máximo de desempenho e design, acesse diversos recursos que auxiliam na construção do seu site de forma fácil e rápida e com uma tecnologia responsiva para dispositivos móveis, tudo isso com o mais avançado construtor de sites, o Builderall Builder.
Para iniciar sua jornada utilizando o Builderall Builder, aprenda neste tutorial quais são os recursos disponíveis na interface do construtor ao realizar o primeiro acessa a área de edição da sua página
Ao acessar a área de edição da sua página no Builderall Builder, é possível visualizar dois menus: o menu da barra superior e o menu lateral direito.
Menu da Barra Superior
A barra de menu no topo do construtor contém opções de configurações, visualizações e elementos, vamos analisar cada opção disponível individualmente:
Descrição dos ícones da esquerda para a direita.
Home: selecione para retornar a página principal do seu site no Builderall Builder;
Desktop, Tablet e Mobile: selecione entre as opções para alterar entre os editores de computadores e dispositivos móveis
Menu de Páginas: navegue entre as páginas do seu site para edição;Adicionar Nova Página: acrescente novas páginas ao seu site;
Fundo da Página: configure cores ou imagens de fundo para o seu site (a configuração de fundo é fixa e permanece atrás dos painéis do site).
Fontes do site: personalize as fontes pré-existes no Builderall Builder ou envie sua própria fonte para as edições de texto.
Régua: selecione para adicionar uma régua horizontal ao longo do topo e da lateral esquerda do site. As réguas ajudam a posicionar os elementos em seu site, uma vez que mostram a posição exata em pixels, e são úteis para alinhar elementos, mantendo a posição exata dos elementos em todas as páginas ou painéis;
Alterar ordem dos painéis: mova a posição dos painéis adicionados na página;
Ocultar elementos: selecione para visualizar os elementos ocultos do seu site; ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar;
Tutoriais: clique para acessar rapidamente diversos tutoriais sobre diferentes configurações possível no Builderall Builderall;
Pré-visualização: Pré-visualize as configurações realizadas em sua página antes de publicá-las;
Salvar: Salve as últimas alterações da página.
Menu Lateral Direito
O menu localizado na lateral direita do construtor contém todos os recursos necessários, entre layouts e elementos, para a construção da sua página, vamos analisar cada opção disponível individualmente:
• Adicionar: selecione a aba para adicionar: na opção "Painel"; novos painéis em branco ou layouts pré-pontos de painéis segmentados em diferentes conteúdos para a sua página. Na opção "Elementos"; diferentes elementos para a sua página disponíveis no Builderall Builder. Conheça os diferentes elementos disponíveis individualmente na página de tutoriais "Elementos do Sites" em nossa Central de Ajuda; clique aqui e acesse!
• Configurações: nessa aba irão aparecer todas as opções de edição de um determinado elemento selecionado; as opções de edições variam entre cada elemento.
• Pessoal: selecione para acessar elementos ou painéis salvos como "Elementos Pessoais"; aprenda a como salvar elementos ou painéis de diferentes sites ou páginas acessando o tutorial da nossa Central de Ajuda "Como salvar elementos do site?": Clique aqui!
Menu dos Elementos
Ao selecionar qualquer elemento adicionado no Construtor de Sites Builderall Builder, é indicado um menu com diferentes opções de configurações para o elemento, as opções indicadas variam entre cada elemento e suas funções. Conheça os diferentes elementos disponíveis individualmente e as opções do seu menu na página de tutoriais "Elementos do Sites" em nossa Central de Ajuda; clique aqui e acesse!
Pronto! Agora você já conhece todos os menus do Construtor de Sites Builderall Buider e pode aproveitar da melhor forma possível todos os recursos disponibilizados. Comece a criar seu site agora mesmo e dar os seus primeiros passos passos em sua jornada aqui na Builderall!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como ocultar um elemento?
A função "Ocultar Elemento" do Construtor de Sites Builderall Builder é utilizada para esconder elementos ou painéis de uma página na versão web, ou mobile, independentemente. Ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar em ambas as versões acessando a área de ocultados no menu superior do construtor.
Para ocultar um elemento ou painel:
Ao selecionar qualquer elemento ou painel adicionado no Construtor de Sites Builderall Builder, é indicado um menu com diferentes opções de configurações para o elemento, as opções indicadas variam entre cada elemento e suas funções. Porém, a opção "Ocultar Elemento" é comum entre todos os elementos e painéis. Passo 1 - Clique no elemento que deseja ocultar; Passo 2 - Clique no ícone de "olho com um traço" para ocultar o elemento selecionado.
Para visualizar o um elemento ou painel ocultado novamente:
Passo 1 - A barra de menu no topo do construtor contém opções de configurações, visualizações e elementos; selecione no menu superior o ícone de "olho" para visualizar os elementos escondidos do site. Passo 2 - Para visualizar o elemento novamente na página basta manter o mouse por cima da opção; clique no elemento para adicioná-lo novamente a página.
Pronto! Finalizamos assim a configuração do nosso tutorial; oculte quantos elementos ou painéis desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como configurar um menu
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe BuilderallComo adicionar uma logomarca no meu site?
Logomarca, ou simplesmente logo, é a representação gráfica do nome de uma empresa ou marca, que determina a sua identidade visual e visa facilitar o seu reconhecimento. Ao configurar um Menu no Construtor de Sites Builderall Builder, é possível adicionar uma logomarca diretamente em suas configurações para a versão mobile (função exclusiva para a versão mobile), dessa forma, é possível configurar a logo da sua marca ao lado do menu na versão mobile do seu site de forma fácil e rápida. Aprenda neste tutorial a como realizar a configuração mencionada.
Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder.Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento "Menu". Passo 3 - Adicione o elemento do Menu ao painel do site e o configure como desejar.
Dúvidas em como adicionar e configurar o elemento de Menu? Assista o tutorial da nossa Central de Ajuda sobre "Como configurar um menu" e aprenda a como configurar agora: Clique aqui!
Passo 4 - Altere a página configurada para a versão mobile.
Passo 5 - No submenu do Menu adicionado, clique no ícone de "editar elemento".
Passo 6 - Localize a opção "Marca" nas opções de edição do elemento; selecione.
• Imagem da marca: selecione a opção "Trocar imagem" para adicionar a imagem da sua logomarca.• Posição da marca: selecione uma das três opções para configurar a posição da logomarca junto ao menu. • Tamanho da marca: arraste o indicador para aumentar ou diminuir a imagem da sua logomarca adicionada.
Confira um exemplo da configuração abaixo!
Dica! Para configurar sua logomarca na versão desktop, basta adicionar uma imagem, posicioná-la ao lado do menu normalmente e ocultá-la na versão mobile.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos botões desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Páginas
Como copiar uma página para outro site?
Adicione uma nova página.
Selecione minhas páginas.
Selecione qual site deseja copiar a página.
Agora selecione qual o modelo de página.
Pronto! Site e modelo escolhidos.
Salve a configuração.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como criar uma página de erro 404 personalizada no Cheetah
Quem nunca tentou acessar uma página inexistente ou digitou algum caractere incorreto em seu navegador? Quando essa situação acontece nos deparamos com uma mensagem de erro 404.
A maioria dos sites possui uma página de erro 404 para informar que a URL usada não funcionou ou a URL inserida não existe.
Essa página de erro 404 é possível customizar para que se torne mais atrativa. Se você deseja que os visitantes do seu site acessem uma página de erro 404 personalizada, crie uma nova página e identifique o "endereço" dessa página como "404". Assim quando uma pessoa digitar o endereço do seu site errado, será direcionado para essa página específica.
Uma forma de tentar reduzir esse erro é comprar domínio ou subdomínio parecidos para conseguir capturar erros de digitação por partes dos usuários.
Um ponto para considerar sobre a página 404, é que a mesma deve ser feita através de uma página em branco e não uma cópia de outra página do seu site.
A dica de hoje é customizar a página com o layout do seu site, ou a logomarca, para que o leitor não pense que foi redirecionado a outro lugar.
Acesse sua página de erro 404.
Clique nos três pontos para editar as configurações da página.
No campo URL coloque 404.
Salve a configuração
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Configurando o elemento do Supercheckout no Builderall Builder
O que é o checkout em uma página?
O termo "checkout" advém da língua inglesa e significa a finalização de um processo de compra ou hospedagem; em uma espaço de vendas online, o checkout refere-se a página final para a concretização de uma compra e o momento em que o cliente: confere os itens que serão comprados, digita suas informações pessoais, confirma o valor do produto, escolhe a forma de pagamento, efetua a compra em si e por último recebe a confirmação de processamento do pedido. Criar uma página de checkout que deixe os clientes seguros e confiantes de finalizar a compra é fundamental para evitar o abandono de carrinho e aumentar as taxas de conversão de um negócio. Aprenda neste tutorial a como adicionar o elemento do Supercheckout em uma página no Construtor de Sites Builderall Builder e crie páginas de checkout de pagamento que tragam confiança para a sua marca.
Como adicionar o supercheckout a página?
Passo 1 - Acesse o site e a página que deseja adicionar o checkout do produto no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Supercheckout".
Passo 4 - Selecione o ícone do checkout e arraste até o local do painel desejado.
Passo 5 - Selecione um produto já criado na ferramenta do Supercheckout, todos os produtos criados são indicados na área "Selecione um produto"; ou crie um novo produto na opção "Criar produto".
Dúvidas em como criar um produto no Supercheckout? Acesse a aba da nossa Central de Ajuda com tutoriais sobre a criação de produtos no Supercheckout e aprenda a como configurar agora: Clique aqui!
Passo 6 - Configure o tema (2step ou 3step) e os textos dos campos do checkout que será adicionado a página.
Como editar o checkout adicionado?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar o botão.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Configurações do Supercheckout - selecione para alterar o tema e textos do checkout adicionado.
Elemento clone - selecione para duplicar o elemento criado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o elemento de checkout criado. Editar elemento - selecione para acessar o menu de opções de configurações do checkout.
Opções de edição do checkout:
• Tamanhos: configure a largura do elemento adicionado na versão desktop e na versão tablet (caso habilitada no site).• Tag: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Camadas: alternativa para a configuração de posicionamento das camadas. • Avançado: alternativa para as configurações de salvar o checkout como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos checkouts desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como criar novas páginas no site?
1. Clique em editar o site.
2. Na tela minhas páginas, clique no ícone (+) nova página.
3. Digite o nome da sua página, o título e descrição em seguida salve a configuração.
4. Sua página será adicionada na tela principal.
O nome da sua página será o nome que aparecerá após a barra (/) do domínio.
Por exemplo:
A palavra vendas que aparece depois da barra (/) é o nome da sua página que você criou.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Painel
Como utilizar a função paralaxe no painel?
O que é a função paralaxe em um painel?
Também conhecida como Efeito Parallax, essa função tem o objetivo de criar uma ilusão de ótica no painel do seu site, a ilusão decorre da configuração de movimento no background, que irá se movimentar em um ritmo mais lento que o primeiro plano, resultando em um efeito 3D a medida que os visitantes rolam pela página, dessa forma, é possível criar uma sensação de profundidade e uma experiência mais imersiva ao navegar pelo site. Aprenda neste tutorial a como configurar essa técnica de web design em seus painéis no Construtor de Sites Builderall Builder de forma fácil e rápida. Acompanhe no vídeo abaixo uma configuração exemplo do que iremos aprender neste tutorial
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito paralaxe:
Passo 2 - Localize a opção de "Paralaxe" no menu de configurações e selecione a caixa de "Ativo";
Após ativar o efeito paralaxe, escolha o tipo de efeito que deseja que ocorra ao passar pelo painel que está sendo configurado e a rapidez/velocidade que o efeito deve ocorrer (tempo considerado em segundos).
Há 5 tipos de efeitos diferentes:
• Rolagem: a imagem adicionada ao painel desce/rola para baixo no próprio painel à medida que o painel fica para trás ao descer para o próximo painel do site. • Escala: aumenta a proporção da imagem à medida que o painel fica para trás ao descer para o próximo painel do site. • Opacidade: aumenta a transparência/opacidade da imagem à medida que o painel fica para trás ao descer para o próximo painel do site. • Opacidade de rolagem: mistura os efeitos de rolagem e opacidade. • Opacidade de escala: mistura os efeitos de escala e opacidade.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis desejar com o efeito paralaxe e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como utilizar a função ocultar painel?
O que é a função ocultar em um painel?
Com a função de ocultar painel do Construtor de Sites Builderall Builder é possível manter um ou mais painéis já configurados em sua página escondidos dos seus visitantes no primeiro acesso; após ocultar um painel, há duas opções de configuração para o mesmo ser revelado ao visitante: mediante ao tempo de acesso à página ou por uma ação/clique em um elemento do site que possui a opção de "definir link".
Aprenda neste tutorial a como configurar ambas as opções em seu site.
Ocultar painel por tempo:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Ocultar painel" no menu de configurações e selecione a opção de "Habilitar";
Após ativar o efeito de ocultar painel, escolha o tipo por tempo e adicione o valor de tempo que o painel deve ficar oculto (tempo considerado em minutos e em segundos).
Pronto! Salve a configuração na opção "Save", republique o site e teste a nova configuração do painel ocultado por tempo.
Ocultar painel por ação:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Ocultar painel" no menu de configurações e selecione a opção de "Habilitar";
Após ativar o efeito de ocultar painel, escolha o tipo por ação e adicione o nome do painel;
Dica! Escolha nomes fáceis para identificar o painel e facilitar os próximos passos!
Salve a configuração na opção "Save".
Como vincular o painel configurado a um elemento do site? No Construtor de Sites Builderall Builder, é possível configurar ação nos elementos de botão, texto e imagem, escolha um dos três para realizar os próximos passos e indicar o painel oculto baseado na ação de clique em um desses elementos. Passo 1 - Selecione no submenu do elemento a opção de "Definir link";
Passo 2 - Localize no menu lateral esquerdo do pop-up aberto a opção "Mostrar painel oculto";
Passo 3 - Selecione o painel configurado na opção "Selecione o painel para mostrar"; configure um texto que irá aparecer no botão ao ser selecionado (o texto configurado substitui o texto original configurado no botão) no campo "Insira o texto do botão ao mostrar o painel".
Passo 4 - Salve a configuração na opção "Selecione".
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis ocultos desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como ordenar os painéis do site
Facilite a construção do seu site no Construtor de Sites Builderall Builder e mova os painéis criados facilmente com a função "Mover painéis", organize e reorganize a disposição dos painéis em sua página como quiser de forma fácil e rápida. É possível mover os painéis do site por dois lugares distintos no construtor:
Mova os painéis do site através do menu superior:
A barra de menu no topo do construtor contém opções de configurações, visualizações e elementos, vamos analisar cada opção disponível individualmente:
Selecione o ícone para abrir a área de "Alterar ordem dos painéis", clique e arraste os painéis para alterar suas posições; clique no botão "Mover" para concluir a ação e alterar a ordem dos painéis.
Mova os painéis do site através do menu de configurações do painel:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Mover painéis" no menu de configurações; clique e arraste os painéis para alterar suas posições; clique no botão "Mover" para concluir a ação e alterar a ordem dos painéis.
Pronto! Finalizamos assim a configuração do nosso tutorial; mantenha seu site sempre organizado aproveitando da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como utilizar a função panel divider no painel?
O que é a função panel divider em um painel?
Traduzido literalmente do inglês, a função "panel divider" é conhecida como divisor de painel, adicione efeitos animados ou estáticos entre os painéis da sua página e crie uma experiência úncia para os visitantes do seu site. Aprenda neste tutorial a como configurar essa técnica de web design em seus painéis no Construtor de Sites Builderall Builder de forma fácil e rápida.
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito de dividir painéis:
Passo 2 - Localize a opção de "Panel Divider" no menu de configurações e selecione a caixa de "Ativo";
Passo 3 - Após ativar o efeito de dividir painéis, escolha o estilo do divisor em "efeito", configure as cores do efeito e personalize o formato do efeito como desejar.
• Efeito: o Builderall Builder disponibiliza 18 modelos diferentes de divisor de painéis. • Cores do efeito: a quantidade de cores possíveis de serem editadas varia com a quantidade de elementos de cada tipo de efeito.• Personalizar formato: a opção de personalizar formato varia entre o tipo de efeito escolhido, tanto no quesito disponibilidade, quanto na quantidade de formas possíveis de serem editadas. Altere na opção a altura de cada elemento do efeito escolhido.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos dividores de painéis desejar com o efeito panel divider e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir opacidade na imagem do painel?
Aprenda neste tutorial a como editar as imagens no Construtor de Sites Builderall Builder, adicione novas camadas e crie o efeito de opacidade nas imagens que serão inseridas nos painéis da página.
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito de dividir painéis;
Passo 2 - Localize a opção de "Configurações de Fundo" no menu de configurações e selecione o botão de "Trocar imagem";
Passo 3 - Escolha uma imagem do diretório de imagens da Builderall ou faça o upload de uma imagem própria;
Passo 4 - Após escolher uma imagem, coloque o mouse por cima da mesma; clique no ícone de "imagem" para acessar a área de edição da imagem;
Passo 5 - Selecione a opção de "filtros";
Passo 6 - Ative a opção "Tint"; configure a camada sobreposta como desejar para criar opacidade a imagem que será utilizada no painel; salve a configuração no botão "Salvar".
Após salvar a imagem, a mesma é criada como uma nova imagem, retorne ao diretório de imagem, selecione a nova imagem com opacidade e salve para adicionar ao painel.
Pronto! Finalizamos assim a configuração do nosso tutorial; crie diferentes imagens para os seus painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como utilizar a função animação em loop?
A função "Animação em loop" dentro das configurações do painel no Construtor de Sites Builderall Builder, configura automaticamente uma animação para todos os elementos adicionados no painel que a opção for habilitada, ou seja, ao ativar a opção, todos os elementos configurados no painel decorrem para o lado esquerdo repetidamente, imagens, textos, caixas, botões, independente do elemento, todos acompanham o mesmo efeito de animação. Aprenda neste tutorial a como ativar a opção mencionada nos painéis do seu site.Acompanhe no vídeo abaixo a configuração que iremos aprender neste tutorial
Como habilitar a opção Animação em loop?
Passo 1 - Acesse as configurações do painel da página que deseja aplicar o efeito de animação em loop.
Passo 2 - Localize a opção de "Animação em loop no menu de configurações e selecione a caixa de "Habilitar".
Após habilitada a animação será aplicada automaticamente a todos os elementos do painel.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos paineis desejar com o efeito de animação em loop e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Performance do Site
3 Dicas para melhorar o Desempenho do seu Site
Ferramenta de Teste de Performance do Site - Pingdom
Redimensionar Imagem - iLoveIMG
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como selecionar vários elementos no Construtor de Sites Builderall Builder?
Facilite e agilize a configuração das suas páginas no Construtor de Sites Builderall Builder, aprenda neste tutorial a como selecionar e movimentar diferentes elementos adicionados em um painel simultaneamente.Passo 1 - Acesse a página do seu site que será feita a configuração no Construtor de Sites Builderall Builder;Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração dos elementos; configure quantos elementos desejar;
Passo 3 - Clique e segure o botão Shift do seu teclado; com o botão do Shift ainda pressionado selecione com o mouse todos os elementos que deseja mover simultaneamente (após selecionar todos os elementos, não é necessário manter o Shift pressionado);
Passo 4 - Mova os elementos clicando em um dos dois ícones no submenu que irá aparecer ao selecionar os elementos.
Vídeo exemplo:
Tecla Shift no meu teclado
Onde localizar a tecla Shift no meu teclado? A imagem abaixo indica os locais da tecla Shift em um teclado padrão conforme as normas da ABNT2, escolha uma das opções para utilizar e mover os elementos no Construtor de Sites Builderall Builder.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Pop-up
Como adicionar um Pop-up no Website
O termo Pop-up faz alusão a algo que "salta" na tela; definido como uma janela secundária ao seu site, um Pop-up é exibido conforme a navegação do visitante à página e suas ações ou por um link de redirecionamento. Normalmente, está nova janela procura chamar a atenção dos usuários a uma informação de destaque do site e incentivá-los a interagir com o conteúdo apresentado. Aprenda neste tutorial a como configurar um pop-up para o seu site no Construtor de Sites Builderall Builder.
Como criar um Pop-up:
O Pop-up é considerado um "Elemento Global" no Builderall Builder, por esse motivo, sua configuração é feita na área de Elementos Globais, sendo possível criar um único modelo e utilizar como um elemento comum em diferentes páginas. Passo 1 - Acesse o site que deseja configurar o Elemento Global no Construtor de Sites Builderall Builder.Passo 2 - Localize no menu lateral esquerdo a opção de "Elementos Globais"; clique para abrir as opções de elementos globais possíveis de serem configurados; selecione a opção "Pop-ups".
Passo 3 - Selecione a opção "+ Criar novo Pop-up"; digite um nome para o seu Pop-up para identificá-lo futuramente; salve a configuração para criar um novo Pop-up.
Passo 4 - Edite o Pop-up como desejar na Área de Edição, a área de edição do Pop-up é idêntica à área de edição das páginas do site.
Não se esqueça de salvar as configurações após criar seu Pop-up.
Diferentes formas de adicionar o Pop-up ao site:
É possível configurar 4 tipos de Pop-up no Construtor de Sites Builderall Builder, ou seja, há 4 formas diferentes do Pop-up criado aparecer para seus visitantes em suas página, as formas são: Pop-up baseado em tempo (tempo de navegação na página); Pop-up de saída (ao tentar fechar a página atualmente aberta); Pop-up baseado em rolagem (porcentagem visualizada da página); Pop-up por link de ação (ao clicar em um elemento configurado com ação).
As três primeiras formas são configuradas na área de "Configurações" da página: Passo 1 - Retorne para a página principal do site no Construtor de Sites Builderall Builder e acesse as Configurações da página que deseja adicionar o Pop-up.
Passo 2 - Localize a área de "Configurações de Pop-up".
Passo 3 - Selecione o Pop-up configurado para aparecer na versão desktop e mobile e o "Tipo de Pop-up" (tempo, saída ou rolagem).
Passo 4 - Salve os cabeçalhos selecionados na opção "Salvar" do próprio elemento.
Pop-up por link de açãoNo Construtor de Sites Builderall Builder, é possível configurar ação nos elementos de botão, texto e imagem, escolha um dos três para realizar os próximos passos e indicar o Pop-up baseado na ação de clique em um desses elementos. Passo 1 - Selecione no submenu do elemento a opção de "Definir link";
Passo 2 - Localize no menu lateral esquerdo do pop-up aberto a opção "Pop-up";
Passo 3 - Selecione o Pop-up configurado;
Passo 4 - Salve a configuração na opção "Selecione".
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos pop-ups desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Configurando um Pop-Up de vídeo
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Redes Sociais
Como adicionar comentário do Facebook no Website ou Blog
Para pegar seu código no Facebook for Developers, clique aqui.
Caso deseje traduzir a página dos comentários, clique aqui.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir comentário no Cheetah utilizando o DISQUS?
A plataforma externa Disqus oferece um serviço online centralizado de discussões e postagem de comentários para sites, é normalmente utilizada em sites ou blogs para permitir que usuários interajam com os redatores e, principalmente, com outros leitores. Utilize o Disqus para engajar seus leitores, convertendo leitores casuais em contribuintes regulares; compreender o sucesso do seu conteúdo com o sistema de analytics da plataforma e até monetizar sua área de comentários.
Como instalar o Disqus em um site no Builderall Builder?
Passo 1 - Acesse ou crie uma nova conta na plataforma externa Disqus; na página principal (Home); localize a área de "Your Sites"; selecione o site criado no momento em que sua conta foi criada no Disqus ou o site desejado para adicionar a caixa de comentários; acesse no menu superior à opção "Settings"(Configurações); no menu lateral esquerdo da área de configurações, acesse a opção "Installation"(Instalação); Vídeo guiaDesça entre as opções de integração com outras plataformas externas e selecione o botão "I don't see my platform listed, install manually with Universal Code" (Não vejo a minha plataforma listada, instalar manualmente com o Código Universal);
Passo 2 - Copie o código do passo 1 no Disqus; cole em seu bloco de notas ou outra ferramenta que permita realizar algumas alterações no código antes de adicionar ao site; Faça as seguintes alterações no código: • Delete os caracteres /* na 6° e 11° linha do código (mantenha o espaçamento da linha, delete apenas os caracteres);
• Substitua o texto PAGE_URL pela URL da página do seu site que será adicionado a caixa de comentários, delete o texto "// Replace PAGE_URL with your page's canonical URL variable"• Substitua o texto PAGE_IDENTIFIER pelo nome da página do seu site que será adicionado a caixa de comentários, delete o texto "// Replace PAGE_IDENTIFIER with your page's unique identifier variable"
Adicione o caractere ( ' ) antes e depois da URL da página do seu site e do nome da página do site.
Passo 3 - Copie o código alterado e cole no local de "Incorporar documento" do elemento Iframe; selecione o botão "Aplique".
Dúvidas em como adicionar e configurar o elemento do Iframe em sua página? Acesse o tutorial da nossa Central de Ajuda sobre "Usando Iframes em seu site" e aprenda a como configurar agora: Clique aqui!
Disqus adicionado ao site:
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas caixas de comentários desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como inserir um Botão de WhatsApp no seu Site
O WhatsApp é um dos melhores canais de vendas da atualidade. Criar um link direto para o seu perfil é a forma mais rápida, prática e barata de facilitar a vida dos seus possíveis clientes e alavancar as vendas.
Muitas empresas usam o WhatsApp como canal de comunicação para receber e enviar mensagem ao cliente, fazer pedidos, receber orçamentos, tirar dúvidas, enviar promoções, entre outras opções. Ter a opção de contato via WhatsApp em seu site incentiva seus visitantes a iniciar conversas que podem resultar em pedidos, reuniões, negociações e novas vendas.
Aprenda a seguir a como criar um botão via script para utilizar no seu website:
1° - Gerador de Botão via Script para WhatsApp:
Acesse o site GetButton e crie seu botão em três passos;
Atenção! A ferramenta indicada no passo a passo a seguir é paga, exigindo investimento externo a Builderall para utilização do recurso.
O GetButton possui algumas opções de aplicativos de mensagem, escolha qual o aplicativo que deseja usar;
Digite o número do seu WhatsApp;
Realize as configurações para o botão desejadas;
Coloque seu email para obter o código;
Copie o código.
Adicione o Botão no Builderall Builder
Adicione o script copiado da ferramenta GetButton nas opções de "Configurações de Script" ou "Script da Página" no construtor de sites Builderall Builder, saiba como acessar cada área de script: clique aqui para acessar nosso tutorial referente a configuração de scripts externos.
2° - Redirecionamento em botões para a API do WhatsApp:
Adicione um botão em seu site, clique aqui para saber mais.
Adicione uma ação inserindo a URL da API do WhatsApp com o seu número de telefone no final do link: https://api.whatsapp.com/send?phone=55 DDD destino+Número de telefone, exemplo: https://api.whatsapp.com/send?phone=5511991234567
Pronto! Você acabou de aprender a como configurar de três formas diferentes um Botão de WhatsApp ao seu site.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como adicionar e personalizar uma barra de redes sociais no Builderall Builder?
Com o elemento "Barra de Redes Sociais" do Construtor de Sites Builderall Builder, é possível configurar através de um único elemento os links para as principais redes sociais da sua empresa; adicione links para suas páginas no Facebook, Twitter, Instagram ou qualquer outra plataforma relevante para os seu negócios e incentive seus visitantes a engajarem em suas principais redes sociais.
Como adicionar a Barra de Redes Sociais?
Passo 1 - Acesse o site e a página que deseja adicionar a Barra de Redes Sociais no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Barra de Redes Sociais".
Passo 4 - Selecione o ícone Barra de Redes Sociais e arraste até o local do painel desejado.
Como editar a Imagem escolhida?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar a imagem.
Salvar elemento - selecione para salvar a barra adicionada como um "elemento pessoal" e utilizá-la em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover a barra entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente a barra no centro do painel/caixa que ela foi adicionada.Elemento clone - selecione para duplicar a barra criada.
Ocultar elemento - selecione para adicionar a barra na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar a imagem criada. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição da Barra de Redes Sociais:
• Configurações Gerais: configure as opções de: redirecionamento; posicionamento dos elementos da barra (vertical ou horizontal); quais redes sociais serão exibidas e suas respectivas imagens e links de redirecionamento.
• Tamanho: configure a largura do elemento adicionado na versão desktop.• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site. • Borda: crie uma borda para o seu elemento de diferentes tamanhos, formas e cores. • Raio: configure os cantos do seu elemento, eles podem ser quadrados, arredondados ou completamente circulares. • Animação: configure uma ação/animação para o botão baseado em tempo, clique, ação do mouse ou visibilidade do local.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas barra de redes sociais desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Saiba como colocar vários links na bio do Instagram com a Builderall
Com esse template gerado no Cheetah, é uma forma de agrupar todos os links para acessar redes sociais, sites, biografias, localização, entre outras opções em um único local.
Confira, no passo a passo a seguir, como é centralizar todas as suas redes sociais em um único link e adicioná-lo à sua biografia do Instagram, twitter, onde preferir.
Template para edição no construtor Cheetah, clique no link abaixo:
https://cheetah-editor.builderall.com/#/website/public-link/eyJpdiI6IjkyQ0RWekhubnkxcG03SXZBWm1Hb3c9PSIsInZhbHVlIjoiOFBpQUxPVVJRU2pUOE1cL3N4R1hiOVE9PSIsIm1hYyI6IjM0MjkyODlmY2I1NzRlMDA2MmMxOWM4NGY2YWVjZWRiMDRiYWNmYTUyYjg5ODEwNGIzYzYzMWY0NmI0ODYyZDkifQ==
Dica 1
Caso deseje incluir outros botões de rede social, acesse o site Flaticon, o maior banco de dados de ícones gratuitos disponíveis nos formatos PNG, SVG, EPS, PSD e BASE 64 e faça download de uma família de ícones.
Dica 2
Para inserir uma imagem como plano de fundo do seu botão, acesse o site Freepik, milhões de imagens grátis para usar em seus projetos.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Rodapé
Configurando o rodapé do site
Com a função de Elementos Globais do Construtor de Sites Builderall Builder, é possível configurar os elementos do tipo: pop-up, cabeçalho e rodapé, uma única vez para o seu site; crie seus modelos e utilize como um elemento comum em diferentes páginas.
Como configurar um Elemento Global?
Passo 1 - Acesse o site que deseja configurar o Elemento Global no Construtor de Sites Builderall Builder.Passo 2 - Localize no menu lateral esquerdo a opção de "Elementos Globais"; clique para abrir as opções de elementos globais possíveis de serem configurados.
Passo 3 - Selecione qual elemento deseja configurar: um pop-up, cabeçalho ou rodapé, neste tutorial, iremos configurar como elemento global um Rodapé. Passo 4 - Selecione a opção "+ Criar novo Rodapé"; digite um nome para o seu rodapé para identificá-lo futuramente; salve a configuração para criar um novo rodapé.
Passo 5 - Edite o rodapé como desejar na área de edição, a área de edição do rodapé é idêntica à área de edição das páginas do site, após realizar todas as edições necessárias, não esqueça de salvar o rodapé.
Caso você selecione a opção de pop-up ou cabeçalho, a forma de adicionar e editar um novo elemento permanece a mesma.
Os passos para criar um rodapé ou qualquer outro elemento global estão completos; feche a aba de configurações dos elementos globais e siga os próximos passos! Agora, vamos aprender a como adicionar os elementos globais criados as suas páginas:
Como adicionar o Elemento Global nas páginas do site?
Passo 1 - Retorne para a página principal do site no Construtor de Sites Builderall Builder e acesse as Configurações da página que deseja adicionar o elemento global.
Passo 2 - Localize a área de Configurações dos elementos pop-up, cabeçalho e rodapé; neste tutorial, iremos configurar o elemento global na área "Configurações de Rodapé".
Passo 3 - Selecione o rodapé criado para a versão desktop e mobile da página; é possível selecionar rodapés diferentes para cada opção.
Passo 4 - Salve os rodapés selecionados na opção "Salvar" do próprio elemento.
Caso você deseje configurar um pop-up ou cabeçalho como elemento global, acesse os tutoriais em nossa Central de Ajuda sobre cada elemento e veja todas as opções disponíveis para cada opção; tutorial sobre como configurar um cabeçalho no Builderall Builder: Clique aqui! Tutorial sobre como adicionar um pop up ao website: Clique aqui!
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos elementos globais desejar em uma única ou em diferentes páginas e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Tag
O que é a função Mirror Website no Builderall Builder?
A função Mirror Website do Construtor de Sites Builderall Builder, também conhecida como espelhamento de site ou site espelhado, permite que, ao compartilhar um template criado por você com outros usuários Builderall, quaisquer alterações realizadas no template do site originalmente criado, sejam alteradas também em outras contas que estão utilizando o mesmo template, sempre refletindo o modelo dos sites conforme o configurado no original, exatamente, como um espelho. O usuário que irá receber o website espelhado pode alterar apenas os textos através das configurações dos grupos de Tags, alterando assim, os textos vinculados as Smart Tags do site compartilhado, ou seja, caso deseje que cada usuário que irá receber o template possa fazer alterações no texto, não esqueça de configurar como Smart Tags.
Não sabe como configurar Smart Tags em seu template? Acesse o tutorial da nossa Central de Ajuda sobre "Como utilizar as smart tags no Builderall Builder" e aprenda agora! Clique aqui!
Atenção! Os textos configurados no site não são espelhados, pois o compartilhamento permite que diferentes usuários usem o mesmo template porém com textos diferentes através da opção de Smart Tags.
Aprenda neste tutorial a como compartilhar um template como um site espelhado e como acessar um website espelhado ao receber o link público:
Como compartilhar um template como um site espelhado?
Passo 1 - Crie o template do seu site no Construtor de Sites Builderall Builder como desejar.
Passo 2 - Retorne à página principal do Builderall Builder, na área de visualização dos sites, selecione o ícone de "3 pontos" do site configurado com as smart tags;
Passo 3 - Selecione a opção “Ativar link público”;
Passo 4 - No pop-up aberto, ative a opção “Habilitar Mirror”; copie o código do link público e feche o pop-up aberto.
Pronto! Agora você já pode compartilhar seus templates com diferentes usuários/clientes com a opção website espelhado.
Recebendo um Mirror Website:
Caso você esteja recebendo um site espelhado, acompanhe abaixo o passo a passo e as opções possíveis de serem feitas no template: Passo 1 - Clique na URL do link público enviado a você, não se esqueça de entrar antes em sua conta Builderall no navegador; Passo 2 - Conecte um domínio para o site e selecione um Grupo de Tags para preencher as Smart Tags do template recebido (caso tenha Smart Tags configuradas);
Dica! Selecione a opção “Manage Tags” para alterar os valores configurados na área de grupo de tags.
Não sabe o que são Smart Tags? Acesse o tutorial da nossa Central de Ajuda "Como utilizar as smart tags no Builderall Builder" e aprenda agora! Clique aqui!
Após digitar o domínio e selecionar o grupo de Tags, selecione o botão "Conectar domínio" para prosseguir;
Passo 3 - Acesse seus sites espelhados na aba de Mirror Website na área de visualização de sites do Construtor de Sites Builderall Builder;
Opções de edição do Mirror Website:
A opção "Editar Site" leva a área de edição dos grupo de Tags, sites espelhados permitem a alteração apenas dos textos que serão substituídos nas Smart Tags dos templates.
Selecione o ícone de "3 pontos" do website espelhado para: • Atualizar cache - atualiza as configurações alteradas no site principal; • Desconectar domínio - desconectar o domínio conectado no momento que o site foi recebido.
Pronto! Agora você já pode receber diferentes websites espelhados e aproveitar a melhor forma possível esse recurso no Construtor de Sites Builderall Builder!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
O que são e como utilizar as Smart Tags no Builderall Builder?
As smart tags, traduzidas literalmente como “etiquetas inteligentes” são uma funcionalidade do Builderall Builder para facilitar a configuração dos textos que serão adicionados a um website; seja para templates pré-pontos próprios da Builderall ou para seus próprios templates que serão compartilhados, com as smart tags é possível configurar todos os textos que irão ao site previamente, dessa forma, os textos são adicionados ao template desejado automaticamente, além disso, é possível utilizar o mesmo grupo de tags, ou seja, os textos configurados, para diferentes templates.Se você é um design, empreendedor online, afiliado Builderall ou apenas deseja compartilhar seu template com outras pessoas, assim como, deixar um padrão de template pronto para usar a qualquer momento independe de quais textos serão inseridos no site, as Smart Tags são perfeitas para você!
Vamos aprender neste tutorial a como configurar grupos de tags; como utilizar os grupos criados em templates pré-pontos da Builderall e a como adicionar as smart tags em seus sites e compartilhar com outros clientes.
Como criar um grupo de Tags?
Passo 1 - Acesse o Construtor de Sites Builderall Builder, na área de visualização dos sites, localize o botão cinza na parte superior esquerda com o texto “Criar grupo de Tags”; selecione;
Passo 2 - Selecione a opção “Criar grupo” para criar um novo grupo de tags ou edite o grupo de tags “default”, ou seja, o grupo de tags padrão; para editar as tags do grupo padrão ou criado, selecione o ícone de “editar”;
O grupo de tags “default” já vem previamente criado em todas as contas Builderall.
Passo 3 - Ao editar o grupo padrão ou o novo grupo criado, é possível visualizar o nome de cada smart tag disponível e um texto de exemplo em cada campo de tag, preencha cada campo com os textos e informações que serão adicionados ao seu site posteriormente.
Dica! Dificuldade em preencher cada campo? Utilize a opção de ajuda, mantenha o mouse em cima do ícone de “?” ao lado direito de cada campo e aprenda a como configurar cada tag específica a partir dos textos de ajuda.
Atenção! Ao inserir os valores da Smart Tag, não é possível configurar aspas (“”) ou caracteres especiais na tag.
Ao preencher todas as tags que serão utilizadas do grupo, salve a configuração na opção “Salvar”.
Como utilizar o grupo de Tags em um template da Builderall?
Passo 1 - Acesse o Construtor de Sites Builderall Builder, na área de visualização dos sites, localize o botão azul na parte superior direita com o texto “Criar novo site”; selecione;
Passo 2 - Selecione o botão “Escolher” da opção “Smart Modelos”, ou seja, modelos de sites inteligentes que já são configurados com as smart tags para adicionar as informações configuradas em seu grupo de tags.
Atenção! Não é possível configurar o grupo de tags na opção “Professional Modelos”.
Passo 3 - Selecione o grupo de tag desejado em "Tag group"; os valores das tags configuradas serão atribuídos aos locais específicos do seu template smart. É possível alterar os valores configurados no grupo de tags no momento em que ele for selecionado.
Dica! Selecione a opção “Manage Tags” para alterar os valores configurados na área de grupo de tags.
Prossiga a configuração selecionando “Select Template”;
Passo 4 - Selecione o modelo para o seu site. Para visualizar um modelo antes de criar um novo site, mantenha o mouse em cima do template e selecione a opção “Pré-visualização”; para confirmar a escolha do template, selecione a opção “Selecionar”.
Passo 5 - Salve as configurações no botão “Salvar” do pop-up de confirmação do template escolhido.
Pronto! Ao acessar o site, os textos do grupo de tags configurado devem aparecer corretamente substituindo as smart tags do template. Ainda com dúvidas sobre como realizar a configuração? Assista o vídeo do nosso canal oficial no YouTube sobre como criar o grupo de tags e escolher o seu template inteligente: Clique aqui!
Como criar Smart Tags em um template?
Configure as smart tags em um template criado por você, compartilhe seu template e permita que outros usuários utilizem seu modelo de site com seus próprios grupos de tags. Passo 1 - Acesse o site e a página no Construtor de Sites Builderall Builder que deseja configurar as smart tags;Passo 2 - Adicione o elemento de Texto ao painel do site.
Dúvidas em como adicionar o elemento de texto? Veja o tutorial da nossa Central de Ajuda sobre "Como configurar o elemento texto?" e aprenda a como configurar agora: Clique aqui!
Passo 3 - Clique duas vezes sobre o texto adicionado para abrir o menu de edição; selecione o ícone de “Insert Tags” (Inserir Tags);
Passo 4 - Selecione a aba de “Smart tags”; escolha entre as opções a smart tag desejada, lembre-se que, a informação adicionada no respectivo campo na configuração do grupo de tags irá substituir o texto da smart tag adicionada ao painel/página;
Após selecionar, clique no botão “Selecione” para confirmar.
Adicione smart tags nas ações dos elementos do site:
Além de pré-configurar textos, com as smart tags é possível pré-configurar as ações dos elementos que possuem a opção de ação: botões e imagens; dessa forma, basta adicionar as URLs de redirecionamento ao configurar o grupo de tags e selecionar a tag desejada na opção de ação. Veja a seguir como selecionar uma tag na opção de ação do elemento: Passo 1 - Adicione um dos elementos que possui a opção de definir link de ação e o configure como desejar;
Passo 2 - No submenu do elemento, selecione a opção "Definir link";
Passo 3 - Localize no menu lateral direito a opção "Tags"; selecione;
Passo 4 - Na aba de "Smart Tags" selecione a tag configurada com a URL de redirecionamento no seu grupo de tags;
Após selecionar, clique no botão “Selecione” para confirmar.
Pronto! Agora você já pode criar seus templates com smart tags no lugar dos textos e ações. Ainda com dúvidas sobre como realizar a configuração? Assista o vídeo do nosso canal oficial no YouTube sobre como criar o grupo de tags e criar um template inteligente: Clique aqui!
Como compartilhar meu site com as informações das Smart Tags?
Passo 1 - Retorne à página principal do Builderall Builder, na área de visualização dos sites, selecione o ícone de "3 pontos" do site configurado com as smart tags;
Passo 2 - Selecione a opção “Ativar link público”;
Passo 3 - No pop-up aberto, ative a opção “Template Tags”; copie o código do link público e feche o pop-up aberto.
Pronto! Agora você já pode compartilhar seus templates com diferentes usuários/clientes com a opção de utilizarem o grupo de tags criados em suas respectivas contas, lembrando que, o grupo de tags deve estar configurado na conta que está recebendo o site, assim, ao receber o link público, é possível selecionar o grupo de tag desejado e aproveitar o template recebido com a configuração de textos adicionados automaticamente!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
O que é a Tag dentro do editor Builderall Builder?
O Construtor de Sites Builderall Builder conta com um sistema de Tag desenvolvido para usuários avançados que tenham conhecimento em linguagem de programação ou a possibilidade de contratar um programador para auxiliá-lo nas configurações do site. Se você se encaixa nesse tipo de usuário e deseja fazer algo específico no seu site, por exemplo, inserir uma animação com comportamento diferente, essa Tag serve como SELETOR para auxiliar nessa integração.
O sistema de Tag é uma configuração relacionada a publicação do seu site. Recomendamos que apenas usuários avançados utilizem essa opção, do contrário, indicamos que não utilize para evitar problemas com a publicação do site.
Como funciona o sistema de Tag? A opção Tag funciona da seguinte forma: o que for adicionado no campo TAG é um atributo personalizado de um elemento. O elemento é escrito na linguagem HTML, ou seja, ao publicar um site, a TAG de um elemento, fica por padrão da seguinte forma: 
. Ao incluir um comando no campo Tag, por exemplo: "elemento-custom" será atribuída dentro do HTML do site junto a Tag padrão do elemento, sendo assim, o HTML do determinado elemento ficará da seguinte forma: . Exemplo: Alguns scripts externos exigem certas tags em elementos do site quando vão ser integrados, é nesse momento, que o campo Tag será utilizado. Acesse um exemplo de como utilizar um script externo mais a opção de tag para o rastreamento de um botão: Clique aqui!
Onde localizar o campo de Tag?
O campo Tag é encontrado no menu de configurações dos elementos; selecione o ícone de "Editar elemento" e localize a opção "Tag".
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
O que é e como utilizar a função Tag de Referência do Builderall Builder?
A opção de Tag de Referência do Construtor de Sites Builderall Builder é uma função ligada a opção de "Scripts de Rastreamento" do MailingBoss 5.0, ao configurar Tags de Referência em diferentes páginas de um site, é possível, baseado nessas referência, criar ações para os leads dentro do MailingBoss 5.0, como: adicionar tag, mover inscrito de lista, excluir inscrito de determinada lista, entre outras opções. A Tag de Referência é associada ao lead conforme o acesso do mesmo as diferentes páginas do site que possuem a tag configurada, ou seja, com a opção de Tag de Referência do Builderall Builder somada as configurações de Script de Rastreamento do MailingBoss 5.0, é possível automatizar ações para os leads no MailingBoss 5.0 baseados no acesso às páginas de um site do Builderall Builder.
Exemplo: Um lead X realiza o cadastro em um formulário de e-mail marketing sendo levado para a página de obrigado ao concluir sua inscrição, ao acessar a página de obrigado, recebe a tag "INSCRITO" na lista onde realizou o cadastro. Na página de obrigado, há 3 botões diferentes, cada botão leva para uma página de desconto diferente dentro do site; o lead X clica no botão 1, levando para a página de desconto 1, ao realizar essa ação, o lead é movido da lista atual que entrou após realizar a inscrição para uma lista com o nome de "DESCONTO 1". A opção do exemplo, entre muitas outras opções, são possíveis através da função Tag de Referência.
Atenção! Essa é uma funcionalidade avançada e é necessário ter total domínio sobre a automação de tags para utilizá-la!
A configuração da Tag de Referência é feita em duas etapas: configurar as Tags de Referência nas páginas do site; configurar as ações que irão ocorrer no MailingBoss 5.0 ao identificar o acesso nas páginas que possuem a mesma referência.
Vamos começar aprendendo a como configurar as Tags de Referência no Builderall Builder: Passo 1 - Na página principal do site, acesse as "Configurações" da página que deseja adicionar a Tag de Referência;
Passo 2 - Adicione na opção "Integration Key" a chave de integração do seu MailingBoss 5.0;
Não sabe como acessar a chave de integração do seu MailingBoss 5.0? Aprenda agora acessando o tutorial da nossa Central de Ajuda "Como copiar a chave de integração do MailingBoss 5.0": Clique aqui!
Passo 3 - Adicione na opção "Tag de Referência" um nome como tag, a informação adicionada no campo indicado será usada como referência no MailingBoss 5.0 para a automatização das ações;
Passo 4 - Salve a configuração na opção "Salvar" das Configurações Gerais.
Pronto! Finalizamos assim a configuração que deve ser feita no Builderall Builder, repita o mesmo processo em todas as páginas que deseja configurar uma Tag de Referência, não se esqueça que, é obrigatório adicionar a chave de integração do MailingBoss 5.0 em todas as páginas que as Tags forem configuradas. Vamos aprender agora a como criar as regras de rastreamento no MailingBoss 5.0: Passo 1 - Acesse o MailingBoss 5.0; no menu lateral esquerdo da ferramenta localize a opção de "Integração"; selecione;
Passo 2 - Acesse a área de Script de Rastreamento; selecione a opção "Criar regra";
Passo 3 - Configure a regra de ação para o MailingBoss 5.0;
Referência: adicione o nome da Tag de Referência configurada na página do site no Builderall Builder;Tempo de espera (minutos): configure o tempo em minutos que a ação deve ser feita após reconhecer a referência configurada;Ação: configure qual ação será feita no MailingBoss 5.0 após reconhecer a referência configurada; • Adicionar/Atualizar inscrito na lista • Adicionar TAG • Incluir valor de campo • Mover inscrito para outra lista • Cancelar inscrição • Excluir inscritoOs demais campos variam conforme a ação selecionada. Selecione o botão "Salvar" para criar a regra configurada.
Vamos entender a regra criada acima? Considerando o especificado sobre cada campo, na imagem acima, a ação no MailingBoss irá ocorrer da seguinte forma: assim que o lead Y se inscrever através da página de inscrição na lista Auto Escola X, ele será direcionado para a página de obrigado, que está configurada com a Tag de Referência "CONFIRMADO", ao reconhecer o acesso do lead Y na página com a tag de referência mencionada, o MailingBoss 5.0 irá automaticamente adicionar a tag "confirmado" no lead Y na lista Auto Escola X.
Repita o mesmo processo para criar as demais regras de automação no MailingBoss 5.0 baseado nos acesso as as páginas do seu site, lembrando que, as ações configuradas influenciam suas listas e seus leads no MailingBoss 5.0, por esse motivo, recomendamos que você tenha total domínio sobre a automação de tags para utilizá-la.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantas regras desejar utilizando a função Tag de Referência e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Função Lista MB/Tag Mboss: O que é e como utilizar a função no Builderall Builder?
A Tag Mboss é uma função ligada ao painel do site de uma página no Construtor de Sites Builderall Builder, ao ativar a Tag Mboss, é possível configurar regras em seus painéis, definindo assim, qual painel de uma página irá aparecer para o visitante baseado na resposta do mesmo ao se inscrever através de um formulário em uma lista do MailingBoss 5.0, ou seja, é possível configurar diferentes painéis em uma única página sem a necessidade de utilizar a opção de "ocultar" e painéis diferentes serão mostrados para cada lead de acordo com suas respostas. Evite com essa função configurar diferentes páginas de inscrição, páginas de pendente e páginas de obrigado e facilite a configuração do seu site para suas estratégias de venda.
Atenção! Essa é uma funcionalidade avançada e é necessário ter total domínio sobre a automação de tags para utilizá-la!
Acompanhe no vídeo abaixo a configuração que iremos aprender neste tutorial
Vamos entender o que aconteceu no vídeo? No exemplo indicado acima, a página de obrigado do formulário configurado possui 3 painéis no Construtor de Sites Builderall Builder, um com desconto especial para pessoas acima de 18 anos, outro para pessoas com idade igual a 18 anos e o último para pessoas com idade inferior a 18 anos, nenhum dos painéis foi oculto e a página de inscrição indicada é a mesma para todas as respostas, porém, os painéis aparecem alternadamente baseado na resposta adicionada no campo "Idade" do formulário, tudo isso, graças a função Tag Mboss.
A configuração da Tag Mboss é feita em duas etapas: selecionar a lista do MailingBoss que será vinculada ao site (as regras de ação configuradas nos painéis serão realizadas baseadas na comparação das informações adicionadas na mesma lista selecionada); configurar as regras nos painéis da página. Vamos começar aprendendo a como vincular uma lista do MailingBoss ao seu site no Builderall Builder: Passo 1 - Acesse o site que deseja realizar a configuração no Construtor de Sites Builderall Builder; Passo 2 - Localize no menu lateral esquerdo da área de páginas do seu site a opção "Configurações do site"; selecione;
Passo 3 - Localize na área de Configurações Gerais a opção de "Lista MB"; selecione a lista do MailingBoss 5.0 que deseja vincular ao site;
Passo 4 - Salve a configuração na opção "Salvar" das Configurações Gerais.
Pronto! Sua lista do MailingBoss 5.0 já está vinculada ao site, vamos aprender agora a como habilitar a Tag Mboss nos painéis da página e criar as regras para indicar qual painel irá aparecer baseado na resposta do lead no formulário. No Builderall Builder: Passo 1 - Configure a página de inscrição do seu site como desejar; adicione o formulário que será feito a inscrição, não esqueça que o formulário deve estar vinculado a mesma lista selecionada na área de configurações gerais do site;
Dica! Não é obrigatório o uso do formulário de e-mail marketing, desde que, o formulário utilizado esteja vinculado a mesma lista no MailingBoss 5.0, sendo assim, é possível utilizar diferentes tipos de formulário, como o formulário de contato. A ação de verificar a informação e associar ao painel que será indicado na próxima página é feita na própria lista do MailingBoss 5.0 e não no formulário em si.
Passo 2 - Configure na página que o lead será redirecionado após a inscrição todos os painéis que serão indicados baseados nas diferentes respostas; Exemplo:
Passo 3 - Selecione um dos painéis; no menu indicado, selecione a opção de "Editar Elemento";
Passo 4 - Localize a opção de "Tag Mboss" no menu de configurações e selecione a opção "Habilitar";
Passo 5 - Configure os campos de Tag, Operator e Value:
• Tag: adicione o nome do campo configurado na lista do MailingBoss 5.0 vinculada ao formulário e ao site (o nome deve ser inserido idêntico ao configurado na lista). • Operator: selecione se a operação será feita com as regras: "é igual", "é menor que" ou "é maior que". • Value: adicione o valor de referência que será utilizado para comparar a resposta do lead conforme a regra configurada acima.
Selecione o botão "Salvar" para criar a regra com as informações adicionadas; a regra irá aparecer da seguinte forma:
O que essa regra significa? Significa que, quando no campo de "IDADE" da minha lista no MailingBoss 5.0, for reconhecido que o lead colocou um valor igual (equal) a 18, irá aparecer na próxima página depois da inscrição do mesmo no formulário esse determinado painel configurado.
Repita o mesmo processo para configurar as Tags Mboss nos demais painéis, é possível configurar a mesma tag em mais de um painel e também diferentes tags em um único painel, lembrando que, essa ação influência a publicação do seu site e quais páginas serão indicadas aos seus leads, ou seja, recomendamos que você tenha total domínio sobre a automação de tags para utilizá-la.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis desejar com a função da Tag Mboss e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Temporizadores
Como inserir temporizadores ou cronômetros
Os temporizadores e cronômetros são dispositivos capazes de medir o tempo com alta precisão e são normalmente utilizados para controlar a sequência de um evento ou processo; com o elemento "Temporizadores" do Construtor de Sites Builderall Builder é possível adicionar diferentes tipos de contadores em uma página, além da opção de configurar diferentes tipos de ação ao zerar o tempo do contador adicionado. Aprenda neste tutorial a como adicionar temporizadores personalizados no Construtor de Sites Builderall Builder.
Como adicionar um Temporizador?
Passo 1 - Acesse o site e a página que deseja adicionar o temporizador no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Temporizadores".
Passo 4 - Escolha um, entre os 6 modelos de temporizadores que irão aparacer; clique no temporizador escolhido e arraste até o local do painel desejado.
Como editar o Temporizador escolhido?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar o temporizador.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Definir link - selecione para abrir o menu de opções de configurações de redirecionamento ou ação para o cronômetro, a ação configurada irá ocorrer assim que o tempo do cronômetro zerar. Elemento clone - selecione para duplicar o cronômetro criado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o cronômetro criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição do Cronômetro:
As opções de edições do cronômetro podem variar conforme o modelo escolhido, as opções indicadas abaixo representam a totalidade das opções disponíveis para edição do elemento cronômetro, diferentes opções podem apresentar apenas menos opções do que as indicadas.
• Configurações gerais: altere o tema/modelo do cronômetro adicionado sem a necessidade de adicionar o elemento novamente; configure o tipo de cronômetro e o tempo em dias, horas, minutos e segundos. Tipos de cronômetro- Até data específica: selecione uma data e um horário e o temporizador irá calcular automaticamente o tempo restante até a data programada.- Contagem regressiva: após configurar o tempo do cronômetro no editor, a contagem irá iniciar automaticamente e será constante até o tempo zerar. - Evergreen: a contagem do cronômetro inicia a partir do primeiro acesso do visitante a página, caso o mesmo saia e depois retorne, o cronômetro contabilizará o tempo que ficou ausente, ao limpar o cache do navegador a contagem inicia novamente.
- Contar tempo em todo acesso do usuário: a contagem do cronômetro reinicia a cada acesso do usuário.
Outras opções de edição:
• Fontes: configure o tipo, o tamanho e a cor da fonte do cronômetro adicionado.• Tamanho: configure a altura e largura do elemento adicionado na versão desktop. • Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site. • Cores em Geral: configure as cores do elemento adicionado.• Animação: configure uma ação/animação para o cronômetro baseado em tempo, clique, ação do mouse ou visibilidade do local.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos cronômetros desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Texto
Como adicionar textos no Builderall Builder?
Os textos são parte essencial de um site, textos coerentes, objetivos e bem expressivos trazem confiança e credibilidade para o site e criam um bom relacionamento com os seus vistantes. Aprenda nesse tutorial a como adicionar e configurar textos no Construtor de Sites Builderall Builder.
Como adicionar um Texto?
Passo 1 - Acesse o site e a página que deseja adicionar o Texto no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Textos".
Passo 4 - O Builderall Builder oferece 7 tipos de textos diferentes, 6 são títulos com Heading Tags diferentes, da H1 a H6; o 7° tipo de texto é para textos grandes/parágrafos. Após escolher o texto desejado, clique no texto escolhido e arraste até o local do painel desejado.
Dica! As Heading Tags (H1, H2, H3…) são um recurso de programação HTML utilizados para destacar títulos e subtítulos de forma hierárquica, indicando ao usuário e ao Google quais são os títulos mais importantes do site, ou seja, utilizar as Heading Tags corretamente é um ótimo recurso para o SEO deu um site.
Como editar o Botão escolhido?
Antes de aprendermos as opções de configurações, vamos conhecer os dois submenus indicados ao selecionar o texto.
Ao selecionar uma única vez o texto adicionado:
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Edição de textos longos - selecione para abrir uma área de edição idêntica a que será indicada abaixo, porém, para textos longos.
Elemento clone - selecione para duplicar o texto criado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o texto criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Ao selecionar duas vezes o texto adicionado:
Ao selecionar o texto adicionado duas vezes, o menu de edição do texto altera para um novo menu de aparência próxima a de editores de texto, nesse novo menu é possível realizar as seguintes configurações:
Cortar/apagar;
Copiar;
Colar;
Colar como texto simples;
Colar do Word;
Desfazer e refazer ação;
Inserir tópicos de: números; símbolos;
Opções de alinhamento do texto;
Inserir: tabela; emojis; caracteres especiais; linha para quebra de página;
Mover o texto para: direita; esquerda;
Inserir linha horizontal;
Adicionar link;
Alterar direção do texto: da esquerda para a direita; da direita para a esquerda;
Alterar opções de: Heading Tag; fonte do texto; tamanho do texto;
Espaçamento entre linhas;
Opções de: negrito; itálico; grifado; tachado; subscrito; sobrescrito;
Remover formatação;
Configurações de cor: cor da fonte; cor de fundo;
Inserir ícone; Adicionar sombra;
Inserir tags;
A última opção de inserir tags refere-se a configuração das Smarts Tags do Construtor de Sites Builderall Builder, aprenda mais sobre a opção acessando o tutorial da nossa Central de Ajuda "Como utilizar as Smart Tags no Builderall Builder?": Clique aqui!
Opções de edição do Texto:
• Configurações gerais: configure o alinhamento do texto na versão mobile do site.
• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site.
• Animação: configure uma ação/animação para o cronômetro baseado em tempo, clique, ação do mouse ou visibilidade do local.
• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Dica! Quer saber mais sobre a configuração de fontes no Builderall Builder? Assista a live realizada em nossa página do Facebook pelo fundador da Builderall, Erick Salgado, sobre como configurar fontes no Builderall Builder e outras configurações: Clique aqui!
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos textos desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Como alterar o estilo da fonte padrão do Builderall Builder?
Configure os estilos das fontes do Builderall Builder como desejar, com a opção de editar o estilo de fontes padrões, é possível alterar o tamanho, a altura, a cor e a fonte dos títulos (Heading do 1 ao 6) e do parágrafo.
Dica! Aprenda a como configurar o elemento de texto no Construtor de Sites Builderall Builderal, acesse o tutorial da nossa Central de Ajuda "Como adicionar textos no Builderall Builder?": Clique aqui!
Como alterar os estilos das fontes?
Passo 1 - Acesse uma das páginas do site no Construtor de Sites Builderall Builder.
Passo 2 - Selecione no menu superior o ícone de "A".
Passo 3 - Selecione no menu lateral esquerdo da aba aberta qual estilo de fonte deseja alterar.
Passo 4 - Configure o estilo da fonte como desejar.
Opções de edição:• Família de fontes• Tamanho da fonte• Tamanho da fonte mobile• Altura da linha• Cor
Confirme as alterações feitas na caixa de exemplo ou adicionar o elemento de texto ao painel.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos fontes desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós! Faça seu negócio decolar 🚀Equipe BuilderallComo importar sua fonte para o Builderall Builder?
A tipografia, ou seja, o tipo de fonte que será utilizada em um site, é crucial e monta a identidade visual de uma marca. O tipo de fonte de texto refere-se a grafia ou a caligrafia em que o texto está escrito, há diversas grafias diferentes como: comic sans, arial, times new roman, entre outras. Apesar do Builderall Builder oferecer diferentes tipos de fontes para a configuração do seu site, buscando oferecer uma experiência completa, o Builderall Builder permite também a importação de fontes de texto externas, dessa forma, é possível utilizar qualquer tipo de fonte desejada para o seu site de forma fácil e rápida.
Como importar minha fonte?
Passo 1 - Acesse uma das páginas do site no Construtor de Sites Builderall Builder.
Passo 2 - Selecione no menu superior o ícone de "A".
Passo 3 - Selecione na área de "Fontes do Sites" a opção "Envie sua fonte".
Passo 4 - Configure o nome da nova fonte que será adicionada e selecione a opção "Escolher arquivo" para realizar o upload da fonte.
Passo 5 - Após selecionar a(s) fonte(s) desejada(s), selecione o botão de "Save as Personal Font", para salvar a fonte selecionada.
Atenção! Caso ocorra algum erro ao importar sua fonte, verifique se a extensão do arquivo é compatível com os formatos solicitados (.ttf, .woff, .woff2). Se não for compatível, utilize um conversor, recomendamos o site: https://convertio.co/pt/.
A fonte adicionada irá aparecer na opção "Fonte" do menu de configurações do texto;
Dica! Aprenda sobre a configuração de textos no Builderall Builder, acesse o tutorial da nossa Central de Ajuda "Como adicionar textos no Builderall Builder?": Clique aqui!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall
Texto Mágico no Construtor de Sites: O que é e como utilizar?
O que é o Texto Mágico da Builderall?
A introdução da Inteligência Artificial (IA) foi um marco no cenário da internet e revolucionou diferentes processos, inclusive o de criação de textos! Pensando nisso, a Builderall 6.0 traz como recurso a opção “Texto Mágico” que permite a criação de conteúdos com facilidade e eficiência. Tenha à disposição um assistente de escrita capaz de gerar ou aprimorar as copys do seu site com apenas algumas palavras-chave. Mas, o que é uma copy e por que são tão importantes para o meu site? Uma “copy”, ou "copywriting" é um estilo de texto persuasivo utilizado em diferentes tipos de conteúdo para influenciar os visitantes do seu site a realizarem ações desejadas, como compras ou inscrições. Elas são cruciais para converter visitantes em clientes, comunicar benefícios e destacar seu negócio no mercado, melhorando a experiência do usuário e otimizando a classificação nos mecanismos de busca.Neste tutorial, vamos explorar em detalhes como aproveitar ao máximo o “Texto Mágico” da Builderall 6.0. Descubra como manter uma presença online de alta qualidade e aprimorar sua estratégia de marketing com o auxílio da IA.
Vantagens de utilizar o Texto Mágico da Builderall:
Conheça a seguir as principais vantagens de utilizar o recurso de IA da Builderall na produção de textos: ✅ Auxilia na Criação de Conteúdos: O “Texto Mágico” é um excelente aliado na criação de conteúdos, auxiliando a superar bloqueios criativos e oferecendo insights valiosos para desenvolvimento das copys do seu conteúdo.
✅ Economiza Tempo e Energia na Produção de Textos: Gere automaticamente conteúdos de alta qualidade com base nas informações fornecidas, dessa forma, você economiza tempo e facilita a configuração dos textos necessários.
✅ Mantêm a Qualidade e a Autenticidade: O conteúdo gerado pelo “Texto Mágico” mantém os padrões das IA mais conhecidas atualmente, ou seja, sua configuração preza a criação de conteúdos de qualidade, mas sempre de maneira autêntica e alinhada com a voz e estilo da sua marca.
✅ Fortalece Sua Presença Online de Forma Inteligente: Utilizar o “Texto Mágico” ajuda a manter uma presença online com as principais informações e palavras-chave necessárias para criar um conteúdo envolvente tanto para os seus leitores quanto para as métricas de SEO, ao mesmo tempo que permite que você insira sua criatividade e toque pessoal no conteúdo.
✅ Integração Harmoniosa com a IA: Incorporar a IA de forma inteligente em seu fluxo de trabalho é essencial para destacar-se no digital. O “Texto Mágico” da Builderall em conjunto com a criatividade humana, pode otimizar seu processo de criação de conteúdo sem comprometer a autenticidade e a qualidade.
Lembre-se! Apesar da capacidade da ferramenta de criar conteúdos interessantes, o seu público deseja ouvir a sua voz! Portanto, a adaptação do texto à sua linguagem e contexto é crucial. Não basta simplesmente copiar e colar o texto gerado esperando que seus leitores se identifiquem de forma positiva!
Como utilizar o elemento de Texto Mágico no Construtor?
Passo 1 - Acesse o site e a página que deseja adicionar um campo de texto no Construtor de Sites. A opção de “Texto Mágico” aparece exclusivamente no menu de configurações do elemento de “Texto”.
Dúvidas em como adicionar e configurar o elemento de Texto? Acesse o tutorial da nossa Central de Ajuda sobre “Como adicionar textos no Builderall Builder” e aprenda a como configurar agora: Clique aqui!
Passo 2 - A opção será indicada no submenu ao adicionar o elemento no painel; selecione a opção “Texto Mágico” para abrir o pop-up de configurações do texto.
Passo 3 - Conheça a seguir as opções apresentadas no pop-up pelo assiste de escrita: Pergunta 1:
Selecione uma entre as 5 opções disponíveis indicando ao assistente de escrita quantos e qual tipo de texto você deseja criar: apenas títulos, subtítulos, parágrafos ou um conteúdo que possua diversos parágrafos sobre um assunto.
Perguntas 2 e 3: As perguntas 2 e 3 são indicadas apenas se as seguintes opções forem selecionadas: Crie 3 exemplos de título, Crie 3 exemplos de subtítulo, Crie 3 exemplos de parágrafo ou Crie um parágrafo.
Para responder à pergunta 2, você deve descrever o tipo de negócio ou atividade que o seu website irá apresentar aos visitantes, ou seja, qual seu propósito ao criar um website e a área de atuação. Por exemplo: lojas virtuais para vendas de roupas, carros, cosméticos; empresa de consultoria; blog de culinária; entre outros. Já na pergunta 3 você deve identificar o conteúdo específico ou a mensagem que deseja comunicar através do texto que será criado. Pode ser um produto ou serviço que você deseja promover, uma promoção especial que está acontecendo, um recurso exclusivo do seu website, ou os benefícios que os visitantes podem obter ao interagir com o site. Basicamente, é onde você define o foco do texto e o que ele deve comunicar aos leitores.
Em resumo, a primeira pergunta trata do contexto geral do website, enquanto a segunda pergunta se concentra na mensagem específica que o texto deve transmitir em relação a produtos, serviços ou benefícios.
Dica! O assistente de escrita cria textos a partir de palavras-chave identificadas sobre seu negócio, sendo assim, não é necessário escrever textos longos em nenhum dos campos indicados, porém, é essencial adicionar as palavras exatas que definem seu negócio e o foco do texto que será criado. Essas respostas ajudarão a orientar a criação do conteúdo de forma mais direcionada e eficaz!
Pergunta 2:Indicada apenas no caso de selecionar a opção: Crie conteúdo personalizado.
A última opção disponível, permite a criação de textos detalhados sobre determinado assunto, sendo assim, você deve fornecer uma descrição concisa e clara do que deseja que o “Texto Mágico” da Builderall gere. Confira abaixo algumas dicas sobre o que incluir na descrição do seu texto e gerar conteúdos direcionados e eficazes para o seu negócio:
• Tema ou Tópico: Comece informando qual é o tema ou tópico principal do conteúdo que você deseja gerar. Por exemplo, se você está escrevendo sobre viagens, mencione que o texto deve ser sobre “destinos de viagem populares.”
• Finalidade: Explique o motivo pleo qual você quer gerar esse texto. Você quer que ele conte algo, convença alguém de alguma coisa, divirta ou ensine algo? Por exemplo, você pode dizer: “O texto deve contar aos leitores sobre as atrações turísticas de Paris.”
• Detalhes e Informações Relevantes: Forneça detalhes específicos ou informações que você gostaria de incluir no texto. Quanto mais detalhes você der, mais preciso será o texto gerado. Por exemplo, “Inclua informações sobre a Torre Eiffel, o Museu do Louvre e restaurantes locais.”
• Público-Alvo: Indique para quem é o texto; turistas, amantes da arte, viajantes em família, entre outros. A informação de nicho e persona que você deseja alcançar com o conteúdo que será gerado ajudam a adaptar o tom e o estilo do texto.• Comprimento do Texto: Especifique o tamanho desejado do texto, ou seja, a quantidade de palavras, frases ou parágrafos.Abaixo, disponibilizamos um exemplo de texto que você pode utilizar como base para criação dos seus conteúdos com o “Texto Mágico” da Builderall. Além de poder copiar e colar a mensagem para testar a função agora mesmo!
Gere um texto informativo sobre as principais atrações turísticas de Paris, direcionado a turistas, com cerca de 300 palavras. Inclua informações sobre a Torre Eiffel, o Museu do Louvre, restaurantes locais e sugira atividades para famílias que viajam com crianças. O tom do texto deve ser amigável e informativo.
Passo 4 - Após adicionar as informações desejadas nos campos indicados anteriormente, clique no botão “Gerar” para iniciar a criação do seu texto pela IA da Builderall. Para adicionar o título, subtítulo ou parágrafo gerado, clique no botão ao lado do texto “Selecione”. O texto será adicionado automaticamente ao site.
O texto selecionado é adicionado sem formatação, sendo assim, após selecionar, é necessário realizar todas as configurações de design para mantê-lo no padrão desejado. Clique aqui para aprender a como configurar o layout dos textos adicionados no Construtor de Sites.
Pronto! Finalizamos assim o tutorial sobre o “Texto Mágico” da Builderall. Agora, você já pode explorar e aproveitar ao máximo seu assistente para criação de conteúdos e criar textos incríveis para os seus negócios!
Autor(a):
Paula Bianca Sua Success Coach Builderall
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀
Vídeo
Como inserir um vídeo no Builderall Builder?
Os vídeos são formas fáceis e rápidas de consumir conteúdo. Vídeos curtos e interativos possuem grande importância no Marketing de Conteúdo, por levarem menos tempo para serem consumidos e possibilitar que informações sejam absorvidas mais facilmente do que um texto. Aprenda neste tutorial a como adicionar vídeos de diferentes plataformas em seu site no Construtor de Sites Builderall Builder.
Como adicionar um Vídeo?
Passo 1 - Acesse o site e a página que deseja adicionar o Vídeo no Construtor de Sites Builderall Builder.
Passo 2 - Escolha um painel em sua página ou adicione um novo para a configuração do elemento.
Passo 3 - Acesse o menu lateral direito do construtor de sites; selecione a opção Adicionar e clique na área de Elementos; selecione a opção "Textos".
O construtor de sites Builderall Builder permite adicionar vídeos de 6 plataformas diferentes, elas são:
YouTube, Vimeo Vídeo, Builderall Video Hosting, Vidello, Wistia e Panda video.
Passo 4 - Clique na plataforma escolhida e arraste até o local do painel desejado para adicionar o elemento.
Como adicionar o meu vídeo?
Para as plataformas do YouTube, Vimeo Vídeo, Wistia e Vidello, o link do vídeo que será adicionado a página do site é inserido na área de "Configurações gerais" das opções de edição dos elementos.
Para a plataforma de vídeo Builderall Video Hosting, o vídeo será selecionado na área de "Vídeo" das opções de edição do elemento.
Dica! Não sabe o que é o Builderall Video Hosting? Aprenda a como utilizar a plataforma de vídeos própria da Builderall e a como adicionar seus vídeos. Acesse a área de tutoriais sobre a ferramenta em nossa Central de Ajuda: Clique aqui!
Para a plataforma de vídeo Panda Videos, o vídeo será configurado na área de "Configurações" no menu do elemento após adicionar a chave API para a integração com a plataforma externa.
Aprenda a como integrar a plataforma externa Panda Videos ao Construtor de Sites Builderall Builder e a como configurar seus vídeos através do tutorial do Sidnei Santos em nosso canal oficial do YouTube: Clique aqui e confira!
Como editar o Vídeo adicionado?
Antes de aprendermos as opções de configurações, vamos conhecer o submenu indicado ao selecionar o elemento de vídeo.
Todas as plataformas de vídeo existentes indicam o mesmo submenu, exceto a plataforma Panda Videos que indica além das opções que serão mostradas, a opção de "Configurações" para a integração mencionada anteriormente.
Salvar elemento - selecione para salvar o elemento criado como um "elemento pessoal" e utilizá-lo em outros sites e páginas sem a necessidade de repetir todas as configurações.
Camada abaixo/acima - selecione para mover o elemento entre as camadas do painel e ajustar a sobreposição dos elementos.
Elemento central - selecione para ajustar automaticamente o elemento no centro do painel/caixa que ele foi adicionado.
Pin - selecione para utilizar a função "Fixar Elemento". A função permite fixar o vídeo adicionado em uma das quatro bordas da página.
Elemento clone - selecione para duplicar o vídeo adicionado.
Ocultar elemento - selecione para adicionar o elemento na parte de "ocultados" do site, ocultar não é sinônimo de deletar o seu elemento, elementos ocultos constam no carregamento da página e podem ser adicionados novamente ao site quando desejar.
Excluir - selecione para deletar o vídeo criado. Editar elemento - selecione para acessar o menu de opções de configurações externas do elemento.
Opções de edição do Vídeo:
As opções de edição do vídeo são idênticas para as plataformas: YouTube, Vimeo Vídeo, Vidello, Wistia e Panda video. As opções de edição das plataformas mencionadas são:
• Configurações gerais: adicione a URL do vídeo (exceto na plataforma Panda Vídeo) que será adicionado e confira outras opções de configuração do vídeo permitidas por cada plataforma diretamente no Builderall Builder.
• Tamanho: configure a largura do elemento adicionado na versão desktop• Largura máxima no tablet: configure a largura máxima do elemento na versão tablet, caso habilitada em seu site.
• Borda: crie uma borda para o seu elemento de diferentes tamanhos, formas e cores.
• Raio: configure os cantos do seu elemento, eles podem ser quadrados, arredondados ou completamente circulares.
• Animação: configure uma ação/animação para o vídeo baseado em tempo, clique, ação do mouse ou visibilidade do local.• Configuração de tags: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data-tag.• Avançado: alternativa para as configurações de: camada de posicionamento e salvar como elemento pessoal.
Para a plataforma Builderall Builder as opções de edição são:
• Configurações gerais: configure as opções de Autoplay, Countdow (contagem regressiva) e Loop.
• Vídeo: selecione um dos vídeos adicionados ao Builderall Video Hosting
• Tamanhos: configure a altura e largura do vídeo adicionado na versão desktop; a largura para tablet (caso esteja selecionada nas configurações da página); a altura para a versão mobile.
• Animação: configure uma ação/animação para o vídeo baseado em tempo, clique, ação do mouse ou visibilidade do local.• Tag: função utilizada para tags em scripts externos. O atributo tag deve ser utilizado somente por usuários experientes. Com essa tag é possível manipular os elementos através do seletor data- tag.
• Camadas: alternativa para a configuração de posicionamento das camadas. • Avançado: alternativa para as configurações de salvar a caixa como elemento pessoal.
Dica! Além das opções de configurações gerais do próprio Builderall Builder, cada plataforma oferece opções de configurações dos vídeos que são aplicadas através das URLs ou ao selecionar na área "Vídeo", no caso do Builderall Video Hosting, não se esqueça de verificar as opções disponíveis nas plataformas externas que for utilizar ou em nosso tutorial sobre a ferramenta de armazenamento de áudio e vídeo da Builderall.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos vídeos desejar em um único ou em diferentes painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós! Faça seu negócio decolar 🚀Equipe BuilderallHover Box
Como configurar o elemento Caixa com Sobreposição (Hover Box)
O Hover Box é um elemento de controle gráfico, ou seja, realiza uma animação, ativada quando o usuário move ou passa o ponteiro sobre uma área de gatilho, geralmente com um mouse. Aprenda a como configurar o novo elemento de Caixa com Sobreposição no Construtor de Sites Cheetah:
Acesse o template para Pet Shop indicado no vídeo: Clique aqui!
Avalie a nossa Central de Ajuda, sua opinião é importante para nós! Faça seu negócio decolar 🚀Equipe Builderall
Como criar o seu primeiro funil de captura na Builderall
Você sabe o que é um funil de vendas? Qual a importância da construção de uma página de captura? Como atrair visitantes e converter leads para sua base de contatos no MailingBoss? Vamos aprender todos os conceitos necessários para a criação do seu funil de captura no tutorial a seguir:
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Faça seu negócio decolar 🚀Equipe Builderall