CURSO COMPLETO DE ELEMENTOR PASSO A PASSO 2021 PARA INICIANTES
e o pati seja bem-vindo para mais uma aula para você que apaixonado em marte de afilhados e nessa aula eu quero compartilhar um tutorial rápido prático do melhor e do mais completo porém gratuito de criação de sites profissionais nessa aula eu quero te apresentar todas as possibilidades e todas as oportunidades que o plugin elementor tem para negócio mas a gente começar essa oitava vídeo aula do curso profissionalizante de marketing de afiliados eu tenho aviso muito importante para você se você
não assistiu é a primeira a sétima aula do curso profissionalizante eu recomendo você pausar essa vídeo-aula você que não assistiu ainda as aulas anteriores é bem simples para assistir você que está assistindo aí pelo youtube pelo facebook pelo linkedin pela twitter pelo instagram f pelas minhas redes socias o paulo já esse vídeo clica no link na descrição desse vídeo e faça seu cadastro gratuito na minha área de menos área de menos é totalmente gratuita e você vai encontrar uma séri e
de materiais que vão te ajudar a entender melhor sobre esse mercado o mercado de marte e villagio mudou a minha vida e poderá também mudar a sua porque afinal é tudo uma questão de tempo técnica e conhecimento e se você levar a sério todo esse conteúdo que o tenho compartilhado neste curso profissionalizante sim você poderá construir o seu império online essa aula também serve para você que tem uma agência de marketing digital você que tem um negócio físico e quer criar s ites profissionais com o
elemento nessa vídeo aula eu quero apresentar todos os recursos e todas as possibilidades e oportunidades que o elemento tem se você não conhece o elemento é o elemento é o plugin de wordpress que você pode utilizar na versão gratuita na 7ª aula o curso profissionalizante de marketing de afiliados eu ensino passo a passo você a instalar o elemento e outros plugins que são necessários para você criar a sua estrutura profissional como afiliado independente se vo cê vai trabalhar com tráfego
orgânico ou contraste do pago se você não assistiu essa sétima aula eu recomendo que você assista porque afinal nessa sétima aula eu compartilho tudo que é necessário para você tem uma estrutura de trabalho então bora começar essa oitava aula cursos profissionalizantes que eu tô ansioso enfoguetado empolgado aqui literalmente falando para te apresentar tudo sobre o elemento então vamos lá no meu computador que eu vou te apresentar passo a passo com o criar um site através o lourin elemento e aí
meu amigo minha amiga tá preparada preparada para conhecer o elemento de todos os recursos as suas possibilidades para criação de sites profissionais conforme está visualizando em a tela tô na página inicial do painel de controle do wordpress eu já tenho o elemento instalado se você não instalou o elemento na sua instalação ou depressa é bem simples basta clicar na sessão de plug-ins adicionar novo procurar pelo nome do elemento instala r e ativar para você poder usufruir de todos os recursos que
esse plugin tem para criação de site então vamos lá eu vou clicar aqui na sessão de páginas aí adicionar nova pra gente poder criar uma página exemplo para que você possa conhecer o painel de controle o elemento e todos os seus recursos eu vou clicar aqui em editar com elementor esse é o padrão para você abrir o painel de controle do elemento e editar todas as suas páginas do wordpress esse é o painel de controle do elemento que você tá visualizando em minha tela ele é dividido em duas seções a
primeira seção a esquerda que você vai poder visualizar todas as ferramentas e principalmente as configurações de cada elemento que tem aqui dentro do plugin e a direita o seu tempo literalmente uma página em branco para você poder desenhar todo o seu layout vamos começar aqui primeiro a falar sobre os elementos os recursos que o plugin tem aqui a esquerda nessa barra de ferramentas vai estar aqui dividido em os elementos na categoria básico são elementos que você pode utilizar na versão
gratuita duplo aqui na categoria pró que são os elementos para você que pretende adquirir o plug são recursos na versão paga o recurso de uma versão o que estão disponível na versão gratuita na categoria site que são recursos estão disponíveis na versão paga todo recurso tiver um cadinho aqui é que tá para versão paga do pluri a categoria hulk mover-se para você que pretende criar aí a sua loja virtua l utilizando o elemento também está disponível na versão paga do plugin e aqui tem a categoria
wordpress que são elementos nativos do wordpress que você pode adicionar na sua paz tô aqui na sessão de elementos são os elementos que você vai poder usufruir tanto na versão gratuita quanto na versão paga duplo no nesse treinamento a gente vai abordar apenas os elementos aqui da versão gratuita nessas categorias são no caso o básico e o geral e a sessão do wordpress os outros elementos a qui são da versão e inclusive se tiver demanda eu posso está criando aí um outro treinamento específico
apenas com os elementos do plugin na versão paga aqui você também vai encontrar o painel de configuração da sua página aqui do elemento tem aqui essa chavinha de filha que são as configurações que você pode alterar as configurações gerais dessa página específica por exemplo eu vou clicar aqui na sessão de título colocar o piso de página inicial olha só e quando eu altero automa ticamente altera que a direita tá o nome o título da página tem aqui o status da sua página que eu posso configurar como
um rascunho com uma revisão pendente privado ou publicado aqui ok tem aqui a imagem destacar o que que essa imagem destacada você pode associar uma imagem a uma página específica geralmente sem margem para aparecer quando você vai compartilhar esse link as redes sociais ou pelo whatsapp provavelmente você já deve ter visto isso quando você realiza o compartilhamento de links ou no whatsapp ou nas suas redes sociais tem como você configurar aqui o o título caso você queira esconder ele da página
olha só bem simples e agora um recurso fundamental na configuração na sua página que eu layout da página tem como você configurar o layout da página para aparecer o rodapé o cabeçalho ou deixar ali a largura total ou elemento canvas vou mostrar aqui para você esses layout de página vai variar conforme o pior que você tem instalado no wordpress você vai a penas utilizar o elementor eu recomendo o tema hello que é o tema específico para a criação de páginas dentro do wordpress como elemento vou
clicar aqui por exemplo elemento canvas olha só você clicar ele me trocar mas vai carregar aqui o meu layout não a ser mais o rodapé ninho cabeçalho que são padrões no tema ok vou clicar aqui em configurações de novo configurações largura total que a opção que vai aparecer ali o cabeçalho eo rodapé do meu tema eu gosto de trabalhar aqui na co nfiguração do elemento arkham e fica literalmente uma página em branco para mim poder alterar e criar e o layout do meu site por completo aqui nessa
seção de configuração da página essas configurações aqui abaixo da barra de ferramentas você tem outras duas configurações que é o estilo e o avançado vamos clicar aqui primeiramente no estilo que no estilo eu posso alterar o bode do meu site que é no caso as configurações de fundo posso utilizar a configuração de fundo clássico c om uma cor ou com uma imagem por exemplo a cor vermelho a cor azul preto enfim conforme a sua preferência utilizar gradiente em duas cores posso configurar o
local dessas cores olha só a cor primária da cor secundária é o tipo seja linear ou radial configuração dessa cor o ângulo a posse está adicionando aqui bordas o pede por exemplo colocar 50 vai configurar as bordas tanto 50 superior 50 direita inferior ea esquerda dá-se ou selecionar aqui é essa opção de vincular eu po sso dar vinculando com o padrão cada um dessas configurações ou colocando configurações específicas para se você tenta para superior 30 para direita 30 para a esquerda e assim
por diante tá fica ao seu critério ou você pode vincular os valores do conjunto ou aqui você vai poder configurar o estilo da sua página ou então adicionar uma imagem de fundo vou pegar aqui uma imagem exemplo esses coraçãozinhos aqui aqui do dia dos namorados que utilizei aqui no layout olha só a imagem de se eu posso minimizar essa barra de ferramenta para poder visualizar aqui inclusive eu posso tá configurando a posição da minha imagem de fundo por exemplo centraliza é centralizada direito
superior centralizado superior esquerdo que a configuração que vai abrir aqui a minha imagem de fundo ok posso configurar como rolagem se eu colocar rolagem aqui ela vai rolar na página ou apenas fixo configuração de repetição dessa imagem possa repetir na horizontal na vertical no repetir e o t amanho também eu posso colocar como preenchimento completo para preencher por completo aqui a imagem de fundo do meu layout posso colocar aqui com personalizado configurar e aqui olha só e a largura da
minha imagem ficando ao seu critério ok então que são essas configurações básicas que você precisa conhecer para poder configurar o layout da sua página específico ok vamos aqui apagar essa imagem deixar aqui a cor branca com padrão então são essas configurações do estilo e as config urações básicas da sua página aqui no avançado no caso queira personalizar o estilo css da página que o recurso disponível apenas na versão pro falando de configuração de página você for trabalhar com elemento criar
um tema você pode estar configurando aqui as configurações do estilo global seu estilo global dentro do elemento se você tem mais de uma página você pode estar configurando o padrão para todas as páginas para você não precisar ficar alterando cada página por exemplo se vo cê pode alterar a cor de todos os e as páginas que você criou com elemento estilo global do que você abre cada página e alterar a cor da página abc individual você pode alterar todas as coisas com o estilo global basta
você clicar aqui em cores padrão você pode selecionar paleta de cores que você quer para todas as páginas que você trabalhar com elemento isso é recomendado esse recurso apenas se tem uma loja virtual com o elemento ou se está criando o tema um blog utilizando ali o tema do elemento ok as fontes padrão tem como você configurar o cabeçalho da sua fonte o cabeçalho secundário o terço do corpo e o texto acentuado que então é o estilo global e o estilo geral do tema também tem como você está
realizando essa configuração a tipografia tá você pode alterar o fundo de todas as páginas botões ocam o lar imagem css personalizado esse a configuração do estilo global é para você alterar todas as páginas que você for trabalhar com o elemento en tão essa é a configuração global diferente da configuração específica de página no caso aqui tá visualizando a configuração da página só clicar aqui ali no menuzinho tem os pauzinhos aqui eu vou para configuração para fazer o estilo global aí tem aqui
as configurações globais que eu posso estar configurando também a configuração do painel que vai abrir o painel da minha página aqui no elemento que eu posso estar configurando oi ok ah e tem aqui as preferências o explorador e a possib ilidade de visualizar a página visualizar a página aqui para que vocês possam ver esse recurso a página em breve ainda não tem nada vou clicar aqui no topo toda a página criada com elemento tem como você editar só clicando em editar com elemento bem simples tá
para você utilizar esse povo está falando das configurações que vão desde as configurações de página as configurações globais e o explorador é para você procurar um elemento que você adicionou no seu site funciona bem como e sse outro recurso que é o navegador vai falar sobre navegador quando a gente começar adicionar ali elementos aqui dentro do nosso layout como também um histórico todo o histórico de alteração você tem aqui dentro da barra de ferramentas que você pode voltar alguma out o caso
você queira modificar ainda que abaixo da barra de ferramentas tem um modo responsivo você vai poder visualizar o seu layout tanto em de stop quando tablet ele vai diminuindo mobile para celulares para você poder configurar cada layout conforme o dispositivo e aqui tem a opção de ver as alterações estão previu em tempo real de como tá ficando seu site e aqui a opção de você salvar um site um layout como modelo ou simplesmente publicar ele ok então são essas principais configurações configurações
básicas o quê para você poder trabalhar aqui como inútil qual das configurações específicas para uma página e as configurações globais assim que pode tá aparecendo muita coisa agora inicialmente para você mas tenha paciência tudo uma questão de tempo técnica e conhecimento que se você se familiarizar com tudo que eu vou apresentar aqui vai é mais fácil você criar layout dentro do elemento porque elementor é uma ferramenta prática vai precisar apenas arrastar aqui os elementos de configurar cada
propriedade desse elemento agora que a gente já passou o menu o que a barra de ferramentas do elemento vamos agora no layout aqui no layout tem duas opções adicionar sessão ou modelos ok v amos começar aqui com adicionar sessão cada seção corresponde a estrutura do seu layout cada estrutura tem como você adicionar uma ou mais colunas são meio miolo da sua estrutura vou te dar um exemplo aqui vou criar uma estrutura uma sessão com duas colunas olha só que legal adicionei aqui tem duas
colunas estão essa tá selecionada em azul é esse e aqui a nossa estrutura aqui quando eu passo o mouse tem a coluna editar coluna então são uma sessão com duas colunas ok cada vez que você clica abre aqui a configuração desse elemento do caso é uma sessão então aqui eu tenho as configurações da sessão que eu posso alterar o layout pois esticar o layout ou eu posso esticar para minha tela eu posso alterar como layout de estrutura larga ou boxe vão colocar aqui largura total de largo que baixo
adaptar a cada dispositivo ou box vai ficar ali a sessão comprimida eu posso aqui configurar largura do conteúdo olha só as colunas aqui ó repara que ela diminuiu e agora vou aumentar ah tá configurando aqui e a largura do conteúdo dessas colunas o espaçamento das colunas eu posso colocar estreito estendido e o largo vamos deixar aqui né fall a altura também dessa seção específica posso colocar ajustar a tela então já automaticamente essa sessão que tá em azul aqui ajustou a minha tela olha
só ela foi até embaixo ou posso colocar aqui altura mínima a altura mínima de 979 altura mínima de 99/97 então posta configurando aqui ok a altura mínim a da minha sessão a posição da coluna e para as colunas estão aqui no meio dessa seção ok eu posso colocar no caso é o no topo elas foram para o topo eu posso colocar ela inferior o ok então tem como esticar elas todas e olha só que legal eu tenho alinhamento vertical eu posso colocar desde superior mês passamento ao redor me informe por grandes
colocar meio aqui o chá de vão aí tem a opção de transbordar pode deixar o culto ou de fal matar ltda premiere eu posso estar inserindo caso eu for trabalhar com css personalizado e aqui a sessão de estrutura eu posso tar e alterando é mito tá cinquenta por cento cada coluna tá cinquenta por cento mas eu posso colocar na coluna como 33% outra 66 por cento então essa coluna que ficou menor do que essa posso alterar fazer com que essa já maior e essa aqui tem um pouquinho menor vou deixar
que cinquenta por cento eu posso reiniciar resetar aqui a minhas propriedades e agora a gente vai na sessão de estilo ok vamos c licar aqui estilo tem como alterar o fundo o tanto normal comum uma cor clássica mas eu posso colocar aqui só o vermelho e eu posso colocar uma cor gradiente ou duas cores colocar o azul para fazer aqui um destaque e olha só posso colocar um vídeo eu vou entrar aqui por exemplo no youtube vamos pegar aqui um vídeo qualquer é só como exemplo para que você
possa conhecer e olha só que legal vai carregar aqui o vídeo eu posso colocar qual que é o tempo de início do vídeo por exemplo começa o vídeo depois de 10 segundos 20 segundos aqui um minuto e trinta enfim o tempo final do vídeo só quero colocar que esse vídeo de fundo sempre nos apenas uma vez e se reproduz no celular nós já temos um fundo alternativo a esse vídeo olha só que interessante vamos deixar aqui no plástico mesmo tá aqui em vermelho tem a possibilidade cada sessão também eu colocar
uma sobreposição do fundo então por exemplo vou clicar aqui em plástico vou colocar em cima desse vermel ho uma cor preta e o eu posso tá colocando também uma gradiente vamos colocar aqui um azul só para vocês poder visualizar o contraste colocar aqui um azul eo verde eu posso misturar a cor aqui eu posso alterar a cor local a cor secundária eu posso alterar para linear radial o ea opacidade posso diminuir e como aumentar então é legal essa possibilidade sobreposição de fundo que tem como você
criar camadas isso deixar o seu layout mais atrativo a opção de bordas tem como você adicion ar bordas aqui a sessão mas ele colocar aqui uma borda arredondada 10 tipo de borda colocar um tracejado olha só já ficou aqui na borda tracejada na minha sessão ok bem simples também poder utilizar esse recurso over é um recurso bem simples tem tanto em qualquer elemento que você for adicionar é quando o mouse passa em cima tem como você trocar o passo em cima aborda fica sólida e deixar que nenhum vamos
deixar aqui também nenhum vamos aqui agora para sessão de divisor de forma então eu posso tá dividindo essa sessão tanto uma parte superior quanto a parte inferior pegar aqui o exemplo tem montanhas gotas nuvens zig zag e etc colocar aqui montanhas ó na parte inferior já ficou muito tensa para que que serve esse recurso recurso é fundamental para você dividir o seu layout entre cabeçalho conteúdo do meio rodapé gente cidade que você dividir essas seções dentro do seu layout também posso de tanto
na parte superior quanto na parte inferior posso alterar a largura ó altura do chão altura bem leve eu posso trazer para frente girar é inferior posso fazer a mesma coisa olha só não posso tá configurando o layout tá para ficar mais atrativo e aqui na seção avançado tem como você aqui alterar tanto a margem posso colocar uma margem de 50 olha só ficou a margem superior 50 inferior 50 porque está vinculado aqui então eu posso tá configurando também específicos já superior ou inferior e aqui as
bordas também posso tá configurando as bordas olha só e na minha sessão xavier aqui tudo eu posso colocar um efeito é uma animação para deixar mais atrativo o meu layout tem várias animações aqui que você pode utilizar com algo feidin boto para carregar a página faz esse efeito bom então vamos um olha só então não tem como você tá configurando cada sessão é um efeito diferente e olha só que legal oi e aí fica ao seu critério tem a duração animação o rápido ou lento é o normal e aí tem opção de
responsável eu posso estar aqui configurando a visibilidade dessa seção eu não quero que essa seção aparece no computador não aparece o computador quero que ela não apareça no tablet não quero que ela pareça no celular tem como você configurar e também reverter aqui as colunas para o modo responsável a próxima sessão atributos e css personalizado são disponíveis ali apenas na versão paga duplo ok então essas são as sessões e na dentro das sessões usam adicionar os elementos para poder construir
o nosso site agora você vai conh ecer os elementos que são os recursos aqui da barra de ferramentas do elemento então vou adicionar aqui uma sessão agora que você conheceu todas as possibilidades aqui de você criar as suas sessões e configurar elas com também as suas colunas a gente vai adicionar os elementos a gente vai trabalhar com os elementos gratuitos aqui da barra de ferramenta que são divididos na categoria básico e na categoria geral os outros são elementos disponíveis apenas na versão
próprios aqui também tem os elementos do wordpress com elementos nativos porém não vamos utilizar aqui muito vamos trabalhar a construção de sites e páginas estáticas apenas os elementos básicos dos elementos gerais então aqui depois que você adiciona uma sessão que tenha que a sua coluna basta você arrastar o item aqui para você adicionar na sessão por exemplo arrastar o título eu posso arrastar aqui um texto e aí eu posso tá com segurança que a em cima do outro elemento ou não abaixo olha bem
simples para você arrastar aqui os elementos e para deletar também é bem simples basta selecionar que o elemento clicar com o botão direito do mouse e excluir para você poder visualizar todos os elementos que você adicionou por exemplo vou adicionar aqui um botão vou adicionar aqui um vídeo e olha só que simples e eu vou adicionar um ícone é só como exemplo basta clicar aqui no navegador 20 vou lá no início da aula poesia não tinha os elementos para você poder visualizar no navegador então
olha só o navegador tá aqui uma sessão que tem uma coluna que tem um ícone um título um vídeo ou botão posso vir aqui no navegador também excluir os elementos o ok lari está altamente falou aqui do histórico que o histórico de tudo que você fez na sua página criado pelo elemento olha só tudo isso eu fiz aqui explicando a aula para vocês eu não posso voltar vou voltar aqui com título eu voltar a pagar sessão tudo que eu fiz tá aqui configurado eu posso simplesmente retroceder o meu trabalho c aso
eu perca algum dado o delete sem querer algum elemento fica fácil para voltar ao história essa barra de história então tem aqui no navegador e os elementos então eu vou deletar quis elementos ó e vou voltar aqui na barra de ferramentas tão só você arrastar os itens para uma sessão para você adicionar ali os recursos estão todo recurso que você adicionar por exemplo título ou texto ou um vídeo ou botão vai abrir essas três configurações que é o conteúdo o estilo o avançado conteúd o o conteúdo do
elemento que no caso aqui no título após escreveu tudo o que eu quero colocar um link configurar a tag ou alinhamento e aqui o estilo que envolve a cor do texto a tipografia eu posso estar alterando aqui por exemplo a fonte e olha só posso tirar uma fonte a sombra do texto eu posso colocar aqui uma sombra o modo de mesclagem e o texto olha só posso estar alterando aqui deixar normal então sempre todo elemento vai abrir essas propriedades conteúdo estilo e avançada aqu i no avançado eu vou
encontrar a configuração da margem por exemplo posso adicionar aqui uma margem 50 eu posso te chamar uma borda eu posso configurar o efeito de movimento e o fundo desse título e o cátion fundo só como exemplo o fundo do título a borda do título e colocar tinham abordar o tracejado e posta mim configurar a largura é uai arredondamento e o posicionamento a largura total se a centralizado final ou no início o ou largura automática ou posso personalizar aqui a largura desse elemento é responsiva eu
posso ocultar para de stop voltar para tablet ou celular e aqui os atributos css personalizado então todo elemento que você for adicionar aqui no elemento então pegar aqui um texto eu arrastei vai abrir layout conteúdo estilo e avançado a fazer isso com outro o elemento vão pegar aqui imagem vai abrir conteúdo estilo e avançado tu é fundamental que você aqui na barra de ferramentas aba trabalhar com conteúdo que no caso aqui é uma imagem o esti lo que essa imagem vai ter o e as configurações
avançadas que envolvem tanto a margem quanto aborda os efeitos movimento fundo posicionamento ou atributo responsável então todo elemento que a gente for adicionar aqui deixa eu voltar aqui que estrutura vai ter essa linha de configuração tá então é bem simples o adicionar um ícone vai abrir conteúdo estilo e avançado cada elemento aqui dentro do elemento vai ter aqui nessa barra de ferramenta essa configuração que você vai poder al terar o conteúdo dele e alterar o estilo e as propriedades por
que que eu tô compartilhando isso com você para ficar mais fácil para a gente poder trabalhar com os elementos então eu vou deletar aqui esse elemento e vou adicionar todos os elementos para você conhecer vou excluir aqui vou adicionar um título e aqui no título a gente tem como escrever uma meu tipo como por exemplo seja bem-vindo e colocar um link são conteúdo alterar o seu estilo a cor tipografia o tamanho a fonte col ocar aqui uma fonte aqui é o tamanho do título e o peso que vai sem a 900
que eu nada mais com tem como você configurar o peso da fonte ok a transformação se eu coloco tudo em maiúsculo e transforme maiúsculo ou tudo minúsculo ou poste pra gente capitalizar que vai colocar apenas a primeira letra em maiúscula o estilo é normal itally público também dá para você configurar e decoração está sublinhado a linha superior taxado ou nenhum ó e aqui tem como você configurar também a altura da linha tá vendo aqui ó onde está a sessãozinha azul começa a diminuir e aumentar
então essa é a altura da linha do elemento e olha o espaçamento de fonte bom então aqui na configuração estilo geralmente é padrão para praticamente todos os elementos que você vai trabalhar e aqui no avançado também que envolve a margem do elemento colocar queimar 50 você viu que aumentou aqui ó ficou 50 a altura superior 50 a direita 50 inferior 50 esquerda os efeitos movimento também são padrão para frente para todos os elementos você pode escolher aqui diversos efeitos olha só que legal
fundo dá para você alterar tanto fundo tradicional quando passa o mouse passar o mouse vai ficar preta aqui agora oi ó passou mal ficou preta bom então tem como você está alterando a borda também e deixar a borda tracejada e o posicionamento sempre interessa deixar o the fall mas dá para você alterar o posicionamento desse elemento esse recurso do título em linha e você pode personaliz ar e a largura conforme a sua necessidade o alinhamento vertical pode centralizar no início ou no final e a
posição você pode deixar e fixo e o absoluto aí fica ao seu critério e aqui o responsivo você pode ocultar esse elemento de stop do tablet ou do smartphone vamos deletar esse elemento eu posso vir aqui no navegador também para poder visualizar todos os elementos que adicionei adicionei aqui uma sessão tá vendo bem decisão tem uma coluna e na coluna tem um título eu posso ex cluir daqui e falou sobre o navegador lá no início da aula ou posso vir aqui no histórico por exemplo deletei sem
querer esse elemento eu posso vir aqui no histórico tem histórico de tudo o que eu alterei deletei aqui nessa aula eu quero voltar aqui ó pronto voltei não quero ir e voltar lá no início o início toma bem simples para você alterar posso vir aqui botão direito excluir elemento voltar aqui a imagem vou adicionar aqui uma imagem tem a opção do conteúdo da imagem al terar o tamanho e o alinhamento esquerda centralizar a direita pegar uma imagem aqui com padrão a fátima é uma legenda e colocar oi eu
sou é uma legenda eu posso adicionar um link para essa imagem e eu configuro estilo eu posso configurar largura máxima e olha só que legal a opacidade dessa imagem eu quero que ela seja um pouquinho transparente e aí a rua reino andamento também da imagem eu posso colocar é um bordas arredondadas eu posso fazer círculos e também e o fundo da legenda colocar aquela rica centralizado cor do texto preto fundo vermelho a tipografia da legenda e a sombra da legenda eu posso está adicionando aqui e
olha tá a gente tá com sombra eo espaçamento da legenda entre imagem e aí tem um avançado e também vai as configurações de margem de bora os efeitos de movimento o fundo da imagem o posicionamento se é responsivo ou não então todos os elementos abrir esses exemplos aqui que eu dei para você sempre vai ter esses recursos conteúdo estilo e propriedade conteúdo estilo e propriedade então fica mais fácil para você começar a entender a configuração porque você vai precisar para construir um site
profissional adicionar uma sessão configurar as colunas e os elementos dentro dessas colunas não fica mais fácil para você enxergar eu vou mostrar aqui agora alguns modelos que existe dentro do elemento nessa nesse botão aqui sem explicar a 500 celular modelo e a gente tem uma série de modelos pré-prontos que o elemento oferec e que fica fácil tem como você e construindo o seu site por meio de blocos e já existem pré-pronto por exemplo esses blocos aqui que o próprio elemento ele
oferece cabeçalho rodapé meio de conteúdo é o que tá escrito pro é que tá disponível apenas na versão paga do plug ok mas também tem páginas aqui e pré-prontos que você pode utilizar dentro do clube oi olha só e para poder utilizar bem simples é só clicar aqui ó em inserir se eu precisar realizar o seu cadastro o s ite do elemento clicar aqui em começar i create account e aí você vai colocar aqui o seu e-mail e sua senha para você poder criar sua conta eu já tenho minha conta bem simples vou
logar com ela e prontinho vou conectar o meu site com o site do elemento e quando eu faço isso automaticamente eu já posso utilizar a biblioteca de temas e de blocos do elemento então fica fácil então agora eu vou abrir um exemplo para que você possa visualizar para poder conhecer esses elementos coluna s já configurados por exemplo esse é um site para pronto aqui o que eu peguei aqui do elemento e olha só que legal lindo site da para até 20 modificar então ela só eu vou clicar aqui em cima da
propriedade da sessão já tenho que as configurações ó layout o estilo a imagem de fundo ó e aqui o avançado tem aqui as colunas olha só as colunas é só passar o mouse ou em vim aqui no navegador para a gente poder ver como foi construído então a primeira sessão e tem uma coluna é a segunda s essão tem duas colunas que são essas duas colunas aqui a cada coluna tem um para conter um título outra tem um botão a segunda tem um vídeo então fica fácil no navegador para você visualizar como o site
foi criado então todo elemento que a gente adicionar arrastar aqui dentro do elemento vai ter essa configuração conteúdo estilo e avançar se não tiver aqui o conteúdo é porque é uma coluna ou é uma sessão vai tá opção de layout aí também a mesma coisa conteúdo a gente tem que est ar configurando então são esses elementos que a gente vai utilizar com as configurações específicas para poder criar o nosso legal agora que você já conheceu mais sobre as ferramentas do elemento e as propriedades de
cada elemento principalmente as suas sessões as colunas como criar um site na prática na minha opinião o maior dificuldade que as pessoas têm em utilizar o elemento ele não é alterar um site é a criatividade em construir a partir do zero então você que está iniciando no elemento eu recomendo para você você utilizar os modelos pré-prontos que a própria elementor oferece para que você possa modificar esses elementos e adiciona no bloco e configurando o seu site conforme a sua necessidade você não
vai conseguir criar um site incrível do dia para o outro vai levar tempo que você precisa se familiarizar e conhecer cada propriedade e recursos dos elementos elemento que eu compartilhei aqui com você nessa vídeo aula mas agora a gente vai para prática e construído 0 mas você pode ser pega os blocos as páginas para prontas e modifica o texto modifica algumas propriedades e vai adaptando com a sua necessidade essa é a dica que eu compartilho com você porque eu vejo a um grande dificuldade das
pessoas é a criatividade de começar a partir do zero apresentei aqui o abc e posso dizer o z também de todos os recursos e todas as propriedades para que você possa de fato criar sites profissionais mas agora a gente foi para prática vamos cria r alguns materiais de vendas para te ajudar não site profissional seja uma paz depressão um advertorial ou até mesmo quis principalmente de você que trabalha como afilhado tem um negócio local está assistindo esse tutorial ou você trabalha numa rende
market e tá começando agora com o elemento faz o que eu disse anteriormente pegue modelos pré-prontos e vai modificando conforme sua necessidade então eu vou deletar aqui esse elemento nesse site que a gente criou e vamos começar do zero um novo sai e aí aqui vários exemplos nessa vídeo aula para que você se familiarize com a ferramenta e possa criar os seus então vamos lá vamos criar nosso primeiro site com elementor tá vou deletar aqui esse template padrão que a gente importou aqui no alimenta
para poder criar eu tô com um site aqui chamado kit parar de fumar ponto com.br quer um produto a gente vai criar a partir do zero esse site aqui utilizando o elemento ok eu recomendo que todo site que você for criar voc ê faça um briefing faça aí um apanhado de informações como eu fiz aqui tem todas as informações do produto para poder criar o site é mais fácil você organizar todos os textos para poder depois passar aqui para elementar também tô quase imagens aqui separados dos produtos que eu
vou criar esse site tô primeiro passo a gente vai fazer aqui adicionar uma estrutura eu vou clicar aqui em adicionar sessão vou adicionar aqui a isto a única e olha só que legal e já adicionou aqui a minha es trutura tá em branco ainda a gente vai personalizar essa estrutura pelo passo aqui eu vou editar a seção vou utilizar aqui a largura total eu vou colocar aqui altura mínima deixar aqui uma altura mínima mais ou menos assim para não ficar em toda a tela a gente vai trabalhar ao longo do
conteúdo o topo do site fundamental para chamar a atenção do consumidor do caso que vai comprar esse kit parar de fumar que é um spray e um pote de cápsulas ok então vamos lá para poder é personal izar vou colocar aqui o fundo vou vir aqui em estilo eu vou selecionar a cor clássica vou colocar aqui é um fundo mais ou menos em vermelho o ok vou colocar uma sobreposição de fundo e o efeito gradiente colocar aqui na segunda a cor e em vermelho para poder entrar em contraste e aqui com a primeira cor
um tom utilizar aqui a primeira cor também só para poder fazer um efeito de gradiente olha só como ficou é legal a gente já está desenvolvendo o topo vou colocar aqui uma divisão de fo rma aqui abaixo pra gente poder trabalhar o conteúdo do site divisor de forma na parte inferior aqui vou colocar aqui na parte inferior vou selecionar que o tipo tem vários tipos você pode trabalhar eu gosto bastante aqui do tipo de montanhas olha só vou diminuir um pouquinho a largura o e altura e deixar aqui a
largura bem de leve no site e altura o ok olha como ficou aqui já o nosso cabeçalho e vamos clicar aqui para poder configurar novamente o layout é a posição da coluna vou u tilizar com superior e aqui ó a coluna já vem superior vou clicar aqui na edição da coluna eu vou clicar aqui em avançado e vou utilizar aqui as configurações de margem e eu vou adicionar aqui a margem de 50 margem superior para não ficar tão encavalado aqui na barra de endereço do navegador vou desvincular aqui esse conjunto
vou colocar aqui acredito que 50 é certo a gente coloca aí 30 pode perceber que não teve o efeito porque eu não adicionei aqui um elemento eu vou adicionar uma imagem vou arrastar ela aqui então eu pude observar aqui no topo que ficou esse espaço aqui representando os 50 a margem superior então coloquei aqui a imagem vou carregar a imagem aqui do nosso produto vou editar apagar essa imagem exemplo aqui eu vou enviada na minha biblioteca do meu computador vamos procurar já preparei até uma
pastinha é só com as duas imagens os dois frascos da cápsula iv spray para parar de fumar a gente poder desenvolver aqui o nosso site a nossa página de vendas né um site institucional para vender esses dois produtos tá carregando aqui vamos clicar assim que carregar em inserir mídia prontinho e ser mídia carregou que o produto mas ficou muito grande imagem se deve estar observando a gente vai vir aqui estilo oh e vamos alterar e a largura e vamos deixar mais ou menos assim o legal é e vamos
minimizar aqui na ficou grande deixa eu dar uma diminuída e não visse ia ficar muito grande ainda é tá razoável é legal acredito que fic a melhor aqui um duas colunas para poder trabalhar e para isso eu vou adicionar aqui uma sessão ó e vou passar essa imagem para essa sessão é só excluir esse elemento como adicionar aqui a imagem e olha só então eu queria aqui uma coluna e adicionei uma sessão com duas colunas internamente vou apagar novamente sem imagem vamos inserir já tá grande e vamos
diminuir a largura dela oi ok e esse tamanho ficar é razoável vamos chamar aqui um título é um texto também oi e um botão pa ra seu botão de chamada de ação eu vou aqui no meu texto como pegar e o título que eu vou adicionar aqui no cabeçalho e vamos alterar agora estilo como trocar cor branca o que fotografia vamos deixar o tamanho há 36 o peso vou colocar a 600 vou deixar aqui essas configurações padrões adicionar uma sombrinha não preto aqui para fazer contraste profundo é perfeito vamos ver
como está ficando legal eu vou clicar aqui em editar essa coluna para poder também colocar uma margem aqui nessa coluna para não ficar assim desigual o título com os potes aqui do lado vamos colocar aqui uma mar desvincular is conjunto colocar uma margem de 35 você observou aqui já decidi eu título né o local margem 50 para ver se fica melhor já ficou um pouquinho melhor né uma adicionar aqui a descrição o pegasse descrição aqui e aí eu vou colar aqui no texto o estilo um colocar aqui o
alinhamento justificado a cor do texto em branca o show terá tipografia aumentar um pouquinho e colo car 20 e já deu uma preenchida legal a gente consegue aumentar um pouquinho mais essa imagem aqui para mostrar a grandiosidade do produto né e aí eu acho que já tá bem melhor e agora vamos alterar o botão e eu quero parar é de fumar e colocar aqui um botão de alerta vou ver se tem alguma cor para pronta eu não vou ter que personalizar mesmo é legal colocar aqui o botão extra grande e vamos no
estilo agora do botão cor do texto a gente vai deixar em branca é a cor do fundo vamo al terar esse fundo aqui colocar um verde o verde quase clarinho e quando passar o mouse e colocar um verde escuro e se verde aqui que legal nós vamos deixar aqui também uma sombra e no texto nosso botão um ótimo dia viu a sombra que já apareceu e é não está fazendo tanto efeito é a cor do fundo do o ver a gente consegue colocar um laranjinha e olha já fez efeito aqui a diminuir um pouquinho essa sombra que eu
tô achando que tá passando e colocar aqui a sombra do texto e a borrar menos deu uma diminuída e deixar horizontal vertical 0 ah tá legal e já tá pegando o formato o nosso site que legal a observar novamente e já aqui embaixo eu vou colocar as informações e vai adicionar mais uma coluna e com duas sessões eu vou separar aqui no avançado e essas sessões qual é a margem para não ficar tão encavalado vamos colocar também e aqui 50 ou já baixou aqui oh e vamos colocar as informações mais sobre o
produto nós vamos colocar as informações desse lado um texto e e u vou adicionar também um título oi ok nós vamos pegar aqui subtítulo que tem no nosso documento já preparei a cópia aqui eu não criar na hora para mim não ficar muito longa essa vídeo ao ficou muito grande esse título aqui e vamos tentar dar uma diminuída bem de leve nele e o homem tá eu acho que assim ficou legal e vamos só configurar e aqui o texto colocar algumas palavras iniciando com letra maiúscula é para chamar atenção do
nosso leitor e aí e fica aumentar ou diminuir esse t ítulo e não tá legal acho que a diminuir como vestidinho mais um pouquinho acho que assim o perfeita e fica em três linhas um colocar aqui e aí e colocar o texto é ótimo a gente colocou aqui tipo do como uma fonte padrão gente colocou aqui esse parágrafo como o tamanho 20 eu vou seguir o mesmo padrão e prontinho eu só vou entrar aqui na configuração do texto para colocar o nome do produto em um ótimo agora vamos adicionar uma imagem aqui eu vou
clicar em adicionar imagem e como pegar uma imagem gratuita do google e para poder trabalhar vamos colocar a parar de fumar e vamos procurar tinha uma imagem legal que tem a ver com parar de fumar se possível se não for pedir muito né google uma imagem que tem aqui um fundo branco vou procurar aqui a chover nessa categoria olha que ficou legal hein dá para gente utilizar e tá um pouco distorcida a conversa aqui é melhor ainda e em 3d vou salvar aqui e parar e aí eu vou adicionar ela aqui na
lateral acho ficar bem legal é capaz de vendas bem simples tá gente fazendo aqui é capaz de vendas realmente elaborada psol vai demorar algumas horinhas tem que pensar a refletir muito em cada elemento como eu tô fazendo aqui apenas como um exemplo teste apesar que eu vou utilizar essa página aqui para trabalhar tá eles vão poder até observar ela não armas toda página que você for fazer não alimenta vai demorar algumas horinhas para você realmente pensar em cada elemento principalmente a cópia
da página que eu preparei aqui a cópia da página se não ia demorar muito tá desenvolvendo o texto o layout dela prontinho já adicionei aqui as duas sessões ficou bem legal viu o pintado diminuir e aqui essa coluna principal vamos colocar aqui uns 25 eu não vou voltar e para 35 como acreditar e a superior tentar diminuir colocar 20 só ah tá legal e tem calma então um pouquinho mais essa imagem aqui que eu não estou satisfeito com ela e colocar 55 como ver como fica ah é tá legal é mas ainda não
esto u satisfeito eu voltar aqui para 50 a nossa 53 é o número em vão dizer 51 boa ideia pronto já tá cabeçalho aqui pronto em breve conteúdo agora a gente vai adicionar próxima sessão nós vamos colocar aqui para que serve e vamos chamar para mim uma nova estrutura e com duas colunas vamos seguir o padrão de margem a gente colocou aqui nessas me engano foi 5050 para não ficar tão encavalado grudado aqui as sessões vou usar também esse mesmo padrão 50 ótimo eu vou colocar em uma outra cor e essa
sessão vamos colocar aqui é um gradiente de um vermelho porque o nosso site segue tons de vermelho né vermelho e preto vamos ver se vai ficar legal né é bem clarinho tem que inverter colocar o preto aqui e o vermelho aqui ó e vamos ver como ficou vai ficar legal eu vou colocar aqui só o preto e usar como no cabeçalho né eu vou colocar aqui o gradiente o vermelho oi e um vermelho mais claro aqui vai ficar bem melhor o layout deixar box aqui oi tá bem pequenininho porque não tem conteúdo n é e
vamos duplicar esse texto aqui ó o que jogar ele para cá e deixa eu publicar que às vezes o elemento eu trava assim de você pegar e os recursos então vou atualizar aqui sempre bom e salvando também as páginas fica top esse site de meu amigo minha amiga que reclamar que afinal o que importa mesmo é o conteúdo bom vamos lá recarreguei aqui meu olho e mentor vamos adicionar aqui o texto a paciência é isso daqui a pouco a gente vai alterar eu vou pegar aqui o outro texto é um adi cionar aqui ele um
ótimo estilo e deixar quis ficado cor branca nós vamos colocar aqui me grito onde está o nome do produto um ótimo e vou duplicar esse título aqui também para pegar as configurações dele para ficar com padrão aqui na página colocar aqui a melhor fórmula natural para parar de fumar um é colocar teu estilo o branco é mais ó ficou meio feio viu esse tipo assim eu vou ter que aumentar esses títulos não vai ter jeito instalando com 25 com 28 vamos trabalhar com 35 a 40 legal hein e vão alterar sua
coluna aqui também colocar uma margem pelo menos de 20 para não ficar tão encavalado aqui eu acho que 30 fica legal então trabalhei com um tipo de 40 aqui vou ter que aumentar esse aqui também ou diminuir o texto e vamos clicar aqui no estilo dele tipografia 40 e ainda ficou é meio estranho e tem que diminuir ele não vai ter jeito eu não vou liminar que o uma parte do tio sam e colocaria de mim o vício de cigarro de uma vez por todas em sua vida compac tante é um ótimo um é mas ainda o vida a
escola terceira linha vamos tentar colocar aqui 35 é 35 legal eu vou voltar aqui para esse segundo título e colocar a 35 tomara que dê certo esse também opa já deu certo e aí e aí que legal hein nós vamos colocar aqui é uma imagem é impactante a procurar ótima imagem de cigarro e aí vou ver se eu coloco aqui imagem dos kit eu não sei se vai ficar legal é porque vai repetir lá com cabeçalho é mas não custa nada tentar né e nem vai repetir ca beçalho não vai ficar legal deixa excluir aqui a
investir de letras a coluna deixa eu faço aqui centralizada e vamos centralizar esse título e essa descrição dá para ver se fica legal e aí eu precisava de uma imagem aqui e vamos voltar histórico oi ok e se colocar um médico aqui ficaria legal né procurar aqui tocker primes png transp e sempre faça essa busca png transparente que você vai encontrar uma série de imagens que você vai poder utilizar a forma gratuita doutor bonitão aqui vamos ver se tá transparente acredito que sim e vamos salvar
aqui o e colocar ele aqui do lado que vai fazer sentido afinar um tratamento para parar de fumar oi e o texto ali já também já fala um pouquinho da eficácia do tratamento eu vou deixar arrastar aqui que mais fácil e aí o homicídio nosso médico olha ficou perfeita nós vamos colocar só um divisor de fórmula e vamos só colocar um divisor aqui inferior entrar aqui na seção estilo divisor de forma inferior ou pá mim coloc ar que as montanhas ah mas eu quero trazer para frente às montanhas não tá
comendo o texto aqui vamos deixar a largura dela e diminuir a altura é só para ficar perfeito aqui no botão bem de leve zinho olha que legal já tá dando forma o nosso site tá ficando lindo confesso para você apesar que tem que conversar outra coisa que aí mil difícil você fazer na hora eu gosto de ficar pensando sobre o site analisando cada elemento agora gravar fazer tudo isso na prática a conversa com u m desafio aqui com vocês então prontinho vão para próxima sessão o que é os benefícios vão
colocar aqui e os benefícios ele dá para colocar em branco e colocar aqui também a margem superior 50 é um copiar esse título aqui ó e para poder e colocar aqui no mesmo padrão eu fiz do uso do kit a parar de fumar e não ficou legal é desse maiúsculo e aí e aí um ótimo nós vamos colocar tia descrição e aí o amor publicar também aqui vou pegar aquela tem preta ou melhor cinza claro a duplicar e prontinho e colocar aqui descrição o estilo centralizado e vamos ver como tá ficando legal eu acho que
esse texto dava para colocar uma margem colocar na margem 10 o tanto de altura quanto inferior quanto à esquerda e à direita uma centralizada mesmo e colocar ti o 25 a direita e 25 à esquerda eu achei bem centralizado e vamo colocar um pouquinho mais a 40 um chuta alto a nossa 50 e ainda tá estranho de 80 e aí já ficou mais centralizado aí eu vou adicionar aqui é mais uma estrutura nós temos um dois três quatro cinco seis sete sete benefícios então vou dividir em quatro colunas nós vamos deixar
aqui também superior 50 é com muito vou colocar 30 também muito 20 isso e aí eu vou adicionar aqui em cada a coluna um benefício eu vou utilizar aqui e o recurso de ícone em geral que é um dos recursos que a gente pode utilizar vamos colocar aqui o ícone tá legal vou ter aqui o estilo eu acho que legal em vermelho né um ótimo título mesmo em preto em um só pagar taxa de inscrição oi e deixar aqui ó a parar de fumar benefício eu vou diminuir um pouquinho a fonte e aqui do conteúdo do título me
deixar oi helen 20 a 16 eu acho que fica legal e vamos duplicar xi agora é aonde duplicar vamos procurar aqui um ícone a gente pode trocar esse ícone aqui né a selecionar e tem um joinha eu acho que sim quadra aqui pra gente colocar no benefício e vamos procurar eu acho que melhora o cheque é porque é como se fosse um check list aqui a gente vai fazer parar de fumar que indicação principal do produto nós vamos adicionar aqui e olha que legal e vamos duplicar essa sessão um dos benefícios vai ter
que ficar de fora infelizmente e nós temos aqui se eu contei certo 7 benefícios diminuir a vontade de comer doces de janeiro a vontade de comer doces terceira ajudar a manter a glicemia controlada um ótimo a regulação do humor o próximo benefício a ajuda contra insônia e aumenta a sensação de bem-estar e aí marcílio comprou um peso olha eu achei que ia faltar um e na verdade e eu achei que ia sobrar um na verdade faltou g1 nós vamos pegar aqui ó é um dos benefícios cigarro que eu sei quem vai
parar é acabe com o mau cheiro ninguém merece um fumante pedido né pessoal do lado acabe com mau cheiro e o mau hálito g1 um ótimo ah tá aqui no site quase ficando pronto e agora tem as informações e o produto nós vamos colocar aqui é a segunda coluna mesmo padrãozinho superior 50 e vão duplicar aqui o nosso título as informações sobr e o produto eu acho que conheço a nossa forma e aí e aí e aí eu vou colocar aqui os ingredientes um colocar aqui o texto deixa eu voltar a duplicar este padrão eu
conheço a nossa fórmula e aí e aqui eu já posso voltar é um produto já no topo mas eu posso voltar com ele aqui o que ele não fica tão próximo e no topo essa seção é meditar o estilo a largura um ótimo eu conheço a nossa fórmula e prontinho agora vamos adicionar aqui em mais uma sessão o estilo não avançado superior 50 a d uplicar aqui o título a tomar hoje e aí a e agora nós vamos colocar aqui e o botão para pessoa comprar já vou adicionar que o botão o texto e eu quero parar de fumar já está
grande ó e vou colocar aqui o valor como adicionar o texto a gente colocar o valor como colocar tv e aí em 397 por cento e noventa e sete de reais vamos centralizar e colocar a cor do texto preta como aumentar um pouquinho a fonte um ótimo a alterar aqui o peso do texto que legal eu vou te chamar mais um texto se colocar ou parcele em até 12 vezes no cartão de crédito e aí a centralizar colocar tipografia 20 o padrão do nosso texto vou vir aqui avançado oh e vamos colocar menos e 37 mas passou -
40 há uns 40 para ficar grudado aqui o texto e como alterar este colocar em vermelho um ótimo e aí é chique faltou é uma flecha indicativa vamos colocar no google imagens e procurar uma flecha e aí é como procurar uma flecha aqui o pro nosso caution e aí eu acho que essa aqui fica legal ah não eu qu eria que fosse três flechas é igual essa aqui eu vou salvar aqui e vai te chamar que a imagem cima do título é para chamar atenção do nosso consumidor enviar eu vou até acessar aqui o site e depois do
te ver só um cápsula e inclusive um site que eu fiz aqui o elemento é utilizando esse mês o padrão e se vocês estão conhecendo aqui nessa vídeo aula site que já vendeu mais de meio milhão de reais tá bem simples mas vende todos os dias e vamos inserir aqui eu só vou dar uma diminuída fic ou bem grande essas retas um ótimo e vamos ver como tá ficando o que achou e agora vamos adicionar aqui e me pegar umas imagens desse site o que é que as imagens relacionadas ao coronavírus para falar que nós
estamos enviando normal eu vou adicionar aqui a imagem com quem eu vou pegar até minha do frete gratuito ó e vou pegar aqui dá satisfação garantida e diz colocar satisfação garantida embaixo do botão e deixar mais ou menos o tamanho do botão um ok eu vou adicionar uma coluna eu vou com a margem há 50 para seguir o nosso padrão e aí eu vou adicionar a imagem do coronavírus e comentando sobre o frete juninho tá normal vou duplicar essa imagem aqui e vamos colocar a imagem do frete gratuito é
tentar diminuir um pouquinho essa imagem pela ficar alinhada a entrega do coronavírus aqui ó certinho ficou alinhada e olha como tá ficando lindo nosso site e agora eu vou te chamar mais uma sessão e para colocar aqui em dúvidas em conta comprar pela internet há u ma sessão e preencher abrigar o título e colocar aqui 50 ó e vou adicionar e aqui quatro sessões o estilo vou colocar aqui a cor cinza claro eu esqueci cinza aqui vou salvar para colocar nessa outra sessão de vai ficar o título estilo o
clássico e pronto agora vamos adicionar que o título eu vou pegar aqui vou duplicar só para ir mesmo padrão é só arrastar aqui bem simples trabalhar com o elemento tá e colocar que a cor preta eu vou colocar aqui o superior 50 e o inferior 50 também só para dar um espaço vou pegar que o título e aí a alterar o conteúdo ótimo nós vamos colocar um subtítulo g1 o estilo centralizar o tamanho 20 o porém o título tá com a margem muito alta a gente vai ter que diminuir a margem inferior e pronto g1 e
agora vamos adicionar aqui os ícones vou salvar essas imagens que eu já tinha nesse site é só para facilitar e adicionar aqui é mas falta só essas últimas duas para gente seguir esse padrão é isso é um padrão de página de vendas de e-comerc e eu já sigo faz um tempo e sempre dá certo eu vou até salvar as outras duas imagens aqui e no frete e vem entrega segura e aí é e essas outras aqui e para seguir o padrão de rodapé que eu faço em todos os meus sites um ótimo vou fechar aqui só para seguir o
padrão e essa é a primeira imagem do quadradinho colocar aqui o cadeadinho um ótimo duplicar só tá faltando uma coluna né são quatro e pronto e vou duplicar eu só quero imagem e vamo lá o cadeadinho e depois os dados seguros e a í e depois diz que o dinho e depois a de frete nós vamos adicionar aqui um texto e agora eu vou copiar aqui esses dados que eu já utilizo em toda a página de venda eu vou centralizar ó e vou duplicar aqui esses elementos para colocar em todas essas colunas aí é só alterar
o texto e aí e prontinho a copiar aqui e aí e aí eu acho que esse cinza aqui ficou muito escuro vou ter que adicionar um outro cinza para ficar mais claro deixar um pouquinho mais claro eu acho que esse aqui ficou me lhor deixar alterar aqui na próxima seção um ótimo eu estou bem melhor eu vou adicionar agora uma sessão que eu vou adicionar as imagens de entrega segura e de meio de pagamento vamos colocar aqui que a margens pereira 50 vou adicionar aqui as duas imagens a compra pela monetizze o e
entrega segura um ótimo e agora é só adicionar e o rodapé o que no caso eu utilizo a com 4 elementos e vamo colocar margem 50 com o padrão estamos utilizando para não ficar em casa encavalado cada sessão um ótimo o que é o texto de contato eu vou copiar aqui meus links política de privacidade que eu já utilizo em todo site com padrão e aí g1 um ótimo só vou diminuir um pouquinho esses links e como colocar aqui 11 e eu vou colocar dúvida entre em contato pelo e-mail o suporte@iapajus.com.br e
vamos centralizar colocar aqui com padrão 11 e deixar aqui em 12 eu acho que tá melhor eu vou tá aqui é só novos títulos os links úteis a diminuir um pouquinho esse título o amor terá o tamanh o eu acho 15 tá legal e aí as dúvidas centralizar a segurança certificado e aí oi gente ficou meios de pagamento no final os meios pagamento um ótimo vamos lá vou adicionar aqui alugo da e caps e aqui e as imagens que o produto não testado em animais que o site tem certificado csele e aqui as imagens de
meios de pagamento então vamos aqui na segurança e certificados em um ótimo agora meio de pagamento e para que imagem agora eu vou enviar aqui a logomarca da equipe da só uma dimin uída na logomarca e aí a e agora adicionar o disclaimer aqui no rodapé uma estrutura vou colocar a margem um pouco maior do que o padrão colocar 80 para ficar lá embaixo mesmo desse poema o que as informações aqui que a gente utiliza e sobre o uso do produto caso essa suplementação local estilo centralizado e vou
colocar a letra aqui onze doze tá legal o e prontinho o nosso site aqui do kit parar de fumar já está pronto é só colocar esse texto aqui como justificativa o que eu ac ho que fica melhor e aí e aí um ótimo e ficou lindo nosso site e agora eu vou colocar aqui a função como clicar nesse botão a página rolar automaticamente para o preço então vou vir aqui eu vou clicar lá em configuração eu vou colocar aqui o a hashtag oferta o jogo da velha né e aí eu vou mapear o site com a função de map aqui do
elementor o chamado âncora olá aqui é o menu âncora e aí eu vou colocar aqui no caso a oferta sem o jogo da velha oi ok ok já cliquei já funcionou uma de no vo e me pó tu vai para baixo o bicho atualizar king oi pra poder testar e aí eu vou atualizar um acaso não perca dado né e vamos acessar aqui o preview é do que parar de fumar ou está funcionando eu quero parar de fumar já carregou aqui para o preço ótimo o site está praticamente pronto e aí e depois com mais calma eu vou dar algumas
alteradas como colocar as perguntas e respostas produto mas a estrutura tá pronta vamos agora só visualizar a versão mobile dele o aplicativo mo bile e para poder configurar por exemplo no mobile essa margem aqui pode ser diminuída ou clicar aqui em configuração avançado e eu vou colocar a 0 e no mobile vou centralizar os textos que é uma configuração específica para abrir smartphone não vai vir aqui ó centralizar eu vou centralizar todos os textos é para quando abrir no celular eu já abri
centralizado os textos e eu prefiro assim e pronto toda vez que você for desenvolver um site e no elementor você tem sempre visualiz ar a versão mobile e aqui já as margens não tá legal então vou colocar a 0 e centralizou tá bacana o título da forma vou centralizar também e eu gosto de criar sites rápidos tá o site sem tanto elementos visuais sem efeitos porque hoje a gente sabe que a maioria do público tá que vai comprar um produto compra hoje pelo celular a gente tem que deixar o mais leve
possível o nosso site e para carregar rápido é aquele venha comprar de fato produto também o ano roubar ficou perfeito e u posso aumentar um pouquinho né e as flechinhas é o preço do mobile para não ficar é tão separado posso dar é uma aumentada assim essa imagem que de segurança eu posso dar uma mentadinha também o frete também e deixar aquela é desse jeito e o resto tá legal e vamos atualizar o destop voltamos oi tá perfeito olha a versão do produto em cápsulas e civis o padrão aqui e se eu
compartilhei com vocês inclusive e estamos todos mais vendidos hoje do monetize e olha como é simples a pági na de vendas carrega rápido tem um layout simples o porém vende muitos produto eu tenho certeza que esse kit agora com a cápsula estrela emília é muito também oi tá com layout atrativo é bem simples agora eu vou voltar aqui eu vou em configurações vou ter aqui o nome de dentro da página colocar tratamento dá para parar de fumar eu vou colocar a imagem destacada dos dois produtos acho que
vou colocar aqui assim não cigarro e fica mais chamativa na hora que for compartilhar o usuário no facebook o whatsapp a qualquer outra rede social e agora eu vou configurar essa página aqui para poder abrir como página inicial do site do kit parar de fumar ponto com.br e tu vem track e no menu do wordpress em configurações a leitura é uma página inicial estática vou selecionar a página tratamento para parar de fumar oh e vamos acessar aqui o nosso site então tratamento parar de fumar
ponto com.br vai abrir aqui uma site a gente construiu aqui uma bem simples eficient e pelo elemento use vou filmar meu celular para passar aqui agora na tela como que ele ficou no meu celular e ficou lindo né agora também é só adicionar aqui o link da monetize e começar as vendas um site simples rápido que eu criei aqui no elementor bom e com este tutorial aqui o meu bilhete foi te ajudar a criar um site como esse de forma rápida para o seu negócio dependente qual o negócio que você tem você
pode estar criando aqui no site utilizando o elementor agora que a gente já finalizou este site aqui exemplo eu quero apresentar um dos recursos na minha opinião os melhores recursos dentro do elemento o que é possibilidade você salvar a sessões e poderem utilizar em outro layout eu vou abrir aqui o site do nico kit caps que a versão em cápsula deixa eu parar de fumar e vou salvar aqui essa sessão e como reagir seu corpo livre nicotina e vou inseri-la no nosso site que desenvolveu aqui nessa
aula que é o kit parar de fumar que a cápsula mas o espelho eu vou acessar aqui editar com elemento no site o link o kit caps ó e vou inserir aqui em cima dos benefícios essa seção aqui no outro site é bem simples eu vou clicar aqui nesse maizinho adicionar sessão e vou adicionar aqui na pastinha adicionar o modelo ok e vou importar o modelo do outro site para esse site aqui eu vou clicar aqui nessa flechinha onde está escrito importar modelo ok e agora eu vou salvar o arquivo desse outro
site aqui que é o único kit caps.com.br para pod er adicionar aqui no nosso site que é o kit parar de fumar que é a versão deste produto em cápsulas e spray depois eu também vou revisar todo o copo desse site aqui pelo que eu percebi eu coloquei aqui um conteúdo que ela no meio do site aqui no topo é aqui também ficou faltando alguns textos mas você sabe né como é uma aula aqui é experimental apenas para te apresentar é o elemento eu não foquei aqui nos contextos aqui da coppe do site pois eu vou
arrumar vai poder visualizar aí aces sando o endereço que te parar de fumar ponto com.br e eu vou utilizar esse site aqui para vender esse produto esse site que a gente desenvolveu junto nessa vídeo aula vamos lá aqui no site do mikrotik apps tá carregando aqui só vou aguardar o carregamento para a gente poder salvar aquela sessão que na verdade que são três sessões um visualizar aqui ó são três sessões aqui é uma seção onde está o título deixa carregar inteiro a segunda sessão aqui que vai do 24
horas ao quatro dias e a terceira sessão do primeiro mês aos cinco anos estão que a gente vai fazer vai clicar aqui com outro botão do mouse e vamos clicar aqui em salvar como modelo eu vou colocar aqui sessão 1 em salvar um ótimo já vai para a página dos meus modelos olha eu já salvei várias vezes acessórios se site para poder utilizar em outro site vamos ver aqui a sessão vou exportar ok já salvou aqui no meu computador vou acessar aqui meu site que eu quero importar que é o que te parar de
fumar ponto com.br só vou arrastar ele aqui vou voltar aqui para o site único kit caps vou fechar vamos salvar essa seção aqui colocar concessão dois salvar como modelo a sessão dois salvar eu vou exportar aqui e pronto já baixou também vou aproveitar também e já vou salvar a seção 3 a seção 3 eu vou exportar oi e para mim viajar esses dois arquivos lá para o site do que é o kit parar de fumar essa chance seria primeiro aqui a seção 1 e o já inseriu aqui eu vou adicionar mais zinho aqui
a pastinha importar modelo vocês são dois e fazer o mesmo procedimento para a seção 3 aguardar carregar a sessão dois inserir e olha só que legal já veio junto com as imagens agora eu vou adicionar aqui a seção 3 em adicionar sessão importar a arrastar aqui o template é um ponto jason salvar o nome do arquivo são todos site que você desenvolver dentro do elemento tem como você salvar assessores para você poderá utilizar em outro layout eu adoro esse recurso do elemento então vou clicar aqui em
inserir e prontinho e aqui a sessão que era então do site original o único kit caps já estou utilizando aqui no kit parar de fumar olha só que legal agora eu só vou reler aqui a cop porque o alterei aqui esse conteúdo não era para tar tô gravando aqui vídeo aula faltou um pouco de atenção a hora da un control c control v l no documento vou arrumar praticamente a cópia do site organizar certinho este algum erro de português para ele ficar online e já começar às vezes então é bem simpl es para você
utilizar o elemento aqui principalmente esse recurso de você salvar os modelos em portal modelos inclusive esse recurso você pode acessar seu painel de controle do wordpress tem aqui uma sessão que quando você instala o plugin do elementor abre aqui no seu painel de administração que a ser e pelo seu clicar aqui por exemplo modelo salvos e vai estar aqui há seções que eu importei lá do site nikokit caps eu posso exportar novamente esse modelo eu posso editar especificamen te este modelo aqui essa
sessões para poder utilizar inclusive o que eu recomendo para você hoje na internet se você editar template no google elementor colocar free templates elementor e você vai poder encontrar vários template está gratuitos por exemplo aqui ó vocês a esse site 600 templates gratuitos está em inglês mas dá para você utilizar o google tradutor olha só tem vários modelos aqui você pode fazer o download olha aqui é bem simples e você pode utilizar sites como esse para encontrar modelos de template só tem
vários sites que oferecem aqui vários modelos de template você pode e pegar esses template que existem na internet inclusive vou deixar um google drive com alguns modelos de sites que eu criei tá que você vai poder usar alguns blocos para poder modificar conforme a sua necessidade olha só que legal tem aqui alguns modelos 37 nesse site 600 nesse outro site aqui o que você sei você pode ir aí na internet encontrar vários modelos olha só 4.700 modelo s lindos e do elemento para 2020 ó contém vários
sites aqui que você pode me encontrar esses elementos tá você pode utilizar na versão gratuita e modificar e começando a criar o seu projeto faustão sucesso realmente com essa ferramenta o que eu recomendo para você é o tempo de uso dela é você realmente acessar estrutural que eu apresentei aqui conhecer os recursos e bem devagarinho tiver alguma dúvida vai para usar nessa vídeo aula e de fato mexendo na ferramenta para você ir testando construindo seu site de exemplos pega aí uma horinha
duas horinha começa a se organizar começa a criar os seus template são o meu site modelo tá pronto lógico que já não vou colocar no ar porque eu vou revisar ainda cop que aqui tá errado essa copa o título né esse conteúdo que era para tá aqui no meio eu só fui reparar agora tá mas eu vou revisar ainda todo o português o site mas a princípio ele está pronto com os elementos eu pessoalmente não gosto de utilizar muito elemento s visuais no site muitos efeitos para não demorar para carregar porque
a gente sabe se demora um site para carregar o cliente não vai ter paciência vai sair do site do caso eu vou perder uma venda do cliente que tá acessando principalmente pelo 3g hoje quem sabe que tem que criar sites rápidos e dinâmicos então eu prefiro e o bruno não utilizar tantos efeitos tantas imagens no site que realmente só o básico você for comparar hoje os sites americanos com sites do brasil você vai ver que o site do brasil são um mim só acho que são os melhores sites do mundo são
os sites do brasil enquanto o site americano também dos sites europeus são sai 5 nós estamos avisando com pouca se mais mais texto mais focado realmente no produto e alguma cop para poder persuadir poder levar o cliente a objetivo final que a consumir o produto então não se atente muito a um layout com muitos efeitos com muitas imagens realmente foque o mais importante que a apresentar o seu produto é apresentar o seu negócio é realmente você gerar negócio utilizando o elemento ufa mais uma hora
de aula eu acho que deu para compartilhar um pouquinho sobre os recursos sobre as possibilidades do elemento não é verdade se você gostou deixa aí o seu comentário eu tentei ser bem detalhista em alguns recursos eu sei que faltou muita coisa mas eu não quis essa vídeo-aula ficasse muito grande porque eu sei que tem muita gente tem que preguiça de assistir a aulas grandes mas se você se ded icar com essa ferramenta assim você o melhor site bem melhores do que o meu o meu objetivo aqui nessa vídeo
aula foi te apresentar todas as possibilidades todas as oportunidades que o elemento tem para negócio foi te apresentar essa ferramenta e te dar um norte para você começar a criar seu site profissional através da ferramenta o elemento indispensável na sua estrutura wordpress através dele não só criar um site mas preparar todo seu material de vendas todo seu material para você g erar negócios na internet tô meu amigo minha amiga eu sei que pode parecer um pouco difícil agora para você
principalmente você que está iniciando neste universo de tal e o que eu recomendo para você é você passar algumas horas mexendo na ferramenta é você criando alguns sites exemplos é você pegando alguns templates no próprio elemento tô vendo cada propriedade vindo cada recurso criando sites modelos para que você não só se familiarize e de fato que o seu material de ve ndas profissional eu ainda vou publicar outras vídeo aulas explicando mais sobre elementos apresentando também a versão pro
e criando mais site para poder te ajudar a criar de fato o seu site profissional utilizando o elemento se você gostou essa vídeo-aula deixa aí os seus comentários se você acha que essa vídeo-aula sobre o elemento vai ajudar outras pessoas compartilhe também essa vídeo-aula com seus amigos seus contatos profissionais e se você gostou você tem que tá assis tindo aí pelo youtube já deixe o seu like se você ainda não é inscrito no meu canal se inscreva se para não perder nenhuma novidade se cadastrar
na nossa área de menos para você conhecer todo o meu conteúdo gratuito em só um objetivo ajudar você a construir o seu império tá bom então fugir na ferramenta afinal você voaria com piloto tem apenas uma hora de voo com certeza a resposta não é a mesma coisa do médico que assistiu uma vídeo aula e jeová operar você jamais ia se operado por u m médico este uma vídeo aula de ontem para hoje na verdade porque eu tô falando isso que se você quer se profissionalizar vai levar tempo a lei da semeadura
tudo na nossa vida se você quer aprender a utilizar o elemento de forma profissional e criar a sua estrutura então aproveite de dixie tempo a ferramenta porque se você treinar você fica bom porque afinal quando eu digo de toda a vídeo aula tudo uma questão de tempo técnica e conhecimento e a gente se vê nas próximas aulas e até ma
0 Comentários