Nestes tempos de incerteza econômica e distanciamento social, as empresas buscam desenvolver suas próprias presenças on-line agora mais do que nunca.
Se você deseja colocar sua empresa on-line ou se é um freelancer que cria sites para empresas que desejam ficar on-line, a Elementor pode ajudá-lo a criar com eficiência um site remotamente, econômico e fácil de manter.
O Elementor é um construtor de páginas visual do tipo arrastar e soltar do WordPress, o que significa que você pode criar designs atraentes sem precisar olhar para uma única linha de código. Se você quiser aprender um pouco mais sobre o plug-in em geral, poderá navegar na revisão completa do Elementor do WPExplorer.
Nesta postagem, explicarei um pouco mais sobre por que o Elementor é a melhor ferramenta para criar sites remotamente. Em seguida, mostrarei as etapas de alto nível sobre como usar o Elementor para criar um site.
Se você quiser mais detalhes sobre como usar o Elementor para criar sites remotamente, HubSpot Academy e Elementor estabeleceu uma parceria para oferecer um curso on-line gratuito que cobre tudo, desde a configuração da hospedagem até a criação e o lançamento do site WordPress.
Por que usar o Elementor para criar sites remotamente
Informações e DownloadVer demonstração
O uso do Elementor para criar sites pode:
Economize seu tempo e ajude a projetar e iterar mais rapidamente em seus sites.
Reduza a complexidade de seus sites, elimine bugs e crie um processo de manutenção mais fácil quando se trata de atualizações e testes.
Economize seu dinheiro e simplifique os custos para que você possa definir melhor o preço de um projeto.
Vamos analisar os benefícios em mais detalhes.
Economize tempo e evite código
Seja você um designer, um desenvolvedor ou apenas um usuário comum do WordPress, o Elementor pode acelerar o seu fluxo de trabalho com sua interface visual de arrastar e soltar.
Você pode criar novos designs rapidamente adicionando widgets de conteúdo. Você também terá várias opções de design e layout para criar layouts e estilos perfeitos para pixels.
Durante toda a experiência, você nunca precisa interagir diretamente com o código … a menos que queira. Se você quiser um pouco mais de controle, poderá usar facilmente seu próprio CSS personalizado, quando necessário.
Por fim, se você realmente deseja economizar algum tempo, o Elementor vem com centenas de modelos pré-criados que você pode importar. Tudo o que você precisa fazer é importar o modelo que você gosta, editar o conteúdo para corresponder à sua marca e terminar
Esses benefícios também podem economizar tempo quando você precisa iterar. Por exemplo, se um cliente solicitar uma alteração, você poderá mudar rapidamente as coisas sem ficar atolado no código.
Reduza a complexidade e elimine erros
Com um site WordPress típico, o produto final é geralmente uma colcha de retalhos de plugins de diferentes desenvolvedores.
Não há nada que mantenha essas ferramentas separadas juntas, exceto o tempo e o esforço que você coloca em usá-las para criar um site coeso.
Tudo bem no momento, mas isso pode levar a possíveis problemas futuros, porque cada desenvolvedor mudará e atualizará seu plugin de forma independente..
Por exemplo, o desenvolvedor do seu plug-in deslizante pode fazer uma alteração que causa problemas na seção de herói da sua página inicial (que você construiu com outro plug-in).
Com Elementor, você obtém acesso a todas as ferramentas importantes sob o mesmo teto.
Por exemplo, com Elementor e Elementor Pro, você obtém ferramentas para ajudá-lo a criar:
Sliders
Formulários de contato
Formulários de geração de leads
Galerias
Popups
Listas / grades de portfólio
Tabelas de preços
…muito mais
Todas essas ferramentas vêm no mesmo plug-in do mesmo desenvolvedor, portanto, você pode ter certeza de que uma alteração nos formulários de geração de leads nunca causará um problema no pop-up no qual você exibe o formulário.
Além disso, isso facilita muito sua vida na hora de atualizar seus sites. Em vez de precisar usar um site de teste para testar vários plugins diferentes em momentos diferentes, tudo que você precisa fazer é testar e atualizar uma única ferramenta.
Basicamente, você pode usar o Elementor como base do seu site para simplificar tudo e depois se ramificar para atingir objetivos de negócios específicos, como usar o plugin WordPress HubSpot gratuito para gerar leads por meio de um formulário, caixa de bate-papo ao vivo e pop-ups que são inseridos no CRM gratuito do HubSpot.
Economize dinheiro e simplifique custos
Por fim, a Elementor pode ajudar você a economizar dinheiro e a precificar projetos com mais facilidade.
Assim como ter acesso a ferramentas importantes em um plug-in reduz a complexidade do seu site, também reduz o preço que você precisa pagar.
Elementor tem uma versão gratuita para o construtor de núcleo. Para acessar os recursos adicionais, como formulários, controles deslizantes, pop-ups e muito mais, você só precisa pagar um preço fixo.
Não há cobrança adicional por recursos diferentes ou a necessidade de comprar plug-ins diferentes, o que mantém seus custos baixos.
Isso também mantém seus custos claros e facilita o preço dos projetos dos clientes. Em vez de precisar precificar um monte de ferramentas diferentes em sua proposta, você pode manter as coisas muito mais simples e se concentrar no que cobra pelo seu tempo e experiência, não pelas ferramentas.
Como usar o Elementor para criar sites
Agora que você conhece alguns dos motivos pelos quais a Elementor cria uma ótima ferramenta para criar sites remotamente, vamos descobrir como usar o Elementor para criar um site incrível.
1. Escolha seu tema
O Elementor é um plug-in, então você ainda precisará escolher um tema para parear com o Elementor.
Informações e DownloadVer demonstração
Como você usará o Elementor para controlar todo / a maioria do design do seu site, deseje se concentrar em encontrar um tema que ofereça os recursos necessários, bem como suporte completo aos recursos de criação de página do Elementor. Por exemplo, se você deseja adicionar equipe, depoimentos e um portfólio, escolha um tema com esses tipos de postagem – como o tema Total WordPress.
A base mais leve possível é a Tema Hello Elementor. Essencialmente, o Hello Elementor é uma tela 100% em branco para seus projetos Elementor.
Como o tema Hello Elementor não adiciona nenhum estilo ou recurso próprio, ele manterá seu site acabado leve e carregando rapidamente.
Se você deseja um tema com seus próprios estilos, talvez para controlar o cabeçalho do site ou a experiência de finalização de compra em uma loja WooCommerce, confira esta coleção dos melhores temas do Elementor WordPress.
Com a versão gratuita do Elementor, você pode criar sites página por página. Por exemplo, você pode criar um design para sua página inicial, outro para sua “Sobre a página” e, em seguida, criar páginas separadas para cada item do portfólio.
Para um site de brochura simples com conteúdo amplamente definido e esquecido, isso pode ser tudo o que você precisa.
No entanto, para ir além disso, considere o Elementor Pro.
O Elementor Pro não apenas oferece mais ferramentas de design como controles deslizantes e formulários, mas também uma maneira totalmente nova de criar sites com o Theme Builder.
Com o Elementor Theme Builder, você pode criar modelos e aplicá-los a todo ou parte do seu site. Por exemplo, você pode criar o seu site:
Cabeçalho
Páginas de arquivo (por exemplo. a página que lista todas as postagens do seu blog)
Páginas únicas (por exemplo. uma postagem de blog individual)
Rodapé
Produtos WooCommerce
Você também pode incluir conteúdo dinâmico em seus designs, como conteúdo adicionado com campos personalizados.
Como você pode criar um único modelo que se aplica a todo ou parte do seu conteúdo, o Elementor Pro é uma ótima opção para sites dinâmicos.
Também é útil para outros tipos de sites, graças aos novos widgets de conteúdo, como:
Formulários
Sliders
Galerias
Portfólios
Tabelas de preços
…muito mais
Novamente, isso simplifica seu site e seus preços (porque o Elementor Pro inclui todos os recursos pelo mesmo preço).
3. Comece a construir com Elementor
Depois de escolher o tema e a versão certa do Elementor para o seu projeto, você estará pronto para começar a criar.
Para criar seu conteúdo, você pode iniciar em uma página em branco ou importar um dos modelos pré-criados que acompanham o Elementor.
Para criar rapidamente um site coeso inteiro, você pode até usar um dos kits Elementor, que são um conjunto de modelos para todas as páginas de um site, até a página 404.
Quer você comece com uma lousa em branco ou com um modelo pré-criado, você acabará na interface visual de arrastar e soltar da Elementor.
Você verá uma visualização ao vivo do seu design à direita. Você verá exatamente o que os visitantes do seu site verão.
Em seguida, você pode usar a barra lateral à esquerda para adicionar e configurar elementos de conteúdo e layout.
Por exemplo, se você deseja adicionar um botão ao seu design, basta arrastá-lo da barra lateral. Em seguida, você pode personalizar suas configurações usando a mesma barra lateral.
Para uma visão mais profunda de como a interface Elementor funciona, você pode conferir o vídeo abaixo:
Crie sites com a Elementor hoje
Agora, mais do que nunca, as empresas buscam desenvolver uma presença on-line.
Esteja você procurando iniciar sua própria presença on-line ou ajudando os clientes a se conectarem, aprender como usar o Elementor para criar sites não só permitirá que você crie sites bonitos e eficazes, mas também:
Economize seu tempo e remova a necessidade de trabalhar diretamente com o código.
Elimine problemas de compatibilidade e simplifique a manutenção, fornecendo todas as ferramentas mais importantes em um único local.
Economize seu dinheiro e simplifique seus custos, eliminando a necessidade de comprar muitos plugins separados para as principais funções.
Para ver se o Elementor é adequado para você, você pode instalar a versão gratuita do WordPress.org e comece a criar seu primeiro site remotamente.
07.06.2020
Como usar o Elementor para criar sites remotamente
Jeffrey Wilson Tutoriais
Nestes tempos de incerteza econômica e distanciamento social, as empresas buscam desenvolver suas próprias presenças on-line agora mais do que nunca.
Se você deseja colocar sua empresa on-line ou se é um freelancer que cria sites para empresas que desejam ficar on-line, a Elementor pode ajudá-lo a criar com eficiência um site remotamente, econômico e fácil de manter.
O Elementor é um construtor de páginas visual do tipo arrastar e soltar do WordPress, o que significa que você pode criar designs atraentes sem precisar olhar para uma única linha de código. Se você quiser aprender um pouco mais sobre o plug-in em geral, poderá navegar na revisão completa do Elementor do WPExplorer.
Nesta postagem, explicarei um pouco mais sobre por que o Elementor é a melhor ferramenta para criar sites remotamente. Em seguida, mostrarei as etapas de alto nível sobre como usar o Elementor para criar um site.
Se você quiser mais detalhes sobre como usar o Elementor para criar sites remotamente, HubSpot Academy e Elementor estabeleceu uma parceria para oferecer um curso on-line gratuito que cobre tudo, desde a configuração da hospedagem até a criação e o lançamento do site WordPress.
Contents
Por que usar o Elementor para criar sites remotamente
O uso do Elementor para criar sites pode:
Vamos analisar os benefícios em mais detalhes.
Economize tempo e evite código
Seja você um designer, um desenvolvedor ou apenas um usuário comum do WordPress, o Elementor pode acelerar o seu fluxo de trabalho com sua interface visual de arrastar e soltar.
Você pode criar novos designs rapidamente adicionando widgets de conteúdo. Você também terá várias opções de design e layout para criar layouts e estilos perfeitos para pixels.
Durante toda a experiência, você nunca precisa interagir diretamente com o código … a menos que queira. Se você quiser um pouco mais de controle, poderá usar facilmente seu próprio CSS personalizado, quando necessário.
Por fim, se você realmente deseja economizar algum tempo, o Elementor vem com centenas de modelos pré-criados que você pode importar. Tudo o que você precisa fazer é importar o modelo que você gosta, editar o conteúdo para corresponder à sua marca e terminar
Esses benefícios também podem economizar tempo quando você precisa iterar. Por exemplo, se um cliente solicitar uma alteração, você poderá mudar rapidamente as coisas sem ficar atolado no código.
Reduza a complexidade e elimine erros
Com um site WordPress típico, o produto final é geralmente uma colcha de retalhos de plugins de diferentes desenvolvedores.
Não há nada que mantenha essas ferramentas separadas juntas, exceto o tempo e o esforço que você coloca em usá-las para criar um site coeso.
Tudo bem no momento, mas isso pode levar a possíveis problemas futuros, porque cada desenvolvedor mudará e atualizará seu plugin de forma independente..
Por exemplo, o desenvolvedor do seu plug-in deslizante pode fazer uma alteração que causa problemas na seção de herói da sua página inicial (que você construiu com outro plug-in).
Com Elementor, você obtém acesso a todas as ferramentas importantes sob o mesmo teto.
Por exemplo, com Elementor e Elementor Pro, você obtém ferramentas para ajudá-lo a criar:
Todas essas ferramentas vêm no mesmo plug-in do mesmo desenvolvedor, portanto, você pode ter certeza de que uma alteração nos formulários de geração de leads nunca causará um problema no pop-up no qual você exibe o formulário.
Além disso, isso facilita muito sua vida na hora de atualizar seus sites. Em vez de precisar usar um site de teste para testar vários plugins diferentes em momentos diferentes, tudo que você precisa fazer é testar e atualizar uma única ferramenta.
Basicamente, você pode usar o Elementor como base do seu site para simplificar tudo e depois se ramificar para atingir objetivos de negócios específicos, como usar o plugin WordPress HubSpot gratuito para gerar leads por meio de um formulário, caixa de bate-papo ao vivo e pop-ups que são inseridos no CRM gratuito do HubSpot.
Economize dinheiro e simplifique custos
Por fim, a Elementor pode ajudar você a economizar dinheiro e a precificar projetos com mais facilidade.
Assim como ter acesso a ferramentas importantes em um plug-in reduz a complexidade do seu site, também reduz o preço que você precisa pagar.
Elementor tem uma versão gratuita para o construtor de núcleo. Para acessar os recursos adicionais, como formulários, controles deslizantes, pop-ups e muito mais, você só precisa pagar um preço fixo.
Não há cobrança adicional por recursos diferentes ou a necessidade de comprar plug-ins diferentes, o que mantém seus custos baixos.
Isso também mantém seus custos claros e facilita o preço dos projetos dos clientes. Em vez de precisar precificar um monte de ferramentas diferentes em sua proposta, você pode manter as coisas muito mais simples e se concentrar no que cobra pelo seu tempo e experiência, não pelas ferramentas.
Como usar o Elementor para criar sites
Agora que você conhece alguns dos motivos pelos quais a Elementor cria uma ótima ferramenta para criar sites remotamente, vamos descobrir como usar o Elementor para criar um site incrível.
1. Escolha seu tema
O Elementor é um plug-in, então você ainda precisará escolher um tema para parear com o Elementor.
Como você usará o Elementor para controlar todo / a maioria do design do seu site, deseje se concentrar em encontrar um tema que ofereça os recursos necessários, bem como suporte completo aos recursos de criação de página do Elementor. Por exemplo, se você deseja adicionar equipe, depoimentos e um portfólio, escolha um tema com esses tipos de postagem – como o tema Total WordPress.
A base mais leve possível é a Tema Hello Elementor. Essencialmente, o Hello Elementor é uma tela 100% em branco para seus projetos Elementor.
Como o tema Hello Elementor não adiciona nenhum estilo ou recurso próprio, ele manterá seu site acabado leve e carregando rapidamente.
Se você deseja um tema com seus próprios estilos, talvez para controlar o cabeçalho do site ou a experiência de finalização de compra em uma loja WooCommerce, confira esta coleção dos melhores temas do Elementor WordPress.
2. Escolha seu sabor de Elementor
Elementor vem em ambos uma versão gratuita no WordPress.org, bem como uma versão premium que adiciona muito mais recursos, chamados Elementor Pro.
Com a versão gratuita do Elementor, você pode criar sites página por página. Por exemplo, você pode criar um design para sua página inicial, outro para sua “Sobre a página” e, em seguida, criar páginas separadas para cada item do portfólio.
Para um site de brochura simples com conteúdo amplamente definido e esquecido, isso pode ser tudo o que você precisa.
No entanto, para ir além disso, considere o Elementor Pro.
O Elementor Pro não apenas oferece mais ferramentas de design como controles deslizantes e formulários, mas também uma maneira totalmente nova de criar sites com o Theme Builder.
Com o Elementor Theme Builder, você pode criar modelos e aplicá-los a todo ou parte do seu site. Por exemplo, você pode criar o seu site:
Você também pode incluir conteúdo dinâmico em seus designs, como conteúdo adicionado com campos personalizados.
Como você pode criar um único modelo que se aplica a todo ou parte do seu conteúdo, o Elementor Pro é uma ótima opção para sites dinâmicos.
Também é útil para outros tipos de sites, graças aos novos widgets de conteúdo, como:
Novamente, isso simplifica seu site e seus preços (porque o Elementor Pro inclui todos os recursos pelo mesmo preço).
3. Comece a construir com Elementor
Depois de escolher o tema e a versão certa do Elementor para o seu projeto, você estará pronto para começar a criar.
Para criar seu conteúdo, você pode iniciar em uma página em branco ou importar um dos modelos pré-criados que acompanham o Elementor.
Para criar rapidamente um site coeso inteiro, você pode até usar um dos kits Elementor, que são um conjunto de modelos para todas as páginas de um site, até a página 404.
Quer você comece com uma lousa em branco ou com um modelo pré-criado, você acabará na interface visual de arrastar e soltar da Elementor.
Você verá uma visualização ao vivo do seu design à direita. Você verá exatamente o que os visitantes do seu site verão.
Em seguida, você pode usar a barra lateral à esquerda para adicionar e configurar elementos de conteúdo e layout.
Por exemplo, se você deseja adicionar um botão ao seu design, basta arrastá-lo da barra lateral. Em seguida, você pode personalizar suas configurações usando a mesma barra lateral.
Para uma visão mais profunda de como a interface Elementor funciona, você pode conferir o vídeo abaixo:
Crie sites com a Elementor hoje
Agora, mais do que nunca, as empresas buscam desenvolver uma presença on-line.
Esteja você procurando iniciar sua própria presença on-line ou ajudando os clientes a se conectarem, aprender como usar o Elementor para criar sites não só permitirá que você crie sites bonitos e eficazes, mas também:
Para ver se o Elementor é adequado para você, você pode instalar a versão gratuita do WordPress.org e comece a criar seu primeiro site remotamente.