Se você tem uma ideia de projeto, quer montar sua loja, seja de produtos físicos, digitais ou até mesmo criar o seu portfólio, mas acha que tudo é muito complicado, [música] a boa notícia é que hoje isso ficou ainda mais fácil. Eu vou te apresentar uma das plataformas mais completas e atualizado, a Hostger. Com ela você tem tudo em um só lugar, domínio, integração com e-mail marketing, banco de dados, gateway de pagamento e até recursos de inteligência artificial para deixar seu site, seu projeto ainda mais profissional.
E no vídeo de hoje vou te mostrar o passo a passo como criar um site do zero e utilizar os recursos da IA para potencializar ainda mais o seus projetos. Vem comigo. O primeiro passo é acessar o site da Hostinger.
E assim que você acessar, você vem para essa interface principal, a tela inicial da Hostinger. E para você criar os seus projetos, o seu site, você vai precisar de duas coisas: domínio e uma hospedagem. O que que é o domínio, Willly?
O domínio é basicamente o endereço do seu site na internet, aquele nome que as pessoas digitam para te encontrar, tipo meu site www. wiiliananunes. com ou.
com. br, tá? E o que que é hospedagem?
A hospedagem é o lugar onde todos os arquivos do seu site ficam guardados. Textos, imagens, vídeos, tudo é como se fosse um terreno onde o seu site vai morar, enquanto o domínio é o endereço que leva até ele. Feito isso, você precisa contratar um plano aqui da Hosger, porque estamos falando de uma ferramenta profissional, uma ferramenta completa.
E aqui embaixo tem os planos. Então, o primeiro plano é o Starter + IA. Ele custa R$9,99 por mês.
É o plano básico. Você pode criar um site. Você tem direito a criador de sites de arrastar e soltar, criador com IA baseado em promptes e cinco créditos de IA incluso.
Você tem o domínio grátis por um ano, que é o domínio que eu falei para você, que é o endereço do seu site. Você tem um e-mail profissional grátis em uma conta incluída e você tem a hospedagem do site rápida e segura. E aqui nas funcionalidades de IA, que é um dos recursos novos que tem aqui na Hostger, você tem o criador de logo, removedor de fundo, aprimorador de imagens e mapa de calor de atenção.
Agora, no plano Growth + IA, ele custa R$,99 por mês. É o plano que eu recomendo para você que quer impulsionar mesmo o seu projeto, tá? O seu negócio de forma profissional.
Esse plano aqui, ele é ótimo, principalmente para quem está começando, esse daqui, por qu nele você consegue criar até 50 sites. Então, se você tem vários outros produtos ou várias marcas, você tem aqui até 50 sites. Se você vai trabalhar criando sites, prestando serviço, esse plano é perfeito para você.
Então, com ele, você também tem 20 créditos de A inclusos e o e-commerce. Você tem o domínio grátis, e-mail profissional, hospedagem, criador de logo, removedor de fundo, aprimorador de imagens, mapa de calor de atenção. E aqui vem o diferencial também.
Você tem campanha de e-mails para até 500 assinantes, que se refere a e-mail market, tá bom? Você tem 50 créditos extras para ferramentas de a premium. Ele é bem completo.
Agora, se você já trabalha, você já tem um e-commerce e você quer aumentar a sua escala, dá o up ainda mais no projeto que você já tem. E aí tem o scale mais IA. Aí você vem para esse plano aqui.
O plano que eu recomendo é esse. Então vamos supor que você vai escolher o plano aqui do grof + IA. Você vai clicar escolher plano e aqui tem os períodos.
Tem o período de um mês, ele fica R2,99. Tem o período de 12 meses, ele fica R$ 20,99. o período de 24 meses, 16,99 e você tem o período de 48 meses, 4 anos por R$,99 ao mês.
Então assim, para você o que eu recomendo o plano de 48 meses, porque você só vai renovar daqui a 4 anos e ele sai mais em conta. E para finalizar ele vem no total de 623 por ano, só que você tem o meu cupom de desconto, porque colocando o meu cupom de desconto, você tem 10%. Olha a parte boa.
Clica aqui, tem um cupom de desconto. Você vai colocar o meu cupom Ana 10 e vai clicar em aplicar. E você ganhou 10% de desconto.
Feito isso, clica em continuar. Você vai preencher os seus dados e você vai clicar em continuar. Agora você vem pra página de checkout, a página de pagamento.
Você pode escolher pagar no cartão de crédito. Então você clica aqui para aceitar as políticas. Ou você pode pagar pelo Google Pay, pelo PayPal.
Vamos supor que você vai pagar pelo cartão de crédito. Clica em enviar pagamento. Você vai preencher todos os dados do cartão e assim que você preencher, você clica em enviar.
Feito isso, você volta pra página inicial, vem aqui em minha conta e você vai entrar com a sua conta do Google. Assim que você acessar, você vem para esse painel e aqui na lateral você tem o menu onde você encontra os sites, domínios, e-mail market que é uma novidade aqui da plataforma. E no centro do painel você encontra todos os seus produtos, como hospedagem, domínio, e-mail.
E olha só, um dos recursos muito bom que tem aqui na plataforma. Quando você clica em mercado, você vem em ferramentas de A. E aqui nas ferramentas de Ada Hosinger, você tem gerador de imagens, removedor de fundo, mapa de calor de atenção para visualizar o comportamento do usuário, otimizar o engajamento e aumentar as conversões.
Gerador de Qode, gerador de conteúdo para os seus blogs, para os seus e-mails, para toda a sua mídia social, você tem aqui dentro da Hostinger também. E você tem o criador de logotipo. Agora eu vou te mostrar uma parte que muita gente ainda não conhece dentro da Hostger, mas que faz toda a diferença na hora de criar projetos mais profissionais e modernos.
Eu estou falando do construtor de site da Hostigger. Você vai clicar aqui em site. Você vem aqui e clica em adicionar site.
E aqui você tem várias opções. Você tem use a para criar sites e aplicativo web, WordPress ou construtor de site da Hostigger. você tem a tecnologia da inteligência artificial que vai construir o seu site do zero.
Ou se você já tem o modelo de site que você queira usar, você queira aproveitar, você pode trazer o código em HTML aqui para dentro da Hostinger também. O que eu vou te mostrar é esse recurso aqui, construtor de sites da Hostingger. Assim que você clica, você é direcionado para essa tela.
Então, vamos supor um exemplo, tá? você tem uma loja de semijoias e você queira criar uma loja completa das suas semijoias. Eu estou falando uma loja de vendas mesmo, tá?
Então, vamos supor que aqui você vai colocar o nome da sua marca. Para esse exemplo, eu vou colocar aqui um nome fictício, Ana Royale, que seria o nome ali da minha loja de semijoias, vamos supor. E aqui você vai colocar a descrição.
Então, por exemplo, quero criar uma loja de semijoias moderna e elegante e com presença marcante. A paleta deve destacar tons vermelhos. Então, eu já sei qual que é a minha paleta de cor, tons vermelhos, brancos e dourado.
Logo aqui abaixo ele já mostra que se refere a uma loja online. Então, adicionar a loja online no meu site e você vai clicar em criar um site. Aqui abaixo você tem já os modelos pré-fabricados, são modelos prontos, tá?
Seria esses modelos aqui. Eu vou clicar primeiro nos modelos para você visualizar, depois eu volto aqui pra gente dar continuidade, tá? Porque aqui estamos criando do zero.
Então aqui você tem, ó, modelos pré-fabricados. Você tem todos os templates que você pode utilizar. Tem as categorias dos templates, por exemplo, para modelos populares, modelos em branco, páginas de destino, blog, moda, fotografia, portfólio, tecnologia, entretenimento, marketing, eventos, viagem.
Você tem aqui muitos templates prontos para você aproveitar. Vou voltar aqui, ó. Experimente a IA.
Voltei aqui pra página. Aqui você também tem link no site da Bill, você tem os modelos aqui para sua biografia do Instagram. Então vamos voltar aqui a tela inicial e eu vou criar um do zero.
Coloquei o nome, coloquei a descrição e agora você clica em criar um site. Nesse momento você aguarda em poucos minutos o seu site estará pronto e você pode editar. E eu vou mostrar isso na prática para você.
Vamos aguardar aqui ele construir todo o layout. Olha só, eu pedi para ele criar com as paletas de cores, vermelho, branco. Ele fez aqui, ele já trouxe algumas imagens.
É claro que você pode substituir todas essas imagens, tá? Então, por exemplo, aqui é o inicial. Aqui eu tenho a visualização para celular, você consegue ver em modo celular também.
Volta aqui pro computador. Aqui você tem as paletas de cores que você pode mudar. Ó, já tem todas as paletas prontas.
Eu vou permanecer nessa que eu pedi. Aqui você tem início, loja, sobre, contato. Lembrando que aqui é o front end, é apenas o layout.
Ainda não temos todas as funcionalidades do site. É isso que eu vou te mostrar agora. Quando você clica aqui, ver mais, você percebe que não tem nenhum link.
Ó, vou clicar, ele vem aqui, você consegue adicionar, mas ele não vem pra sacola. Ele tá mostrando aqui o checkout está desabilitado no modo de visualização. Eu clico em continuar.
Agora eu vou começar a configurar a loja, configurar mesmo por dentro do site. Então aqui eu vim para o gerente de lojas, todo o painel interno você consegue acompanhar pedidos, produtos. Aqui na lista de produtos você pode trocar.
Então, por exemplo, ó, eu tenho aqui categoria, eu posso adicionar uma categoria, selecionar o filtro, ordenar de A a Z para que meu produto ele apareça em ordem alfabética. E aqui você clicando, ó, eu vou clicar no produto. Eu consigo remover a imagem, adicionar outra imagem e aqui na imagem você pode adicionar imagem do seu produto ou um vídeo também.
Você pode trocar o nome do produto, colocar uma legenda, você consegue colocar a descrição ou você pode escrever também com a descrição da IA. Você pode alterar o preço, preço de desconto. Caso tenha uma referência do seu produto, você pode colocar aqui também.
Em quantidade de rastreamento, você pode adicionar ou ocultar o botão ali da sacola, aquele botão que aparece. Sessões, informações. Você pode adicionar mais informações do produto também.
Eu não vou me aprofundar nisso aqui para não ficar muito longo esse vídeo, mas você consegue alterar aqui dentro da loja, tá? Em categoria de produto. Aqui você consegue também adicionar um cupom de desconto.
Aqui em análise você consegue visualizar o histórico de vendas, tudo em uma só plataforma, tá? configurações, o nome da loja, você consegue alterar também informações da empresa, pagamentos, você pode conectar com uma gateway de pagamento, que é a Stripe. Então, como que funciona a Stripe, tá?
Você vai entrar no site da Stripe, fazer o seu cadastro. Fez o cadastro, você vem aqui conectar. Então aqui, quando você conecta, ele já traz todos os métodos de pagamento que o seu cliente pode fazer para você, todos os cartões de crédito.
Você pode também conectar pagamento no PayPal, tá? ou manualmente, se você preferir. Aqui em e-mails você tem confirmação de pedido via e-mail, confirmação de pedido quando o pagamento manual for utilizado, ou seja, envio automaticamente quando o pedido é feito.
Então, quando você conecta, o seu cliente, ele vai receber uma confirmação do pedido dele através do e-mail. Olha só como é completa essa ferramenta. Aqui abaixo você tem mais integrações que você consegue integrar no seu site.
E-mail Market, WhatsApp. Você pode adicionar também o seu número para você interagir com seus clientes em tempo real, pixel do Facebook para você rastrear ali as suas vendas, aplicativo do Google Ads. Você consegue também colocar o Google Analytics, gerenciador de tags, que você pode colocar dentro do seu site, Google AdSense e muito mais.
Olha só, agora para sair dessa tela, eu volto aqui, editar site e eu venho para o fronte do site. Então aqui você consegue também colocar seu logotipo, adicionar alguns elementos, mostrar o ícone, mostrar botão, editar carrinho de compra, que é esse carrinho aqui, ó. Você consegue deixar ele pequeno, médio, grande.
Aqui no início você consegue também ajustar o painel, você consegue ajustar o tamanho. Aqui você consegue editar a sessão, que é essa primeira sessão. Editar a sessão.
Você pode trocar imagem, você pode adicionar um vídeo, a posição também, ó, centralizado, mais para baixo. Aqui você consegue, ó, duplicar, ocultar, excluir, excluir essa sessão, mover para baixo e você adicionar mais, tá? Aqui também quando você clica, ó, aqui você consegue alterar, mudar a fonte, o estilo.
É muito fácil. Você tem as páginas, início, loja, que ficaria ali no menu de navegação. Então, quando você vem aqui, ó, sobre, você já vem pra tela de sobre.
Então, ele veio para cá e aqui você consegue alterar também. Então você pode trazer uma imagem sua se você quiser falar sobre o proprietário da loja ou sobre você. A missão, você pode deletar também essa sessão, caso você queira.
E tudo isso aqui é personalizado, tudo. Você só arrasta, solta, é muito fácil, tá? Feito isso, você pode conectar o domínio.
Então você pode trazer o seu domínio para cá ou você pode adquirir o próprio domínio dentro da hostir também. Em caso você tenha um domínio externo, você pode trazer para cá. Ele vai salvando em tempo real.
Prévisualização, você consegue visualizar como sua loja está ficando. Depois que você integrou, depois que você ajustou, você consegue analisar tudo no celular também. E aqui você consegue publicar.
Se você quiser voltar pro editor, voltar aqui pro editor, você pode editar ele tanto para o celular quanto para o computador. E você tem uma loja, um e-commerce e você tem uma loja de produto físico completo. Já deu para perceber que a Rost G é completa, só que você ainda não viu nada, porque agora eu vou te mostrar um outro recurso dentro da Host Gia também, que vai potencializar ainda mais os seus projetos.
Se tudo isso que eu te mostrei ficou fácil, imagina com a Wires, que cria toda a sua estrutura em apenas comando de texto. Vem comigo que eu vou te mostrar na prática. Voltei para o painel e você pode perceber que quando você clica em site, ele já mostra todos os sites que você tem aqui na plataforma.
Você pode editar o site, gerenciar a loja. Como eu não editei por completo, ele vai ficar aqui sem o domínio, tá? Eu tenho outro site e ele já está todo configurado aqui abaixo.
O recurso que eu vou te mostrar agora é este recurso aqui, Rises. Quando você clica, você vem para essa tela, você vai clicar Experimente agora. E como que funciona?
Você consegue apenas com comando de texto falar sobre qual projeto que você queira criar ou você pode gravar também. E você pode trazer uma imagem como referência. Aqui abaixo já tem alguns modelos prontos.
Também tem aplicativos que você pode reutilizar, pegar aqui alguns modelos e adaptar para o seu projeto. Vamos construir do zero. Então, vamos supor que você tenha uma mentoria, uma consultoria e você queira criar uma página de vendas para apresentar o seu serviço.
Então, aqui eu vou colocar o seguinte comando. Eu fiz um prompt adaptado, tudo que eu queria na minha página de vendas, tá? Mas você pode apenas colocar aqui faça uma página de vendas para uma consultoria.
Então eu coloquei aqui um prompt específico para mostrar aqui em detalhes como que ele vai construir. Feito isso, clico em enviar. Agora ele começa a construir todo o código, toda a interface.
Assim que ele finalizar, você tem a pré-visualização. Aqui ao lado, você pode observar o que ele está fazendo. Então eu pedi, adicionei o prompt e ele mostrou.
Vamos lá. Estou criando uma land page minimalista e persuasiva para a mentoria domínio digital. Então ele vai citando tudo que ele está colocando, design, acessão, sessão de CTA, que é a sessão ali de chamada para ação, um layout responsivo.
O que que seria esse layout responsivo? Ele é o layout tanto para o celular quanto para o computador. Então ele é responsivo, tá?
Para para os dois formatos. Vamos aguardar. Ele vai aparecer aqui.
Finalizou e ele terminou todo o layout da sua página. Então ele colocou sobre a mentoria, a mentoria, o depoimento, você pode editar também tudo aqui você consegue editar. Se você quiser editar a cor do layout, basta colocar a cor que você queira mudar e ele vai fazer a alteração.
Se você quiser editar o conteúdo, você clica aqui, editar conteúdo, vem para cá e você consegue escrever o seu texto, trazer as suas referências para cá, para o layout. E você clica em salvar. Aqui dentro do código você também consegue visualizar todo o código e você consegue ocultar o arquivo, tá?
Ó, ocultar o arquivo, ocultou e você consegue mostrar. Então ele tem todo o código separado também. Se você quiser exportar o código, clica aqui.
Todo o código você pode exportar e você pode enviar para outra estrutura, tá? Aqui também você consegue perguntar, fazer algumas perguntas sem que altere nada do seu projeto. Então, por exemplo, ele colocou aqui: "Olá, sou seu assistente de A.
Você pode me perguntar qualquer coisa. Isso não alterará o seu site, nem usará seus créditos de IA. O que que você quer perguntar?
E você pode perguntar aqui qualquer dúvida que ele vai responder sem alterar nada aqui da sua página, do seu projeto, tá bom? Para você fazer integrações, Supase. Você pode clicar aqui, você pode conectar com o banco de dados interno do Supase.
Você tem a loja online. Você pode conectar também, criar uma loja online. Ah, eu criei todo o meu projeto aqui, o site.
Você pode conectar aqui também, fazer análise. Você pode compartilhar também com mais integrações. Vou fechar aqui para visualizar.
E se você quiser publicar, clica em publicar e você tem aqui o link do seu site. Então, caso você já tenha o domínio, você aderir o domínio também, você coloca aqui o seu domínio, ele já vem aqui com o seu domínio pronto, tá bom? Tudo isso aqui é editado de forma muito simples.
Em segundos você já tem uma estrutura completa, integrada com banco de dados. Você não tem aquela preocupação de sair da plataforma, ir para outra hospedagem. Você já encontra tudo aqui na Hostinger IA.
E agora você tem esse recurso também que é Rise. Tá com a hostia e qualquer ideia pode virar um negócio real, rápido, fácil e profissional. E antes de encerrar, eu tenho uma boa notícia.
A Hostg liberou uma promoção especial para quem me acompanha. É só usar o meu cupom no momento da assinatura. Eu vou deixar o link na descrição do vídeo e garantir o seu desconto exclusivo e começar o seu projeto com pé direito, porque vale muito a pena.
E se você gostou, deixa o like, comenta, compartilha e se inscreva no canal.
