Como criar um site do zero no Wix: o único curso de web design no Wix que você vai precisar

1. Boas-vindas ao curso!: Olá, sou o Caleb, perto do premiado estúdio de web design chamado “digital emparelhado”. E neste curso, eu sou um professor, eu faço o que eu faço, criar sites incríveis como este em obras. Vale mesmo a pena aprender a projetar sites para o que é o? Bem? Com obras, você pode fazer uma loja de e-commerce como Wayfair ou Amazon. Criar uma publicação de mídia como o Huffington Post. Você poderia usar suas habilidades para projetar sites profissionalmente, como eu faço. E isso pode ser lucrativo, pois há tantos tipos diferentes de sites que você poderia construir que enriqueceriam sua vida e a vida de outras pessoas. No momento em que você terminar com este curso, você será capaz de criar sites lindos que ficam ótimos em todos os tamanhos de tela e têm funcionalidades únicas, como fazendas de contato personalizadas, blogs, fóruns, blogs, e-commerce e muito mais. Também abordaremos alguns conceitos técnicos mais avançados, como o Web Content Manager. Assim que o seu site for criado, discutiremos a otimização do seu site para motores de busca como o Google e o bang, e a conexão do seu próprio nome de domínio ao seu site. Há alguns grandes brindes incluídos neste curso também. Se precisar de ajuda durante ou depois do curso, estarei disponível para você. E também estou aberto a comentários. Então, se você tem sugestão para melhorar o curso ou você acha que eu perdi alguma coisa ou preciso adicionar alguns vídeos, por favor me avise para que eu possa fazer isso. Eu quero que todos nós tenhamos sucesso juntos e eu estou tão animado para ver o site que você constrói. Vamos começar. 2. 04 planejar seu site: Então você decidiu construir um site que é incrível e que é muito emocionante. Mas antes de começar, você precisa planejar seu site. Você não pode simplesmente pular às cegas. Você vai cometer muitos erros e terá que fazer muitas coisas duas ou três vezes. Então isso é realmente o site do planejador. Antes de começarmos a construí-lo, você precisa lembrar que seu site é o rosto digital do seu negócio. As pessoas vão ser capazes de acessar isso o tempo todo, todos os dias não importa o que você fez, não importa onde você esteja, se você está trabalhando ou não, ele vai ser vendido para você, certo? E você pode fazer vendas do seu site principal às duas da manhã na terça-feira à noite. Isso é incrível, mas com grande poder vem grande responsabilidade, certo? É importante que você acerte seu site, para que você possa aproveitar plenamente essas oportunidades. Então, primeiro, vamos ser claros sobre o tipo de site que você deseja construir. Há muitos tipos diferentes de sites. Há sites de folhetos que são meramente informativos. Há blogs onde você está adicionando informações de conteúdo e falando e escrevendo sobre um tópico específico. E lojas de comércio eletrônico onde você vende produtos, sejam eles físicos ou digitais. Existem fóruns onde você está criando uma plataforma para as pessoas interagirem e conversarem sobre o tópico em que estão interessadas. Há portfólios onde você pode ser algum tipo de designer ou uma pessoa criativa. Você quer mostrar seu trabalho para o mundo. Há também aplicativos mais avançados que têm algum tipo de interatividade embutida. Pense em coisas como Facebook ou Twitter, essas são aplicações web. E há todos os tipos de sites que você pode construir. Mas este é um bom ponto de partida. E estes são todos os tipos de sites que são possíveis com Wix, na verdade, até mesmo aplicativos web. Depois de saber que tipo de site você está construindo, você precisa fazer algumas perguntas a si mesmo para determinar que direção tomar as coisas. Então, primeiro, por que você quer ou precisa de um site? E cada empresa precisa de um site, quase todas as empresas fazem como designer profissional, eu acho que cada empresa precisa de um site e eles quase definitivamente não podem machucar se você tem um bom site. Na verdade, deixe-me retirar o que disse. Um site ruim pode realmente prejudicar a credibilidade e respeitabilidade para os negócios. Mas por que você quer um site? Quem usará o site? O site que você constrói para um grupo de idosos de 85 anos que não estão muito familiarizados com a tecnologia e só precisam obter algumas informações rapidamente é diferente do tipo de site que você constrói para uma criança de 13 anos que realmente gosta Minecraft e está à procura de entretenimento. Assim, seus usuários, quando um formulário que vai olhar e a sensação e a funcionalidade do site. Por que escolheriam meu site? E, por extensão, o seu serviço ou negócio? Há muita coisa lá fora. Há muitos blogs, muitas lojas de e-commerce. O que te faz diferente? Por que as pessoas escolheriam você em vez de outra pessoa? Como eles vão descobrir que uma vez que seu plano de marketing, só porque você construiu um site, não significa que haverá milhares e milhões de pessoas se reunindo para ele para ouvir de você e produtos compradores, Eles definem de alguma forma, certo? Você tem que levá-los ao seu site. Portanto, você precisa comercializar seja postar em mídias sociais ou criar vídeos do YouTube para veicular anúncios ou trabalhar na otimização do mecanismo de pesquisa. Você precisa decidir antecipadamente como você planeja ajudar as pessoas a encontrar seu site. Quais recursos seu site precisará? Precisa de um formulário? Não precisa de um blog, Will, há um comércio ED e envio sobre esses recursos, quão bivalente encontrá-los. Sim, esperemos que o encontrem no menu. Mas há uma necessidade de haver um bloqueio na página inicial. As pessoas interagem com seu site e seus recursos de uma maneira fácil para eles. Bem, mais humano envolvido no processo de construção, você precisa falar com um parceiro de negócios sobre planejamento, estratégia e conteúdo? Vai contratar um designer? E, em caso afirmativo, que informações você precisa dar ao designer para se certificar de que eles podem fazer um bom trabalho. Além disso, quais sites você gosta? Isso ajudará você a ter uma boa idéia do design e da funcionalidade que você está tentando alcançar. O que você gosta neles? O que os torna atraentes para você? Por que você quer que seu site pareça que há sites que você odeia? Há um site que você odeia. Identifique o que você não gosta nesse site, para que você possa evitar incorporar isso em seu próprio site. Nessa veia. O que há de errado com eles? Quanto isso vai me custar? Haverá absolutamente custos associados à criação de um site. A esperança é que o site devolva muito mais do que custa. Website é quase sempre um investimento. E se é um bom site que faz o seu trabalho, vai ser um excelente investimento. Você vai ter um grande retorno sobre o seu investimento. Então, quanto vai me custar? Um designer profissional, dependendo de onde você encontrar quem poderia ter qualquer lugar de 500 a 5000 dólares, você também vai precisar pagar por um nome de domínio que vai estar em algum lugar entre 10, US $20 por ano. E você vai precisar pagar por um plano de hospedagem de perucas. Vai ser de 12 a 40 dólares por ano. E então, finalmente, como você comercializa este site? Como você vai fazer com que as pessoas encontrem seu site? Ok, você também precisa escolher um nome de domínio. Não precisa fazer isso antes de começar. Você poderia fazer isso mais tarde, mas vamos falar sobre isso agora. Idealmente, seu nome de domínio vai ser curto e simples, algo como google.com, não, hey, este é um motor de busca muito bom e seu nome é Google.com dotnet, escrever curto e simples e memorável é ideal. Agora, muitos nomes de domínio já foram comprados. Você não vai conseguir blog.com, mas apenas tente torná-lo o mais curto e simples possível. Vá para GoDaddy e verifique se o seu nome de domínio está disponível. E generally.com será o mais fácil para as pessoas lembrarem. Antes de você realmente construir seu site. Você também precisa saber qual é a sua marca porque isso vai informar o design de todo o site. Então você precisa ter um logotipo descoberto. Você pode ver no canto superior direito, eu tenho meu logotipo bem aqui. E nossas cores de azul a tons de azul e vermelho. Precisa ter uma fonte para o seu cabeçalho em seus textos corporais. Às vezes temos uma fonte e é maior e mais ousada para o título. Isso é bom. E descubra quais fontes você deseja usar. Descobrir as cores. Novamente. Para nós, é azul e vermelho. Pode ser o que você quiser, mas está tentando ter algo, ter algumas cores que combinam. Você não tem nem 20 cores e provavelmente precisa de duas ou três cores. E você determinou a sensação. Eu sinto. Quero dizer, que tipo de sentimento sua marca evoca no cliente? Você parece profissional e parece divertido? Você tem legal? Como você quer que sua marca seja retratada? O que você quer que o cliente pense sobre você quando vir sua marca? Uma ótima maneira de juntar tudo isso para criar um quadro de humor. Você pode fazer isso no Pinterest. Você pode criar um kit de marca, documento particular de algum tipo que até você obter uma sensação para a sua marca. Aqui está um exemplo de um kit de marca que eu criei para o site que vamos construir neste curso. Então vamos criar um blog de viagens. E então eu criei esse logotipo dramático do Caleb com uma mochila legal. E eu tenho a minha fonte de título e a minha fonte de corpo escolhidas. Tenho um esquema de cores, uma paleta de cores escolhida. E, em seguida, a sensação geral para um blog de viagens, Eu acho que deve ser aventureiro e feliz e divertido e apenas uma espécie de evocar esta sensação de bom tempo. Este é um kit de marca de uma página. Algumas empresas maiores tinham netos muito mais complicados e complexos. Tenho personalidade de cliente e voz de marca e todo esse tipo de coisa. Para uma pequena empresa ou uma startup, podemos começar aqui com um kit de marca de uma página e trabalhar a partir daí. Uma vez que você tenha sua marca definida, é hora de realmente planejar a estrutura do seu site. O que, qual será o fluxo? As páginas onde a página vai parecer. Fiz isso com papel e caneta. Eu só desenho o que eu quero que o site se pareça. Muito geralmente, muito vagamente. Tudo isso é completamente subjetivo e aberto à mudança. Mas contra isso me dá uma idéia de como as coisas vão parecer. Então é assim que eu quero que meu site carregue. Agora aqui estão algumas ferramentas realmente incríveis. Você pode usar um planejador em seu site, colocá-lo feito que tem um gerador de logotipo. Há também alguns outros geradores de logótipos na internet. Semanas, dependendo do plano que você compra tem um gerador de logotipo. Este site coolers ponto CEO tem um gerador de paleta de cores. Eles usam o tempo todo. Eu vou orientá-lo através de alguns desses serviços legais em um vídeo diferente que eu vou colocar na seção de vídeo bônus. Então, tudo o que falamos neste vídeo deve ajudá-lo a criar um site incrível que o ajude a ter sucesso. Espero que isso te tenha ajudado a planear o teu website. Vejo você no próximo vídeo. 3. BÔNUS - use Coolors.co para criar paletas de cores atraentes: Tudo bem, neste vídeo, eu vou mostrar a vocês como usar coolers dot CEO para criar esquemas de cores super-rápido. Assim, você pode gastar menos tempo jogando com cores e você começa a projetar seu site muito mais rápido. Então, se você vai para cores que SEO, você verá este botão azul que diz Iniciar o gerador. Vamos clicar nisso. Uma maneira que eu gosto de gerar novas paletas de cores é clicar na barra de espaços neste gerador de paletas de cores para inverter as cores até que eu comecei a ver as cores que eu gosto. Digamos que estou trabalhando em uma empresa de corte de grama. Posso dizer que gosto deste verde. Então vou passar o mouse sobre isso e trancar uma fechadura dessa cor. Agora, quando eu clicar em Barra de espaço, as novas paletas de cores serão geradas com essa cor em mente. Então lembre-se que estou fazendo um site de uma empresa longa. Então talvez pareça divertido. Então talvez eu queira usar este azul. E vai continuar longe. Estreitando até que eu tenha algumas cores que eu gosto. Ok, então Bill Mann, eu uso essas cinco cores. E então eu posso salvar essa paleta de cores. Certifique-se de que tem uma conta. E salvará isso como empresa de corte de grama. E podemos marcá-lo se você quiser gramados. Uma vez guardado, podemos clicar no menu do hambúrguer e ali está a sua paleta e paleta de cores, para que possamos agarrá-la e usá-la mais tarde. Muitas vezes para os meus clientes, vou apenas tirar uma captura de tela de todas essas cores e enviar-lhes algumas paletas de cores diferentes para eles escolherem. E onde eles podem ver os nomes nas cores hexadecimais e ver mais informações por si mesmos. Qual outra parte legal das cores é o recurso Explorar. E aqui você pode ver um monte de paletas de cores muito legais, muito bem feito uma soma. Você pode ver como eles são populares. E então está tudo bem, basta olhar através destes com o seu projeto em mente e ver se algum destes pode caber no projeto em que você está trabalhando até agora, London Company, Nós poderíamos ter usado uma paleta de cores maior como esta com uma tonelada de diferentes cores. Talvez este. Você também pode pesquisar por palavra-chave até agora ao longo de uma empresa talvez pudéssemos pesquisar por muito tempo e obter um monte de nós temos um monte de paletas de cores que podem funcionar para esse tipo de projeto. Então essa é a causa, em poucas palavras, é super útil. Permitir que ele foi feito por um cara, o que é muito impressionante. Então, se você precisar chamá-lo, mas cores rápidas é o caminho a seguir. 4. Planos de Premium do Wix: Certo, vamos falar sobre os planos de preços do Wix. Eles têm quatro planos básicos de sites diferentes e , em seguida, outros quatro ou cinco planos de negócios. Então, o mais popular é o plano de combinação. É também o mais barato por US $14 por mês vem com um domínio gratuito. Não haverá nenhum no Wix anúncios em seu site de um SSL. E um SSL é apenas um recurso de segurança que todos os sites precisam. É o que faz com que esta fechadura apareça espaço suficiente para você começar. Alguns armazenamento de vídeo também. Essas outras coisas que vêm, alguns dos outros planos que você não precisa necessariamente de Introdução adicionar vouchers do Google e Bing. E site booster é um aplicativo SEO, e ele envia seu site para ser diretórios diferentes, 20 diretórios on-line diferentes. Análises de visitantes é o que parece. É um aplicativo de análise. E então você tem o calendário de eventos, que é o aplicativo de calendário, o fabricante de logotipo que vem para o VIP e prosa, muito legal. Ele irá essencialmente gerar um logotipo para você com base nas respostas a algumas perguntas e sua escolha entre alguns logotipos diferentes. E vem todos os arquivos que você precisa para todos os tipos de usos diferentes se você quiser usá-lo no Facebook e Instagram e todos esses diferentes pontos. Ele lhe dará os tamanhos de arquivo certos. Então, esses são os planos padrão. Há também planos de comércio eletrônico. Então, o mais comum é o plano ilimitado de negócios. E é aí que oferecemos nossa classe, hospedagem e manutenção de seus sites conosco. Portanto, recursos um pouco úteis são os bits de limitado sobre Business Basic são que você obtém assinaturas, serviços de assinatura. Você pode ter várias moedas. O imposto automatizado sobre vendas é bastante útil. Envio avançado, você pode se conectar a diferentes mercados e você também tem alguns outros pequenos complementos. Então eu recomendaria um negócio ilimitado. O básico do negócio, porém, seria suficiente para você começar a funcionar. Você ainda tem pagamentos online. Você viu planos de pagamento, e você ainda tem aquele domínio gratuito e espaço de armazenamento e tudo mais. Então eu acho que se você é novo e pronto para apenas mergulhar os dedos dos pés na construção de um site, eu começaria com a combinação. Queria abrir uma loja de e-commerce. Iria com o negócio e deixava-o ir. Então, isso cobre praticamente os planos premium Wix. 5. Design com o Wix ADI: Então você está pronto para criar seu site. E você cria o seu site, você vai ter duas opções que você pode criar com o editor Wix regular ou Editor X. Editor X é que diz editor mais avançado para tipicamente usado por designers profissionais mais qualificados. Eu definitivamente recomendo para começar a construir com o editor Wix. Então podemos clicar lá e isso aparece. Então a razão pela qual estou fazendo essa pergunta é porque eles querem mostrar um monte de modelos relacionados ao seu site. Então vamos fingir que quero construir um blog de viagens para um nômade digital. Certo, então vamos clicar no blog e nos apresentar duas opções. Agora há o Wix ADI, editor de verdade. Vamos, na verdade, trabalhar através destes dois. Então, com o Wix ADI, clique em Iniciar. Agora, vamos chamá-lo de blog de viagens do Caleb. Em seguida, clique em Avançar. Ele vai lhe dar algumas opções de coisas que queremos adicionar automaticamente ao lado. E eu vou pensar que eu preciso de um bate-papo, mas vamos ter um formulário de assinatura para que as pessoas possam se inscrever no meu boletim informativo. E talvez também alguns produtos digitais, PDFs ou algo assim. Talvez eu quisesse ter uma galeria de vídeos no YouTube e deixar suas viagens no Instagram. E talvez eu queira conversar sobre viajar para o fórum. Então temos algumas coisas diferentes, como o termo. E o nome do nosso blog é o blog de viagens do Caleb. E eles vão pensar em um nome melhor para isso mais tarde. Não temos um site existente. isso é muito legal. O outro site no Squarespace ou WordPress ou qualquer plataforma que você pode colocar seu site aqui e puxar todas as informações ou tanta informação quanto seu algoritmo pode pegar. Puxe-o aqui. O mesmo com o Google Places. Se você tivesse a configuração do Google, My Business, eu inventei um logotipo muito rápido para nós usarmos para este site de mentira. É preciso indústria. Está bem? Ele também criar automaticamente seus links sociais se mídia social para o seu negócio ou você mesmo e ulna. Certo, agora vamos escolher um par de equipes que gostamos de dar a idéia de íon semana do tipo de olhar que você está procurando, para o seu site. Então acho que esta está bem. Sim, vamos usar o meu nível para criar a paleta de cores. Estas duas cores juntas. Tudo bem, agora, criei uma página inicial primeiro para o meu novo blog de viagens. Vamos dar uma olhada. Mau. Tem todas as peças de que falamos, certo? Então tem o blog, tem vídeos, é tipo Instagram. E ela está com o formulário de contato como um link de mídia social lá em cima. Todos parecem muito bem, vamos usar este design. Eu quero mais páginas? Provavelmente quer adotar a página talvez uma página de contato dois. Tudo bem, eu acho que é isso, disse Editar Site. Ótima. Então, nosso site é construído. Vamos ver a pré-visualização. Então nós temos um bom cabeçalho de abertura aqui. Postagens de blog, formulário de assinatura, vídeos, instagram, contato. Tem todos os conceitos básicos de um site de verdade. E levou-nos o quê? Preencher um formulário por três minutos e chegar a produtos e girar sobre informações em uma foto minha. Adicione um formulário de contato. Você tem um fórum para que as pessoas possam conversar umas outras enquanto escreveram algumas informações sobre o formulário de viagem. Então é muito louco como é fácil se você realmente quisesse construir um lado Wix ADI. E aqui você pode adicionar seções, o conteúdo da página com as cores, todas essas opções nesses pedaços de seu site ou editável. Então podemos clicar aqui e escrever o que quisermos. Então, em suma, o Wix ADI é super fácil de usar. Eu realmente recomendo. Se precisar de um site hoje à noite, acabou de sair do trabalho e terá uma conversa no dia seguinte sobre o seu negócio. E então você não tem um site mostrando o negócio até amanhã de manhã. E esta é uma ótima opção, mas também vai restringir-te muito. E você não vai ser capaz de criar o tipo de projetos mais elaborados que realmente o diferencia como um negócio ou mesmo como um indivíduo. Então eu recomendo que você use o editor Wix e nós vamos falar sobre isso no próximo vídeo. Obrigado. 6. Criando um novo site e modelos de sites: Então eu voltei e agora em vez de usar Wix ADI, vamos usar o editor Wix. Então, de novo, estamos fazendo um blog. Estamos chamando de nômade, Caleb, vai ser um blog de viagens. Vamos criar o site com o editor. Então, qualquer editor, Há uma tonelada de modelos diferentes para check-out. E muitos deles são bem nomeados. Alguns deles são mais velhos e alguns deles parecem muito ruins. Então eu recomendo que você olhe através de modelos relacionados ao seu negócio, mas não se restrinja a eles porque nós vamos personalizar tudo de qualquer maneira, leia. Então você não tem, se você está criando um blog, blogger de viagens não precisa ser um modelo de blog de viagens que pode ser um tipo diferente de blog. Vamos dar uma olhada neste. É para um blog de viagens. Ela tem o jantar completo. Ok. Diferentes seções do Blom onde eles são destaque. Últimas postagens no blog. Parece o Instagram deles aqui. Mídias sociais. Então eu acho que este é um modelo bastante sólido, bastante sólido. Se eu quisesse usar um modelo, eu provavelmente usaria este. Parece ótimo para mim. Você pode até conferir no celular. Sim. Olha, o salário seria um ótimo ponto de partida. Mas, na verdade, não vamos usar modelos. Vamos construir um site a partir do zero. Isso é importante porque se você vai construir mais de um site, você vai ser capaz de construí-lo exatamente do jeito que você quer. E essa maneira de fazer isso é começar do zero. Então aqui na parte superior que todos os modelos e, em seguida, modelos em branco. Há alguns com um layout simples, desculpe, configuração para nós. Vamos começar completamente do zero. Editar. Certo, isso nos leva ao editor do Wix, uma ficha completamente em branco. Podemos fazer qualquer site que possamos imaginar. Bem aqui do lado. Só para lhe dar um pouco de inspiração, vamos conferir alguma ciência que construímos completamente do zero no editor Wix. Aqui está um lado de chef pessoal, chef sob medida. Aqui está um site para uma consultora, Courtney Branson. Aqui está um site para um negócio de consultoria de força de trabalho, para lavador de pressão local, site clássico de pequenas empresas, e o site para uma empresa de carne e capital. Então eu acho que baseado nesses poucos lados, você tem a idéia de que você pode fazer quase qualquer coisa no editor Wix. A questão é, por onde você começa? E você recebe essa lousa em branco. Você tem todas essas opções e outras coisas acontecendo. Então, onde você começa a construir seu site? Vamos fazer isso no próximo vídeo. 7. Uma excursão do painel Wix: Antes de começarmos realmente a construir o nosso site e fazer um rápido passeio pelo painel Whigs. O painel de livros é onde vivem todos os tipos de configurações diferentes. É onde vive seu CRM, banco de dados de gerenciamento de relacionamento com o cliente, suas configurações, seus produtos de loja. Você vai passar muito tempo no painel do trabalho. Então, em outras palavras, painel no topo, você pode ver uma prévia rápida do seu site, o título do seu site, seu URL. Neste momento, isso diz Digital, que website.com barra elipse aos 18 porque não conectamos um domínio e ele entrará em domínios de conexão mais tarde. Há uma variedade de ações definidas que você pode tomar, incluindo pré-visualizar a palavra, duplicá-la, transformá-la em outra pessoa e outros proprietários adicionando pessoas são coisas. Aqui você pode ver sua função no site e analisaremos as funções no site em um pouco, mas há diferentes funções no site com permissões diferentes. Em todos os sites. Você pode ver seu plano de site a partir de obras. Então, um plano de negócios ou apenas um plano premium regular. Você pode ver se você conectou uma caixa de entrada de e-mail e você pode ver seu plano de ascensão do Wix. Também falaremos sobre ascensão mais tarde. Mas parece que um pecado é o marketing. Eles todas as ferramentas de marketing que funciona oferece logo abaixo, desde que adicionamos como uma loja semanas nos dá esta pequena caixa de ajuda. E eles sugerem adicionar seu produto de primeira parte ou configurar métodos de pagamento, regiões de envio. E então esta parte aqui também é importante. Ele ajuda você a publicar seu site. Ele informa como conectar o domínio, ajuda você a enviar seu site para o Google Search Console. Então este é apenas um pequeno tutorial rápido que irá ajudá-lo através de alguns passos chave para obter o seu site on-line. E nós rolamos um pouco para baixo. Há mais algumas sugestões. Abaixo disso. Há um monte de links rápidos para várias ferramentas. E aqui você pode ver algumas análises. Então, uma vez que seus sites on-line, você pode ver algumas 107 sessões este mês. Proponho que você tenha feito $10 mil e vendas. Isso seria ótimo. Ok, então agora aqui na barra do lado esquerdo, há uma tonelada de opções, certo? Vamos percorrer cada um deles para que você tenha uma base sólida para que você se sinta confortável navegando no painel da Web. Logo abaixo, temos a biblioteca de vídeos, e isso é porque eu adicionei um aplicativo de vídeo ao meu site. Nós clicamos aqui. Vamos mais longe para a biblioteca de vídeos mais tarde. Mas podemos fazer upload de arquivos ou incorporar playlist de vários serviços como YouTube, Vimeo, Facebook. Também realmente transmissão ao vivo, que é um recurso muito legal que também entraremos em mais tarde. E você pode configurar canais semelhantes ao YouTube. Se você já teve uma conta do YouTube. Abaixo que temos todos os nossos produtos de loja terá toda uma longa seção sobre e-commerce. Mas você pode ver rapidamente que já há todos esses produtos adicionados. Você pode clicar em cada um deles para editar essas informações. Você pode gerenciar seu inventário diretamente do painel. Você pode configurar coleções e coleções ou apenas categorias de produtos. E há até essa guia interessante, encontre produtos para vender e eles o conectarão a vários remetentes e o ajudarão a obter produtos para vender em sua loja online. Ok, abaixo disso você pode ter pedidos de loja. E assim você pode ver uma lista de todos os pedidos que entraram em sua loja. Explodir que carrinhos abandonados. Então vai haver uma lista de pessoas que colocaram um monte de coisas no seu carro, no carrinho de compras, e então não compraram. Então você pode entrar em contato com essas pessoas e perguntar por que eles não compraram. Você pode enviar-lhes um cupom. Você pode configurar uma automação para enviar-lhes cupons, o que eu recomendo. E eu também vou falar sobre a criação de um site automations mais tarde no curso. Ok, abaixo disso, desde que adicionamos o formato, você pode ver que há uma variedade de postagens diferentes. E cada um deles você pode clicar para ver mais informações sobre ele. E há também as categorias. Então, tipicamente Santa forma de viagem, talvez você tenha uma seção para idéias de viagens de orçamento. Minha outra seção para viajar na Ásia, algo assim. Ok, abaixo disso, temos o nosso blog. vez, teremos um vídeo inteiro sobre como adicionar postagem ao seu blog, mas é muito simples. E, basicamente, basta clicar em Criar uma nova postagem, preencher as informações e pronto. E então, eventualmente, você verá, uma vez que você tem algumas postagens de blog, verá uma lista de toda a sua cruz negra aqui, rascunhos em que você está trabalhando. Eu sugiro que no futuro você agende postos avançados porque o Google ecstasy que você está publicando em uma programação regular. Então você pode escrever. E também para que você possa agrupar seu trabalho. Então você poderia escrever 10 postagens em um fim de semana e, em seguida, agendar e sair nos próximos dois meses. Alguns dos postes no lixo. E, novamente, você pode categorias ou explode suas postagens de blog. Então talvez você tenha uma categoria para como as postagens do fórum. As pessoas têm uma categoria para a China e algumas para a Europa e algo assim. Ok, abaixo disso, você tem o pecado das ferramentas de marketing Wix. Então, há um monte de ferramentas realmente legais aqui. Nós só vamos brilhar sobre isso alguns desses muito rápido e nós vamos mais fundo neles mais tarde. Então, para começar, se o gerenciamento de clientes, e este é o seu banco de dados de gerenciamento de relacionamento com clientes CRM, pense nisso como uma planilha gigante com todas as informações que você precisaria sobre seus clientes. Então aqui estou eu, aqui está um exemplo, contato. Então vamos dar uma olhada bem rápido, só para você saber do que estamos falando. Assim, conforme você começa, conforme as pessoas preenchem formulários em seu site, enquanto as pessoas compram produtos, você verá todas as informações sobre esse contato aqui no seu CRM. E este é um ótimo recurso porque geralmente você tem que pagar um provedor de software de terceiros para ter um CRM. Mas o Works fornece o CRM com seu plano de site. Na verdade, é um grande valor porque teoremas podem ser muito caros. Assim, você verá uma visão geral. Você pode ter tarefas. Há todo o tipo de coisas para olhar aqui. Vamos discutir isso mais tarde. Mas saiba que seu CRM é um banco de dados para todos os seus contatos em seu que interagem com seu site. Que temos SEO de marketing. É aqui que você pode conectar todos os tipos de ferramentas de marketing como Google Analytics, Facebook Pixel, anúncios do Google. Você também pode criar postagens de mídia social para publicar em seus canais de mídia social. Você pode conectar o Google, My Business, que é muito importante para obter avaliações de sua empresa. Você pode enviar boletins informativos por e-mail. Você pode ser encontrado no Google. Então envie, novamente, otimize seu site para SEO e envie-o para o Google. Você pode realmente obter ceras ajudou a configurar alguns anúncios automatizados do Facebook e Instagram, e estes podem realmente ser bastante eficaz. Há também um pequeno criador de vídeo que é muito útil. Isso é ótimo para postagens de mídia social. Você pode configurar cupons para sua loja. Então, há um monte de ferramentas realmente legais no pacote de marketing e vendas e marketing. E eu realmente recomendo apenas clicar aqui e brincar e ver o que você pode inventar. Ok, abaixo marketing e SEO, temos análises e relatórios. É aqui que você pode rastrear todas as informações do visitante ou a interação do visitante com seu site. Assim, você verá quantas pessoas estão visitando, quais páginas estão visitando, onde vêm em termos de qual site, mas também de onde vivem. Geograficamente. Você pode ver quantas pessoas estão voltando mês após mês, o que é importante. Você pode ver suas análises de vendas. Então, quanto você está vendendo mês a mês? Você pode ver o desempenho do seu site. De uma perspectiva de velocidade. É muito importante verificar regularmente suas análises porque você precisa saber o desempenho do seu site para que ela possa melhorá-lo. Ok, agora a conta de finanças aqui também é muito útil. Você pode ver uma lista de todos os pagamentos que os clientes enviaram para você pode gerar cotações de preços. Então, se você tem um negócio baseado em serviços, digamos que você é um encanador, digamos que você é um web designer. Você pode montar uma cotação de preço para seus clientes. Você obtém até mesmo faturar e usar o método de pagamento configurado nas configurações. E há uma série de outras integrações financeiras. A maioria das pessoas, as empresas mais divertidas usam QuickBooks. Freshbooks poderiam usar QuickBooks. Você pode integrá-lo aqui. Você pode adicionar sua folha de pagamento. Portanto, há muitas maneiras de acordar ajuda você a administrar seu negócio. É extremamente útil ter cotações de preços e faturas que você pode enviar Shae do seu site. Porque novamente, este é outro recurso como o CRM que normalmente você teria que pagar para algum provedor de software de terceiros. Ok, agora vamos para as configurações. 8. Configurações de sites Wix: Certo, vamos analisar todas as configurações do seu site. Lembre-se de onde, no painel do lado esquerdo, estamos aqui nas configurações. Ok? Assim, nas configurações gerais, você tem configurações de site, informações de negócios, idioma e região, funções e permissões, configurações de vídeo. Então vamos passar por cada uma dessas configurações de sites um por um. Você pode definir o nome de suas vistas, o URL. Vamos mudar isso para nômade, Caleb, já que essa é a repetição. Favicon é este pequeno ícone aqui no topo. Então você precisa de um plano premium para mudar isso. Mudaremos isso mais tarde. Sua imagem social geral é o que será compartilhado quando você compartilhar seu site em uma rede social como o Facebook. É também o que vai aparecer quando você envia mensagens de texto para alguém, seu site, sempre que você colocar em seu URL e uma pequena caixa aparece com uma imagem, essa é essa imagem. Você também pode adicionar sua conta pessoal do Facebook. Aqui. Você realmente não precisa e usado com frequência. Ok, e, em seguida, dentro do histórico, você pode visualizar e restaurar versões anteriores do seu site. Conversamos sobre isso um pouco mais cedo. Isto é extremamente útil. Se algo der errado em seu site, você tenta projetá-lo e você estraga algo terrivelmente. Você não pode justo o que você fez de errado ou dizer que você dá a alguém permissão para o seu site e eles estragam algo e excluem algo importante. Você sempre pode reverter para uma versão salva anterior do seu site, que diz um monte de versões do seu site. Então você deve ser capaz de restaurar seu site para trabalhar nele. Não se esqueça sobre isso é extremamente útil se algo der errado em seu site. Ok, então isso são configurações do site. Vamos voltar às configurações. Certo, em configurações, temos informações de negócios. Então esses submarinos vão aparecer nessas faturas e cotações de preços que acabamos de ver na ferramenta de finanças. E você pode definir o nome da sua empresa, seu endereço através do logotipo, uma descrição do seu negócio, que tipo de negócio é, configurá-lo para comida e viagem, o local. E vamos dizer que é um Austin. Austin, Texas. É por isso que eu amo. Eu não vou desistir do meu verdadeiro endereço deles. Ok. E então você pode dizer suas informações de contato, e-mail, seu telefone, seus fatos que essas coisas vão aparecer em suas faturas e suas cotações de preço, gastar e salvar isso de volta. Ok, abaixo disso, você pode definir seu idioma n-região. Então vamos definir tudo isso para Inglês. Fuso horário central. Esse é o tempo que é incrível em dólares americanos. Mas digamos que você é, você acaba se tornando um web designer e você está projetando para alguém na Alemanha. Recentemente tivemos um cliente que estava na Holanda. Então você precisaria mudar todas essas configurações diferentes para, no nosso caso, holandês, certo? E o fuso horário holandês. Então isso pode ser útil. Ok, abaixo disso, funções e permissões onde você pode adicionar pessoas ao seu site, se eles são um funcionário que só precisa olhar para as cotações de preços, ou eles são alguém que está projetando um site para você, ou você desenha um site e você deseja adicionar seu cliente a este item. Portanto, há uma variedade de funções diferentes e você pode criar funções personalizadas. Mas aqui, você pode clicar, Convidar pessoas e você apenas digitar seu e-mail e apenas assim. Agora, aqui estão algumas funções personalizadas que eu criei. Mas geralmente você provavelmente não precisará de clientes. Há um monte de diferentes funções predefinidas que w's. Então, você cria um site com alguém, você gostaria de adicioná-lo como co-proprietário. Digamos que se você é um funcionário que está cuidando do lado e fazendo tudo para você, você pode querer adicioná-los como gerente de site. Ou se você tem alguém projetando um site para você, você pode adicioná-lo como design de site. O gerente de back office pode editar configurações, alterar configurações no painel. Basicamente, eles têm acesso ao painel, mas eles não serão capazes de alterar a aparência visual do site. Aqui em baixo, gerente de faturamento seria alguém que está lidando com compras, assinaturas, métodos Pam, mas eles não vão estar realmente mudando o site em si. O gerenciador de domínio está apenas conectando, gerenciando os domínios. Então, é um papel bem limitado. Gerente de loja pode ser se você tem uma empresa de comércio eletrônico e você tem alguém que está olhando para todos os pedidos e mudando produtos e gerenciando a loja. Isso seria esta fila. Aqui em baixo. Se você tem uma equipe de escritores trabalhando em seu blog, você poderia adicioná-los como escritores de blog e, em seguida, adicionar outra pessoa de como editor para editar todas essas postagens de blog. Aqui em baixo. Gerente de pagamento, mais uma vez, é bastante auto-explicativo. Eles podem gerenciar pagamentos de clientes. Então essas são algumas das funções personalizadas disponíveis. E eu vou em frente e me adicionar como co-proprietário. Quando você adiciona alguém, isso perguntará que tipo de relacionamento você tem com esse novo, esse novo usuário. Então eu vou dizer que esta é uma agência, espero que ambos os lados. Ok, então isso são papéis e permissões. Abaixo disso, temos configurações de vídeo. Ainda não entramos. Mas você pode realmente vender vídeos individuais. Assim, você pode definir o preço padrão, o tipo de moeda que você está vendendo e escolher para qual canal seus vídeos estão sendo carregados. Configurações de e-mail quando você faz uma salada, um vídeo. E eu recomendaria ligar isso. Você vai ter um canal de vídeo. Você pode adicionar seu logotipo a esses vídeos. E isso é importante se você vai ter muito conteúdo de vídeo. Então, em planos premium Wix, eu acho que está definido para um punhado de horas. Você precisará de um plano atualizado para ter muito conteúdo de vídeo em seu site. Agora há uma longa lista de configurações de e-commerce e vamos entrar nisso mais tarde na seção de e-commerce deste curso. Abaixo disso, você tem suas comunicações. Assim, configurar sua caixa de entrada de e-mail, configurar seu número de telefone comercial, editar suas notificações, editar as notificações que você recebe, inclusive em seu telefone. E então algumas coisas avançadas que eu, que estão além do escopo deste curso. Coisas como código personalizado, seus cookies, política de privacidade. Esses dois são os únicos que você realmente usaria, que é olhar para versões anteriores do seu site e revertê-lo porque você cometeu um erro ou outra pessoa fez. Ok, então essa é uma rápida visão geral das configurações do site de ceras. 9. Adição de páginas e elementos de design: Aqui estamos de volta no início do painel. E agora vamos voltar para o editor de frontend. Então, vamos clicar em Ações do site aparecem, botão azul no canto superior direito e, em seguida, editar lado. Então ainda temos este sinal de ADI Wix. Vamos converter este site agora em um site editor Wix. Então, sob o site na parte superior, na parte inferior do menu que aparece que diz mais uma opções de design. Vá para o editor. Nós vamos fazer isso. Vamos mudar para o editor. E aqui apenas diz um pouco sobre a edição e tem muito mais controle e muito mais poder de design no editor de livros. Tudo bem, estamos no negócio, estamos no editor do Wix. Agora, eu vou remover tudo isso porque eu construo meus sites do zero. E eu acho que todos os melhores conjuntos são construídos do zero e eles não dependem de modelos como este. Então vamos em frente e começar a nos livrar de tudo. Então podemos começar com uma ficha em branco. Tudo bem, agora nós removemos tudo o que temos uma boa ardósia em branco para trabalhar. Antes de começarmos a projetar o site, temos mais uma turnê para fazer, e estamos tão perto estamos prestes a começar a parte divertida que é projetar o site. Mas vamos passar por mais algumas opções e configurações aqui para que você esteja configurado para o sucesso. Está bem? Então, na barra lateral esquerda aqui, você tem todas essas opções. O primeiro é uma lista de suas páginas. Então, sob as páginas principais, podemos ver que já temos home shop sobre membros do fórum de contato. E vamos realmente ir em frente e adicionar algumas páginas para que você possa ver como isso funciona. E porque vamos precisar de mais páginas. Então eu acho que nós vamos precisar de uma página para vídeos. Vamos digitar vídeos. E também precisaremos da página do blog. Então o que eu realmente fiz, porque o blog estava ligado à página inicial, estava na elite, o aplicativo do blog. E agora vamos adicionar novamente o aplicativo de bloqueio. Isso é por causa da maneira ou Wix ADI definido por célula. Você não teria que fazer isso se tivesse começado do zero. Então vamos até o ícone do pino, meu blog. Vou clicar nele e clicar em Adicionar agora. Então agora temos uma página única para o nosso blog. Também poderemos adicionar um feed de nossas últimas postagens de blog à nossa página inicial. Então agora temos todas essas páginas prontas. Lembre-se que este é o ícone superior esquerdo. Você também pode navegar entre páginas aqui. Ao clicar na página, talvez todas essas páginas em branco agora, quatro páginas diferentes que estaremos projetando. A próxima bolha abaixo das páginas é para o plano de fundo da página. Assim, você pode definir uma cor, uma imagem ou vídeo, e seu plano de fundo será aplicado a toda a página. Agora, depois de definir um, você pode aplicar esses fundos a outras páginas também. Então, se quiséssemos tipo de site Dr. Black Theme, escolher preto. E então podemos aplicá-lo a outras páginas aqui com este botão azul. Agora, todas as nossas páginas de fundo são pretas. Então acho que vamos deixar branco por enquanto. Mas você pode ver como isso seria útil. Ok, abaixo disso, este é mais ícone é que vamos adicionar todos os seus elementos de design. Coisas como suas tiras, certo? Suas linhas que você estará projetando. Um monte de seu site e caixas de texto, imagens, botões, galerias, itens decorativos como linhas e formas, esse tipo de coisa. Coisas interativas, apresentações de slides, lightbox, lightbox ou pop-ups semelhantes. E teremos todo o vídeo sobre como criar caixas de luz. Caixas nas quais você pode adicionar outros elementos. Então, digamos que você deseja adicionar algum texto e imagem em uma caixa e movê-lo, você será capaz de fazer isso ouvir grades. Então estes são chamados de repetidores, e é essencialmente um elemento de design que é repetido repetidamente. Então, neste exemplo aqui, seria para uma agência de viagens. Aqui estão alguns dos seus aqui estão alguns dos locais e algumas informações sobre esses locais com um botão que liga lá. Assim, os repetidores são muito úteis se você tiver um monte de informações repetitivas, salvar um monte de serviços diferentes. Você tem 10 serviços. Você poderia adicionar um repetidor e, em seguida, apenas listar esses serviços. E você só tem que projetar um elemento e todos os outros elementos depois, teremos o design idêntico. Então, é muito útil. Vídeo e música. Adicionaremos esses elementos à nossa página de vídeo. E você pode adicionar vídeos individualmente ou pode adicionar um feed de vídeo. Você também pode vincular a reprodutores de áudio. Então, se você é um músico, você pode vincular à sua conta do Spotify ou ao seu SoundCloud. Você tem aplicativos de música próprios do Wix. Então este é um recurso muito útil também. Ok, abaixo que você tem menus e nós estaremos construindo nosso menu para cabeçalho muito em breve. Mas você pode ver que temos alguns menus pré-desenhados de alquineses. Vamos trabalhar com o nosso tema de menus. Abaixo disso, você tem o que é chamado de âncoras. Âncoras são como links rápidos para diferentes de uma parte específica da página. Então você pode ter âncoras, a página inicial retro. E seria, se você clicar no link para essa âncora, ele iria saltar para baixo para isso. Pete, aquela seção que está ancorada para dizer na parte inferior da sua página, você tinha seu feed do Instagram, certo? Então você poderia ter um link que diz Instagram e nós clicamos nele e talvez direto para aquela parte da página. Então, espero que isso tenha feito sentido. Vamos construir menus âncora também. Ok, abaixo disso, você obtém seus ícones sociais, botões, e você vai configurar seus links para seus perfis sociais. Você também tem algumas coisas legais. Você pode incorporar um feed do Facebook. Você pode adicionar botões de acompanhamento do Twitter. Então vamos fazer algumas dessas coisas também. Em contato e fóruns, você pode adicionar exatamente o que parece. Você pode adicionar seus contatos. Você pode fazer Pagamento como formulários de pagamento personalizados, formulários várias etapas, aplicativos Java. Então você pode tornar estes bastante complexos. Eu acho que por padrão Wix, você não tem um atualizado parece um plano pecado parece membro excedido 10 campos. Com o pecado, você poderia fazer ainda mais. Então você pode fazer alguns fóruns bastante complexos e reunir um monte de informações de pessoas que não deveriam fazer negócios com você, estragar isso. Google Maps, você pode adicionar uma pequena caixa com um pin em sua localização ou locais. Se você é, talvez você seja uma franquia e você tenha um monte de locais diferentes. Você começa a isso aqui no Wix chat é chat ao vivo, e você pode conectar isso ao seu telefone celular que sempre que alguém quiser interagir com o seu negócio, eles podem fazer isso diretamente com você. É essencialmente como se estivessem mandando mensagens com você através do seu site. Abaixo disso está incorporado. Assim, muitos serviços de terceiros permitirão que você incorpore seus recursos e funcionalidades em seu site. E eles vão dar-lhe algum código HTML, vai dar-lhe um bloco de código pouco velho. Tudo o que você tem a fazer é copiá-lo e colá-lo usando este widget de incorporação. Você também pode incorporar vídeos individuais do YouTube e todo esse tipo de coisas. Muitas dessas informações que serão fundadas, vídeos, música, obter um gerenciador de conteúdo é um pouco mais avançado de um conceito de site. Com o gerenciador de conteúdo faz, é criar um monte de páginas diferentes com o layout idêntico, mas conteúdo diferente. Então, a maneira como você pode usar isso, digamos que você é um agente imobiliário e você quer listar todas as suas listagens. Você pode ter um 100 páginas que eu vou olhar exatamente o mesmo, mas as imagens, o nome e endereço são diferentes, mas o layout real é o mesmo. Talvez você seja um construtor de casas, mostre alguns de seus projetos de portfólio. Tudo o que precisa ser muito repetitivo na aparência, mas com conteúdo diferente, você usaria um formulário de gerenciador de conteúdo. Abaixo disso, temos algumas opções de bloqueio, então podemos usar isso em breve. Você pode listar algumas de suas postagens, postagens recentes escolhidas, categoria, menu e loja. Você pode adicionar uma galeria de produtos, galeria de controle deslizante. Eu realmente gosto de adicionar produtos relacionados à página ou páginas do produto, especialmente você pode adicionar um comprimento de produto individual seu carrinho de compras. Então vamos definitivamente adicionar o link do carrinho de compras a um menu. Abaixo disso, você pode fazer reservas online e esse é um aplicativo inteiro por conta própria que entraremos em mais tarde. Você pode adicionar eventos. Novamente. Esse é outro aplicativo que entraremos mais tarde. Você pode configurar seus perfis de associação aqui para membros do seu site, executar membros. E então, finalmente, você pode ter esses desenhos que você diz em sites de Iowa. Se você pode reutilizar as coisas com frequência. 10. Fazer Fazer o upload de arquivos e imagens na biblioteca de mídia: A Biblioteca de Mídia Wix é onde vivem todos os seus arquivos. Então, no seu painel Wix, no lado esquerdo está este pequeno ícone de foto. Se você passar o mouse sobre ele, ele diz mídia. É a sua biblioteca de mídia. Portanto, há algumas maneiras diferentes de adicionar ou carregar arquivos aqui. Então 99% das vezes eu carrego arquivos com o botão azul Upload Media. Você clica lá e carrega-os diretamente do seu computador. Mas você também pode fazer upload de alguns do Facebook conectando sua conta do Facebook. Embora realmente eu acho que só se aplicam se você estiver criando algum tipo de site pessoal. Você pode carregá-los a partir da conta do Instagram. Você pode conectar seu Google Drive e navegar. E dentro da estrutura de arquivos lá, você pode conectar seu Google Fotos. Na verdade, existem algumas outras maneiras diferentes de fazer upload de arquivos. Você clica nesses ícones, você pode ver todos os da esquerda aqui. Então eu vou enviar alguns arquivos diretamente para a biblioteca de mídia. Mas antes de fazer isso, vou criar algumas pastas para nos mantermos organizados. Como você tem mais e mais fotos, vídeos, logotipos, outros tipos de conteúdo em seu site. Vai ser muito útil se você ficar organizado usando pastas. Então são logotipos nome1. Vamos citar outras imagens stock, conteúdo de vídeo stock. Tudo bem, e agora vou carregar estes locais limpos. Encontrei todas estas imagens num site chamado “Escolha Livre”. Vou te mostrar em apenas um segundo. É um site super útil. Eu uso isso constantemente. Imagens de estoque e as assinaturas apenas 999 por mês. Então eu realmente recomendo que você consiga uma assinatura de uma biblioteca de ações como esta. Se você acabar se tornando web designer profissional ou você só precisa de um monte de imagens stock para o que quer que seja. Então despreparado 3 Peg, Eu não procurei, viajar e encontrei uma tonelada de grandes imagens vetoriais, imagens stock, Qualquer coisa que você poderia possivelmente precisar escolhido livre provavelmente tem isso. De volta ao nosso site. Nossas fotos estão carregando seis de 40. Você pode carregar vários arquivos de cada vez. E você também pode sair da biblioteca de mídia e voltar e ele continuará a carregar. Temos os nossos logótipos lá dentro. É basicamente isso. É muito fácil carregar imagens e vídeos em uma espécie de arquivos para o site. Eu não acho que você vai ter nenhum problema. 11. Gerenciador de temas de Wix: Neste vídeo, vamos fazer algo muito, muito importante para tornar a criação do seu site o mais fácil e rápido possível. Vamos definir o tema, Esse é o site global, cores e fontes. Então, no canto esquerdo, temos o nosso menu. E a terceira opção é o gerente. Aqui podemos definir nossas cores e nosso texto. A maneira como isso funciona é você definir cinco cores que informam seu esquema de cores. E então sempre que você adicionar, adicionar tiras, adicionar caixas, adicionar realmente qualquer elemento ao seu site. Você pode configurá-los para ser uma de suas cores de tema. Quando ele, se você mudar seu esquema de cores, eu vou ter que fazer é mudar a cor aqui e ele vai mudar globalmente em todo o site. Então isso significa que se você fizer alterações sérias sua marca ou usar todo o seu site e decidir que você quer um pouco de um esquema de cores diferente. Você pode fazer essa mudança extremamente facilmente em cinco segundos, vez de ir para baixo por todo o site e fazer essa mudança para cada elemento diferente do lado. E está demorando horas. E a mesma coisa é verdade para o texto. Você diz que suas fontes globais. E então se você decidir que não gosta de Courier New, você gostaria de Times New Roman para sua direção. Tudo o que você precisa fazer é alterar o tema do texto aqui, e ele mudará em todo o site. Em vez de ir a cada livro didático individual e dirigir blog e fazer essa mudança manualmente, você vai economizar uma tonelada de tempo. Isso vai fazer matar o site host maneira mais fácil porque você pode arrastar e soltar texto já estilizado e elementos já estilizados no site. Prometo que não pule essa parte. Você precisa definir seu tema, suas cores globais, textos integrais. Então, vou fazer isso agora mesmo. Para realmente mudar essas cores, tudo o que você tem a fazer é clicar no pequeno ícone de lágrima. E então você pode colocar o código hexadecimal, fez este kit de marca para o site. E vocês podem ver aqui que temos algumas cores escolhidas para o site. Então vamos pegar esses códigos hexadecimais, esses códigos que dizem ao navegador qual cor selecionar. E nós vamos adicioná-los ao gerente de tema e cera. Então vamos fazer isso bem rápido. Então estamos aqui. Tudo bem, então temos nossas cores de tema selecionadas e agora vamos selecionar o texto. De volta ao kit da marca. Temos uma fonte de título selecionado, feito negócios como uma fonte de capital. Os machos têm uma fonte corporal aqui, areias. Então vamos colocá-los aqui, até colocar diretamente sobre esses temas para mudá-los. Então, se você clicar aqui, ele aparece. E então precisamos realmente carregar a fonte. Porque as fontes que escolhemos nossas fontes de terceiros, elas não vêm com Wix. Então aqui em baixo há um botão de upload, clique lá. E então o botão laranja Upload. E então vamos pegar nossas fontes. Normalmente, uma das fontes que vêm com o Wix seria bom. David tipo de fontes. Eu decido usar fontes personalizadas que você pode encontrar livre. Oliver, a Internet, apenas pesquisa legal Fonts Grátis. Há algo específico que você poderia procurar. Fontes de script. Todos os tipos de coisas vão aparecer. Os 1000 e os pons pré-escritos. Assim, você sempre pode encontrar uma tonelada de fontes gratuitas. Eu tenho que fazer é baixá-los e depois enviá-los aqui e você é o gerente. Demorou um minuto, mas estão todos carregados. Então, podemos clicar em Concluído, e agora podemos selecionar a nova fonte. Então Dalton vai ser nossa nova fonte para títulos. E vamos definir o tamanho da fonte para suas fontes de cabeçalho. Você passou por uma grande coisa na sua cabeça. Você está cabeçalho 1 vai ser essencialmente o título da página, o título principal, o cabeçalho principal para cada página. Então vamos definir isso para 50. E vamos em frente e mudar todas as nossas posições para o fim. Cada um tem seis fontes de cabeçalho. Cada um vai ser um pouco menor do que antes. Então este, H2 a 40, 38. Você não precisa de outra vertente agora, mas esses cabeçalhos correspondem a elementos HTML, HTML. Então isso diz ao navegador como exibir esses pedaços de texto. Então nós temos todos os nossos títulos, e então nós vamos definir nossos parágrafos. Temos três desses. E você pode usá-los de forma intercambiável. Para a maioria das suas mensagens. Você pode usar o parágrafo um, mas para subtexto ou alguns pequenos elementos, você pode usar os parágrafos 2 e 3. Então, geralmente coloque aqueles um pouco menores. E então vamos usar o medo, um sentido para isso. Sons puros. E para usar o medo dizendo, ela é bastante sem luz extra. E vamos definir todas essas comparações linha extra em tamanhos descendentes. Ok, então todos os nossos títulos estão definidos, todos os nossos parágrafos são definidos, nossas cores são redefinidas, então nosso tema está pronto para ir e, na verdade, começar a construir nosso site no próximo vídeo. 12. Tiras: Tudo bem, a parte divertida. A partir de agora, vamos realmente construir nosso site. A primeira coisa que vamos fazer é criar o cabeçalho de abertura. Se você se lembra, criamos um esboço rápido da forma como você deseja que esta página inicial do site seja exibida. Em. A primeira coisa que vamos fazer é o panorama geral no início do site. Um exemplo do meu próprio site seria este. Normalmente é uma imagem, algum texto de cabeçalho, talvez algum subtexto. E eu sou um botão algum tipo de chamada à ação. E há eu. Então, para fazer isso em Wix, outros elementos de design , lembre-se, viver sob este botão Adicionar, você vai clicar aqui e nós vamos adicionar uma tira. Essas viagens pré-natais, incluindo tiras de boas-vindas que você poderia usar se quisesse, mas é muito trabalho editar o trabalho de outra pessoa. É quase sempre mais fácil usar um clássico na tira de design e fazê-lo sozinho. Então vamos arrastar um destes aqui. Foi para o Y1. Então esta é uma tira, um camarão como uma fileira. E seu, cada página em seu site quando pernas idealmente vai ser uma série de tiras. Então você vai continuar adicionando tiras para cada nova seção do site. E isso vai tornar muito fácil para você reordenar as coisas em seu site para mover as coisas e mudá-las ao redor. E os camarões têm algumas grandes características para um deles é que você pode transformá-los em tiras de coluna multiescala. Então, no site você vê essas linhas em preto e branco. Esta é a sua zona segura. Aqui é onde é seguro projetar dentro. Você quer manter todos os seus textos, todo o seu conteúdo dentro dessas duas linhas pontilhadas preto e branco. Isso porque tudo dentro dessas linhas é responsivo em diferentes tamanhos de tela. Então, se tivéssemos uma tela maior ou uma tela menor, tudo aqui, ele ainda aparecerá. Mas se adicionarmos, lembre-se que tivemos nosso cabeçalho personalizado e um texto parágrafo. Agora, se nós adicionássemos alguns textos que nós tínhamos isso saindo assim, fora das linhas preto e branco. Parece bem agora no tamanho da tela. Mas se fizéssemos zoom e tivéssemos, digamos, uma tela menor, denotar começar a ser cortado. Enquanto o mantê-lo dentro da linha preto e branco na borda. E nós ampliamos. Ainda diz dentro da moldura, dentro da janela de exibição. Está bem. Então vamos diminuir o zoom e nos livrar deles. E vamos aprender um pouco sobre roteiros antes de ele construir isso. Então você pode mudar o fundo da tira e pode ser uma cor sólida. E aqui estão as cores do seu tema, a maneira certa de definir essas também. Pode ser uma imagem, e é isso que vamos fazer aqui. Então me encontre de Wix é imagens livres de lagos. Temos todos os documentários que carregamos mais cedo. Você vai escolher um desses. Então você também pode escolher um vídeo que seria muito legal também. Cabe a você. O que você escolher. O design do seu site vai ser muito dependente de seus objetivos e conteúdo que você tem. Mas para este site, vamos escolher uma imagem. Antes de colocarmos a imagem lá. Deixe-me mostrar-lhe um pouco sobre colunas. Então, se você clicar em Layout, terceira opção, quando você tiver as tiras selecionadas, você pode adicionar colunas. E assim são essas linhas pretas e brancas agora ao vivo, agora elas dependem da coluna em vez de toda a faixa. Podemos usar mais da tela em si, mais desta tela verde imobiliário, e retratar mais informações de uma forma mais agradável. Então, se você clicar na terceira opção, ele diz layout e clique em Adicionar coluna para adicionar outra coluna. Você pode ter algumas colunas. E então esta é uma ótima maneira. Muitas vezes para dividir algumas informações e uma imagem. Então você pode ter uma imagem nesta coluna e adicionar algum texto e talvez um botão de chamada à ação I nesta coluna. Você pode alterar o plano de fundo de forma independente para cada coluna, assim. E então você também pode alinhar o conteúdo à esquerda, à direita ou ao centro. Então, se você quiser que seu conteúdo da coluna seja mais à esquerda, de lá para a direita, você pode alinhá-lo dessa maneira. Você também pode alterar o tamanho da coluna, o que é muito legal. Então, sob essa mesma opção de gerenciamento, quero dizer, sob layouts, você pode ajustar o tamanho das colunas. Então talvez você queira ter uma imagem menor à esquerda e muito mais textos aqui ou algo assim. Você sabe, algumas proporções predefinidas de ícones. Essa é uma maneira interessante de tornar seu layout um pouco mais dinâmico. Então vamos nos livrar dessa coluna. Nós vamos gerenciar coluna e apenas excluir uma dessas colunas. E agora vamos fazer essa faixa de fundo e imagem. Vamos torná-lo um pouco maior. Então muitas vezes ele vai demorar para a sua imagem de herói, sua imagem principal na página inicial. Muitas vezes ele vai ocupar toda a tela, exceto para o cabeçalho, que vamos chegar em breve. Então nós fizemos isso um pouco maior arrastando estas pequenas alças. Agora vamos mudar o fundo da tira. Então vá para Arquivos do site de imagem. Mas lembre-se que é aqui que todos os meus arquivos vivem. Então vamos escolher uma destas imagens stock. E eu acho que este primeiro parece muito bom para um blog de viagens. Então, assim, temos essa imagem de herói iniciada e parece muito boa, mas precisamos de um café, um texto, e acho que precisamos de um botão também. Então vamos em frente e entrar nisso no próximo vídeo. 13. Adição e edição de texto: Certo, então vamos adicionar um título à nossa imagem de herói principal. De volta à vantagem. Temos essas listas. Lembre-se, isso é o que um texto, e escolher alguns dos nossos textos temáticos, ele já está estilizado para ser coerente com o resto do nosso tema. Tal escolha aquele, o título 1, que é 4, especificamente página em títulos de seção. E coloque-o aqui. Agora, quando arrastarmos e soltarmos, e agora podemos clicar e mover isto. Então eu acho que nós vamos colocar este tipo de para a direita. E se clicarmos duas vezes, podemos editar o texto. Você também pode chegar lá clicando em Editar Texto. Vamos clicar duas vezes e escrever algo como vir viajar conosco. Ok? Então, temos um texto agora, mas não parece muito bom. Você não pode lê-lo. Quero dizer, isto não vai funcionar, certo? Então, se clicarmos em editar texto, temos todas essas opções. Então o tema e as fontes já disseram, porque nós os definimos mais cedo em nosso gerenciador de temas, lembra? Mas vamos centralizar esse texto, algo assim. Vamos fazer isso um pouco maior, então está tudo em uma linha. E para fazer isso estamos apenas arrastando aqui e este pequeno ponto branco. Você pode arrastar a caixa de texto para torná-la maior. E então vamos clicar em editar texto e torná-lo branco. Agora envia um pouco mais. Mas o que mais poderíamos fazer para fazer isso se destacar? Podemos alterar o plano de fundo da faixa clicando em alterar seu plano de fundo e, em seguida, entrar em configurações. Podemos adicionar uma sobreposição de cores a esta imagem. Então nós vamos fazer esta imagem uma sobreposição de cor preta. E então vamos reduzir a opacidade da imagem para que esta imagem fique mais escura, o texto branco apareça melhor. E então você está tentando criar esse golpe, é maior contraste entre a imagem e o texto. Então o texto é legível. Então nós temos esse texto. E vamos adicionar algum texto de parágrafo agora. Texto de Poisson, o texto. Enquanto este primeiro, parágrafo um. Vamos arrastar isso para baixo, viajar-nos connosco. Torná-lo um pouco maior. Faça a mesma coisa. Clicamos duas vezes ou alteramos a cor aqui para branco. E as cores do nosso tema não estão no nosso personalizado colorido nas cores do nosso tema. Porque quando queremos mudar as cores do tema em todo o site, se quisermos, podemos fazer isso facilmente mudando as cores do tema aqui, e isso mudará aqui na página também. Então escolha o branco de novo. E então vamos centrá-lo novamente, a linha deles. E então vamos excluir isso e reescrever algo como descobrir as maneiras mais fáceis de viajar com um orçamento apertado. Certo, então é um pouco difícil de ler. Talvez possamos tornar esta tira um pouco mais escura. E então vamos adicionar um botão. Então, no plus, talvez botões aqui. Então podemos arrastar um desses botões aqui, no centro abaixo do texto. E você pode ver essa linha roxa que permite que você saiba que ela está centralizada sob o texto. Em seguida, podemos clicar duas vezes nele e escrever, reescrever o texto do botão. Ei, algo como ler o blog. Spot parece bem. Vamos reformular isto mais tarde, mas por enquanto serve. E aqui no lado esquerdo, vamos ter uma imagem. Só para tornar isto um pouco mais interessante, um pouco mais atraente. Vamos adicionar este PNG, este arquivo de imagem desta mulher, feliz com a câmera dela. Muitos viajantes estão na fotografia. Então isso faz sentido. Está bem. Então isso está começando a parecer bem , agora, vamos limpar isso mais tarde. Mas agora vamos construir nosso cabeçalho. Agora que você está ciente de como as tiras funcionam, como adicionar texto, como adicionar uma imagem. Estamos prontos para construir esse cabeçalho. 14. Criando um menu de navegação: Então, na construção do nosso cabeçalho, precisamos de alguns elementos-chave. Vamos precisar do nosso logótipo. Vamos precisar do nosso cardápio. Provavelmente foi no botão que tem algum tipo de chamada à ação. E nós vamos querer alguns links para nossas mídias sociais. E lembre-se que planejamos tudo isso no nosso pequeno pedaço de papel mais cedo. Então nós vamos realmente adicionar uma faixa ao nosso menu para que possamos ter várias colunas e fazer melhor uso do espaço. Então vamos afastar este rebelde só por agora, dragão e nova tira. E então vamos mover isso para o cabeçalho. Então, para fazer isso, e nós vamos fazer esta viagem menor. E vamos torná-lo largura da página. Uma vez que tenhamos feito uma largura de página, vamos torná-la um pouco menor para que ele possa caber no cabeçalho, arrastá-lo para cima, ele vai brilhar laranja nele. Ele vai dizer anexar o cabeçalho, mas dizer, você sabe, ele está realmente sendo anexado ao cabeçalho e não sendo movido para trás do cabeçalho. Então, se você não vir que estas caixas laranja está anexado um cabeçalho, você não está no cabeçalho, provavelmente precisa fazer sua faixa menor para que ele vai caber dentro desse cabeçalho ou você precisa esticá-lo. Ok, então nossas naves de volta ao cabeçalho. Podemos esticá-lo novamente para fazê-lo, desculpe-me, podemos fazer o cabeçalho menor para torná-lo a largura da tira. E então podemos clicar no trecho e encolhê-lo de volta para a tela cheia. Ok, então agora você tem uma tira na nossa cabeça. É um grande começo. E agora vamos fazer duas colunas. Uma coluna irá segurar o nosso logotipo, coluna de atraso irá segurar o nosso menu e nosso botão e nossas relações sociais. Então, clicamos em Adicionar coluna. Agora temos essas duas colunas grandes. Não alterar o layout. O logótipo só vai estar no canto esquerdo, à direita. Então nós podemos fazer isso provavelmente algo como 25 por cento da tira. Ok, então agora temos duas colunas. E se clicarmos novamente, na coluna 1, podemos clicar em Layout e podemos alinhar o conteúdo à esquerda. Que quando adicionamos o logotipo diretamente no canto esquerdo. E depois estou a ligar para que não pudéssemos a mesma coisa. Clique na Coluna, clique em Layout e alinhe-a à direita. E agora todo o nosso conteúdo não pode caber aqui com as lindas linhas pontilhadas preto e branco. Ok, então agora nós vamos arrastar nosso logotipo e nossos níveis vai ser uma imagem que nós olhamos anteriormente. Vamos arrastar nosso logotipo para o cabeçalho. Temos uma pasta para isso. Legal. Então é anexado a um cabeçalho, então isso é bom. Vamos nos certificar de que está dentro dessas diretrizes. Não tão ligado à coluna. Ok? Agora nossos logotipos no cabeçalho, e nós vamos vincular isso também, a página inicial. A maioria das pessoas sabe que se você clicar no logotipo, você pode voltar para a página inicial. Você tem que fazer isso manualmente e Wix. Então agora nossos logotipos lá, clicando no ícone do link de cadeia e, em seguida, clicando na página inicial. Ok. Agora vamos arrastar o nosso menu para esta coluna. Então apertamos o botão Plus. Você vai para Menu e, em seguida, tema e menu. Vamos arrastar este primeiro aqui e diz anexado à coluna. Legal. Agora temos um menu aqui, mas esta não é a ordem certa de páginas e páginas sólidas que queremos ter. Então, clique em Gerenciar menu e podemos alterar a ordem do menu e adicionar itens de menu. Então, vamos adicionar alguns itens de menu e reordenar este botão azul e item de menu. E, em seguida, citar páginas. Estas são todas as páginas que existem neste site. O pedido que quero é bloqueado primeiro, depois os nossos vídeos, depois o nosso do que a nossa loja porque na verdade vai ser um botão. Então nós vamos remover isso, os três pontos que vamos clicar e dizer esconder-se, então você vai apenas escondê-lo do menu, não de todo o site. E vamos mover o antebraço para cima depois dos vídeos. Então, seu blog vídeos fórum sobre contato. Acho que vai funcionar. Então podemos clicar fora disso. E agora queremos um botão para a nossa loja. Saiba quais links para mídias sociais. Então o botão vai fazer isso. O novo botão novamente, à direita. É outro botão vai dizer loja em onde ele diz o que ele liga para? Vamos clicar lá e ir para Página e mais gostei da página da loja. Ok, então agora eu tenho um botão que diz “comprar”. Ele está ligado à nossa loja para tornar realmente óbvio que as pessoas que clicam em uma loja e vão às compras, quantas vezes posso dizer loja? Certo, e agora vamos adicionar botões de mídia social acima do menu e do botão de choque. Então, vamos clicar em Plus dentro e em redes sociais. Aqui, temos as barras. Vamos fazer botões pretos por enquanto. E agora temos todos esses links para as mídias sociais e apenas colocamos à direita, alinhados à direita com o botão de loja. Esses são realmente grandes, certo? Então, se clicarmos em Layout, você pode torná-los menores, talvez uns 20 anos atrás. Vamos fazer este botão um pouco menor. Então podemos arrastar na esquina para fazer isso um pouco menor. Então agora temos um cabeçalho e vamos arrastar nosso backup agora. Ok, então nós já temos o início de um site. Eram menu, temos um logotipo, imagem de herói do trabalho e um botão para clicar na loja. Ícones sociais. Estamos nos movendo. Agora, para definir seus links sociais. Você pode clicar em Definir links sociais. E então eu tenho que fazer é clicar em que páginas sociais eu posso ligar para você. Clique lá e você apenas digitá-lo. Então o nosso é digital. Ok? Além disso, se não gostar destes ícones, pode clicar no ícone de substituição. E ela é um novo ícone. Então, normalmente você pode apenas pesquisar no Facebook e, em seguida, eles têm um monte de ícones diferentes para o Facebook. Você faz um círculo. Você pode fazer isso, as cores reais da marca do Facebook e mantê-lo preto da maneira que é por enquanto. Agora, uma coisa que você deve ter notado é que nossa fonte de menu não é a mesma que nossas outras fontes. Acho que queremos que essa fonte do menu seja nossa diversão, só porque é um bom estilo que gosto do jeito que parece. Então, vamos clicar no menu e, em seguida, clique em Design. Isso aparece e depois vamos personalizar o design. Na parte inferior está o botão azul. Então, clicamos lá. Temos todas essas opções. E assim, sob regular, podemos clicar em Texto e, em seguida, escolher um tema. Lembre-se que dissemos nossos temas antes. Então podemos escolher o nosso, eu escolhi o H6 para Dalton. E desde 2006, e eu acho que isso é um pouco grande. Então vamos fazer talvez 20. E esse é um bom tamanho, talvez até 18, porque é muito divertido. Coisa 19, parece um médium feliz. Ok, agora temos pairar regularmente e clicado. Então, a forma como cada um desses itens de menu aparece será diferente dependendo de como você está interagindo com ele, se você está pairando sobre ele, se é a página em que você está porque você clicou nesse link. Ou se ele está apenas sentado lá. Então, se você pairar sobre ele, talvez nós queiramos que ele seja vermelho, como as cores da nossa marca. E você pode ver um exemplo de como isso seria. E queremos que seja azul porque o botão da nossa loja é vermelho. E isso é um bom contraste. Acho que vamos mantê-lo como azul. Acho que está ótimo. E então, se for clicado, podemos, podemos ler. Muito design é assim. Você realmente sente o que você acha que parece melhor para você. À medida que você faz isso cada vez mais, você tem uma idéia melhor do que parece bom, do que funciona e do que não funciona. Muito disso é apenas prática e repetição. Ok, então agora temos o nosso menu completo pronto para ir. No próximo vídeo, vamos falar sobre o estilo de nossos botões. 15. Construindo seu rodapé: Tudo bem, sites se juntando e ganham um menu aqui nós temos nossa imagem de herói de abertura. Está começando a parecer bom. Agora vamos fazer o nosso rodapé. Eu costumo fazer o cabeçalho, o rodapé e a imagem do herói primeiro porque me dá uma boa idéia da sensação e da aparência do site, como as cores vão se juntar. O cabeçalho e o rodapé estarão em todas as páginas. E então precisamos ter certeza de que, à medida que projetamos essas páginas, tudo ficará bem com o cabeçalho e o rodapé. Então, se você passar o mouse sobre o rodapé, veremos que ele fica laranja. Mas saiba que esse é o rodapé. Tão semelhante ao cabeçalho, vamos adicionar uma tira a ele e usar a tira para projetar colunas diferentes. Então, a faixa de sinal de adição, clássico, vamos arrastar um branco aqui e torná-lo muito menor. Então ele vai caber no rodapé, o rodapé maior. Então a Faixa de Gaza e movê-lo para o fundo. Você verá que este botão aparece que diz Twitter Moodle, vai clicar nele. E agora a nossa viagem está no rodapé. Então, torná-lo um pouco maior novamente para torná-lo caber dentro do rodapé. Rodapé um pouco menor do que aquela tira juntos. Bem, este é um tipo de prazo para acertar tudo. Vamos torná-lo um pouco maior e fazer aquela tira. Ali. Normalmente há um monte de violino para obter esta viagem e rodapé para ser do tamanho certo um para o outro. E a mesma coisa acontece com o menu. Isso está tudo bem. Não é grande coisa. É apenas parte do web design. Então nós temos a tira aqui e agora eu acho que eu vou mudar isso para um fundo. Confira algumas imagens que temos, eu acho que talvez poderia usar um desses vetores para ter um fundo texturizado legal. Tudo bem, agora vamos colocar o fundo. Isso é meio legal. E agora vamos adicionar uma sobreposição para torná-la compatível com o resto do site. Talvez vermelho, abaixe a opacidade. Então isso é meio legal. Coisa azul. A sombra de azul funciona melhor para mim. Vermelhos meio berrantes, meio brilhantes e já estão usando em nossos botões. Então vamos usá-lo. Vamos usar este azul. E vamos adicionar algumas colunas. Acabei de perceber que cometi um erro, mas tudo bem, porque esta é uma lição importante a aprender. Então eu transformei essa viagem em três colunas. Mas se você olhar de perto, você pode ver as separações entre cada coluna. Isso ocorre porque cada coluna tem seu próprio fundo e a faixa não está compartilhando um único plano de fundo. Quero que a nave tenha apenas um fundo. Então há todas essas quebras entre as colunas. Então, para conseguir isso, bem, nós realmente fazemos é ligeira a coluna, mudar o fundo da coluna para cor. Ele, defina a opacidade como 0 e faça isso para cada coluna. E uma vez feito isso, selecionamos e alteramos todo o fundo da tira. E ele selecionará o plano de fundo que estávamos usando e aplicará essa cor. Abaixe a opacidade como 28 e 10. Sim, acho que parece legal. E, a propósito, você sempre pode clicar com o botão direito do mouse se tiver átomos sobrepostos. E por exemplo, agora temos uma tira sobre o rodapé. Queremos selecionar o rodapé, clique com o botão direito do mouse e, em seguida, ir para átomos sobrepostos. E então mais constrói isso um pouco para baixo porque eu quero que isso seja um pouco. Ok? Então agora eu tenho três colunas e nosso rodapé. Agora podemos colocar o que quisermos no rodapé. E muitas pessoas colocam coisas diferentes. Normalmente, na coluna da esquerda que está nas informações de contato. Talvez o seu logótipo. Você pode ter uma coluna para seus links de mídia social. Você pode ter uma coluna para a inscrição no nosso boletim informativo. Você pode colocar um monte de coisas diferentes no rodapé. Depende de você e depende de como você quer que as pessoas interajam com seu site. Lembre-se que as pessoas vão ver este rodapé em todas as páginas. Portanto, se houver algum conteúdo, links ou informações que as pessoas precisam encontrar facilmente em todas as páginas. E na parte inferior, quando eles estão rolando em seu telefone, então o rodapé é um bom lugar para colocá-lo. Então eu vou colocar algumas informações de contato e fazer strip. Vou colocar um feed no Facebook e a coluna do meio. E na coluna da direita, vou colocar um menu. Assim, quando as pessoas estão rolando para baixo e eles terminaram de olhar para o lado, há um monte de links e eles podem manter em prisioneiros. Então vamos adicionar todas essas coisas. E eu vou fazer isso e provavelmente acelerar o vídeo. Então você não tem que me ver fazer isso em tempo real, vai ser rápido. Tudo bem. Temos que montar um monte. Então temos que entrar na coluna de contato, contato, calma naquele e-mail e após o número e nosso endereço, você está fazendo um bug de viagem. Talvez você tenha um endereço, seus endereços para o mundo. E, em seguida, na coluna do meio, etc, nós vamos fazer, colocar um feed do Facebook eles, mas foi ser muito longo. Eu queria manter o rodapé um pouco mais curto. Então, em vez disso, coloquei links sociais lá. E, em seguida, na terceira coluna, eu apenas coloquei uma navegação vertical. Também temos aqui o pequeno texto. Direitos autorais. E então eu construí por mim e minha empresa, não há grande coisa. Então temos o nosso rodapé, temos a nossa imagem de herói, temos o nosso menu. Estamos fazendo uma tonelada de grandes progressos. No próximo vídeo, vamos terminar toda a página inicial. Veja isso. 16. Design de botões: Vamos falar sobre a personalização de botões no WebEx. Então nós temos isso ler o botão do blog em nossa imagem de herói aqui. Vamos percorrer todas essas configurações diferentes e, em seguida, eu vou personalizar o botão do meu jeito para torná-lo um pouco mais interessante. Então nós poderíamos mudar o ícone de texto e adicionar um ícone iria clicar aqui e, em seguida, fazer o ícone de texto e clicar duas setas para pegar um ícone ou eu posso fazer isso agora, ele vai ser apenas texto. Aqui também é onde você pode vinculá-lo. Você também pode clicar neste link para vincular um, vinculá-lo agora ao nosso blog. Blog. É importante lembrar de testar todos os botões antes de iniciar o site. É muito fácil esquecer de vincular seus botões ou de se conectar com o lugar errado porque você ainda está construindo algo para fora. Portanto, certifique-se de que quando você está encerrando seu site e sentir que é para você. Sim, queríamos continuar seu cliente ou usuário e testar tudo, passar, todos os botões, testar as fazendas, fazer tudo o que você faz no site para que você possa ter certeza de que tudo está funcionando como deveria. Ok? Em seguida, você pode alterar o layout do botão. Quando as coisas estão adicionando, preenchendo, mudando o alinhamento. Vamos mantê-lo na linha central ou ele se incomoda, mudar a cor para exportador canto ícone Camada Sombra. Você também altera a cor do cursor do mouse. Este botão é para animações. Faremos animações em um vídeo posterior até criarmos muito mais insights. Porque normalmente fazemos esse passo por último uma vez que você projetou a maior parte de seu site e você está apenas adicionando alguns toques finais. Então agora vou em frente e fazer isso parecer um pouco melhor para mim. Agora, vamos fazer o texto um pouco maior. Talvez devêssemos usar uma das fontes de cabeçalho, então achamos que podemos fazer isso e tornar o itálico menor agora. Ok? Então, não vamos ter fronteiras. Vamos esgotar os cantos por pixels h. Isso dá a ele apenas um canto ligeiramente arredondado. Isso pode ir até 100 pixels se você quiser que ele seja um botão redondo. Na verdade, eu meio que gosto do botão oval. Nós vamos, nós vamos usar isso. E, em seguida, nas sombras, esta é uma caixa de sombra. Então esta é a sombra vai aparecer embaixo do lado do botão. Vamos adicionar uma sombra. E o ângulo é a direção da qual a sombra está vindo. Então você vê se os ângulos em 315 e as sombras vão estar no lado oposto deste círculo. Então você pode apenas pensar sobre isso assim. E eu tenho certeza que são dois este C, mas você pode ver como ele está girando em torno do botão. Então vamos deixar até 15. Distância um pouco mais perto. Muito disso para o desfoque de distância em tamanho. Isto é como a sombra estava embaçada. 0 seria como uma sombra dura. Tamanho é a distância em pixels que a sombra está do botão. Então, um desses é apenas um tipo de ajustes, apontando e brincando e tentando descobrir o que parece bom para você. Vamos tentar isso. Leia o blog. Isso parece melhor. Acho que as sombras estão um pouco escuras. Então eu vou fazer essa sombra em vez deste preto escuro ou cinza escuro. Bonito assim. Sim, talvez seja muito sutil. Vamos mudar de volta para preto. Esses são dois tipos diferentes de sombra, e nosso exterior, externo, vai para fora das bordas e vai dentro de um botão com um tipo de sombra interna, parece que está inserido no site, enquanto que um tipo de sombra externa parece ser 3D no topo do site. Espero que isso faça sentido. E nunca estava fazendo isso. Eu ainda estou sempre fazendo exterior. Só acho que fica melhor. Ok, e então nas configurações de pairar, agora mesmo se passarmos sobre ele, ele vira uma espécie de cor rosada e um tom mais claro da cor vermelha. E isso é bom. Mas acho que quero que seja, não queremos que seja azul ou inverso do vermelho. Texto vermelho em um fundo branco. Gosto do azul com os lábios azuis. E, em seguida, se você clicar neste botão, você pode aplicar o mesmo design de regular para pairar. Está bem, parece um pouco melhor. Então isso são botões e é bem simples. Assim como um monte de design e apenas jogar com um pouco. E tenho certeza que encontrará um design que funcione para você. E você está tipo, tudo bem, vamos para o próximo vídeo. 17. Finalizar o site home: Muito bem, neste vídeo, vamos terminar a página inicial. Isso inclui adicionar uma inscrição para a nossa newsletter, adicionar nossas publicações mais recentes, adicionar nossos vídeos mais recentes para um blog e seus produtos mais recentes para uma loja. Uma pequena seção Sobre Mim, e deve ser sobre isso. Então vamos fazer isso neste vídeo. Nós provavelmente vamos avançar em algumas partes e eu vou falar um pouco mais sobre algumas das seções só para que você entenda o que eu estou fazendo. Vamos começar. Então aqui, vamos tocar o sinal de mais de novo. E em contato e formulários, vamos puxar uma dessas barras de assinatura e é, essas caixas de assinatura são meio forma. Vamos nos aprofundar nos fóruns mais tarde no curso. Mas, por enquanto, vou mostrar-lhe algumas coisas para que possamos personalizar isto e terminar a nossa página inicial. Então, queremos adicionar uma tira. Lembre-se, estamos quase sempre construindo nossas páginas em uma série de tiras e ficando um pouco menores. E eu vou redimensionar muito disso. Tenha paciência comigo me livrando do telefone e mova tudo de novo. Parece mais com isso. E então eu estou pressionando Controle para selecionar tudo, movendo-o para o topo do formulário da caixa de assinatura. E uma vez que um redimensionamento que recebe assinantes formulário, eu vou colocá-lo em nossa tira. Lembre-se que ele precisa mudar cor para que saibamos que ele está realmente sendo anexado a essa tira ou elemento. Está bem? Deixe-me algo parecido com isso. Seja ainda menor. Rio podemos alinhar usando a barra de ferramentas aqui. Tira materiais menores, fundo compartilhado para ler o nosso tema vermelho para que ele se destaca. Ok, agora quando você clica no formulário, há algumas opções diferentes aqui. Então, vamos aprofundar as configurações do formulário mais tarde. Por agora eu vou apenas projetar o formulário para combinar com o resto do nosso site. Deixe-me fazer isso rapidinho. Ok, então eu criei esta barra assinada bem debaixo da nossa imagem de herói de abertura. Ele pede nome e e-mail. O objetivo é coletar e-mails para o seu blog para que você possa enviar automaticamente seus últimos posts e blogs para e-mail lista de assinantes de enviar um boletim informativo. Você pode enviar vídeos mais recentes. Está construindo uma audiência, certo? E assim queremos coletar tantos e-mails quanto possível em qualquer site realmente que temos em quase indica. Ok, então em seguida, vamos fazer outra viagem e vamos adicionar nossas últimas postagens do nosso blog. Então isso é muito fácil. E a vantagem, sob blog, você pode apenas clicar em postagens recentes e eles têm este elemento deslizante pouco conveniente. Para que possamos decidir, queremos que seja assim? Queremos esticá-lo até a largura total. Vamos manter a restrição por enquanto, mas quando eu mudar mais tarde. E vamos adicionar um pouco de texto de cabeçalho. Só para que as pessoas saibam o que estão olhando. Últimas postagens no blog. Leia meu, eu vou tentar torná-lo um pouco mais pessoal. E então há um blog pessoal de viagens. Tudo bem, então está centrado isso na página. E então o que eu estou fazendo aqui, apenas para voltar, eu estou centralizando usando o lambda aqui para centrá-lo na página. E então eu estou adicionando o texto e centralizando o texto dentro desse elemento, dentro do elemento de texto. Certo, então estamos começando o bloco inteiro na página e string de incentivo o texto dentro de seu elemento. Ok, então agora temos nossas últimas postagens no blog. Strip, é meio enorme. Está bem. E é assim que a próxima seção, que vai ser os últimos vídeos. Então, novamente, podemos bater o pouco mais para adicionar uma tira de fundo preto que provavelmente eu vou mudar a cor. E, em seguida, nos vídeos e livros de música vídeo, eu acho que podemos fazer talvez um pequeno controle deslizante como este. Vamos movê-lo. Oops. Vamos movê-lo para aquela correia. Lembre-se se eu precisava pairar o encurtamento para ficar azul e diríamos anexar viagem para saber que você realmente anexar a um acidente vascular cerebral. Tudo bem, agora eu vou configurar o elemento de vídeo desta semana. Encontrei um blogueiro do YouTube aleatório e vamos usar o canal dela. Então, nas configurações de vídeo do Wix, vamos gerenciar, gerenciar vídeos. Depois vou copiar e colar o URL do canal dela, Aaron Krauss. Não sei nada sobre ela. Espero que ela não seja racista ou algo assim. Ela parece bem. Então podemos usar o canal dela para este site e vamos ter que nos alimentar. E então o que está acontecendo é semanas é apenas puxar todos os vídeos do YouTube para o canal e apenas, desculpe, para o WhatsApp e exibi-los aqui. Agora Erin cruza prato de alimentação do YouTube sendo mostrado em nosso site também. Junto com algumas postagens de blog ou subscrever, temos a imagem de herói, o cabeçalho , o rodapé, aqueles que realmente começaram a se unir. Por isso, está perto. E vamos apenas mudar alguns dos desenhos um pouco. Os títulos tinham um novo título, três, deixaram duas linhas bem. E os botões aleatórios. Agora o texto. Vamos fazer o parágrafo dois. Está bem. E acho que não precisamos deste passado. Vamos recolorir um pouco disso pode mudar a cor do plano de fundo. Eu meio que gosto do escuro. Vamos ver que outras cores podem parecer boas. Em um monte de vermelho acontecendo. Blues, ok, podemos usar isso por enquanto, mas pense em mudá-lo. Está bem? Tudo bem, a próxima viagem será nossos produtos mais recentes. Então, vamos adicionar outra tira. Depois o sinal de mais. Temos loja, temos galeria de produtos deslizantes. Então, em toda a loja, na loja principal paga, podemos usar uma galeria de produtos de grade onde você pode ver todos os produtos. Mas para esta página inicial, vamos apenas adicionar um controle deslizante para que você possa percorrer rapidamente alguns dos produtos que temos, a oferta. E eu não tenho certeza se você percebe ainda, mas esta é basicamente minha estratégia para toda esta página inicial, é usá-lo como uma espécie de olhar de uma página sobre tudo o que está no site. Então você pode ver as últimas postagens do blog, exclui blogs, os produtos mais recentes. Você pode ter uma sensação de tudo o que está em oferta neste site. Eu vou os produtos ir. Parece estar confuso sobre qual tira é onde qual. Às vezes você vai ter pequenos insetos como esse em obras. Seja paciente e tente de novo. Lá vamos nós. Ok, então nós temos nossa galeria de produtos deslizantes aqui. Agora não temos nenhum produto, vamos adicionar alguns produtos Pig mais tarde. Mas esta é apenas uma boa maneira de mostrar como isso vai acabar parecendo. Ok, nós temos nossos livros, vídeos, nossos produtos e nossas últimas postagens no blog. Vamos adicionar este texto aqui. E vamos fazer este texto dizer, confira meus blogs mais recentes. E vamos fazer este branco se destacar melhor e combinar com o resto do elemento. Está bem? Então eu vou escrever, vamos chamar essa tira de produtos mais vendidos. Vendendo produtos de viagem. Novamente, vou usar a barra de ferramentas para alinhá-la ao centro da página e, em seguida, editar texto e alinhar o texto ao centro também. Está bem. Isto é um pouco maior. Uma característica legal no Wix é que você pode manter o controle pressionado, selecionar vários objetos, vários elementos e, em seguida, agrupar os elementos. E agora que seu grupo, você pode movê-los como um, movê-los como um grupo. Você também pode alinhá-los como um grupo, o que é super, super útil. Ok, então nós temos nossa seção de viagens, veria mais uma seção que vai ser uma seção Sobre. Poderíamos usar um desses pré-fabricados, mas eu nunca preciso. Eu só vou construir outra tira clássica. E vamos fazer com que sejam duas colunas. Vamos fazer uma coluna um pouco maior. Porque isso acalma, pode ter texto nele e as outras colunas menores podem ter uma imagem. E vamos arrastar uma imagem. Vamos ver, quem queremos no rosto do nosso blog de viagens para ser? Um dos que Aaron Krauss crescer parece talvez assim tanto. A Lisa. Certo, então temos a imagem selecionada. Estamos pairando sobre a coluna. Diz anexado à coluna. Ok, estamos bem. Agora eu realmente não amo este layout quadrado, então nós vamos clicar em Crop. Vamos clicar novamente no corte de forma e transformá-lo em um círculo. E podemos arrastar a imagem por dentro, dentro do quadrado de corte. Então vamos centralizar isso um pouco. Está bem, parece um pouco melhor. Vamos aumentar a imagem arrastando esses pontos finais. Está bem? Digamos que eu vou me dizer. Pode fazer sentido, já que isto é chamado de nómada, Caleb, o tamanho vai ser chamado de clube Medicaid. Esta foto em V de alguém que parece um Caleb minutos 12. Mas sabes que mais, estou até aqui. Então vamos rolar com ele e vamos continuar usando um. E eu estou adicionando um texto. Há um site divertido chamado IPSUM.com. E eu vou te dar alguns parágrafos que eu tenho um monte de palavras hipster, bordas, algo para torná-lo um pouco mais divertido para o seu texto Lorem Ipsum, seu texto falso falso. Então recolhendo isso, certo, e nós vamos agrupar isso e centrar em uma coluna. E eu centro isso na coluna para tudo bem, que parece tudo bem. Tem uma pequena fronteira com esta senhora. Ali, esta borda branca e mais fraca, um pouco maior. E nós sentimos isso. Talvez mudemos o fundo. Então eu vou mudar todo o fundo da tira. Fizemos isso mais cedo. Vamos mudar os fundos da coluna para 0% de opacidade. E agora podemos mudar. E tivemos que tirar selecionado sendo mudado. Todo o fundo da tira, como qualquer um destes, vai balançar um cinza por enquanto. Está bem. Então, toda a página inicial está feita. Quanto tempo demorou? Dez minutos. Então, vamos pré-visualizar o site e mostrar-lhe como ele se parece até agora. Tudo bem, então é um pouco básico. Provavelmente vamos adicionar mais alguns elementos de design. Talvez isso seja algum fundo legal, ícones e esse tipo de coisa. Mas a estrutura funcional da página inicial está completa agora. E acho que parece bastante sólido. Não parece terrível. Ótimo começo. Espero que este vídeo mostre o quão rápido Lee você poderia construir seu próprio site no Wix. E eu terei dez minutos. Temos a página inicial. Eu provavelmente vou trabalhar no site por menos de uma hora. E nós já temos tudo isso. No próximo vídeo, vou mostrar a vocês como criar um pop-up. Então você pode fazer coisas como oferecer cupons na loja de e-commerce, pedir e-mails das pessoas e trocar, talvez por algum tipo de conteúdo gratuito. Vamos fazer uma caixa pop-up ou em semanas é chamada de “lightbox”. Veja no próximo vídeo. 18. Criando uma assinatura de e-mail: Tudo bem, vamos fazer uma caixa de luz e reunir alguns e-mails. Então, nesta caixa principal, vamos oferecer-lhes um guia de viagem gratuito para a Tailândia em troca de seu e-mail. Assim, uma vez que tivermos o e-mail deles, podemos entrar em contato com empurrar para fora nossos últimos posts e esse tipo de coisa para nós, para eles. E, em geral, manter um relacionamento com este visitante em vez de visitar o site uma vez e, em seguida, nunca mais ouvir falar de você. Então, clique no sinal de mais. E então uma interativa, há uma seção chamada caixas de luz. Vamos clicar, subscrever e deixar algumas opções diferentes em termos de onde as caixas de luz que aparecem. Então pode ser um pop-up diretamente no meio do site. Pode ser algo que desce de cima, de lado, de baixo. Vamos fazer um pop-up centrado básico. Caixas de laboratório e nome mais bonito, mas seus pop-ups. E então vamos fazer algo como download. Mai, guia de viagem de Tailândia. Normalmente, se você pedir um e-mail para alguém, então eu vou dar a você. Por que fariam isso? Mas se você oferecer a eles algum tipo de conteúdo e troca, eles são muito mais propensos a lhe dar seus e-mails porque você está dando algo de graça, por algo deles. Então eu realmente recomendo criar algum tipo de conteúdo, seja um curso curto ou um guia de viagem ou qualquer outra coisa, e oferecer-lhes isso para seu e-mail. Ok, então nós vamos apenas fazer um pouco de design. Há alguns elementos diferentes neste pop-up. Há a própria lightbox real com seu próprio conjunto de opções. Esta maneira em particular como uma caixa de contêiner que nós realmente não precisamos. Então o que nós vamos deletá-lo e então nós obtemos assinantes formados. Na verdade, está coletando os e-mails. Então, nesta caixa de luz primeiro, eu este fundo de mármore não faz sentido. Vamos mudar o plano de fundo. Então você pode clicar no pincel para design. E então vamos escolher uma imagem. Temos uma tonelada de imagens stock e acho que temos algumas que são da Tailândia. Provavelmente. Apenas procure para baixo. Vamos usar este aqui. Esta mulher viajando no tempo. Ok, e vamos deixar mais leve para que você possa ler o texto. Nós mudamos o título do formulário para ser nossa fonte de cabeçalho. Vamos mudar os campos para corresponder à nossa marca também. Há maneiras diferentes de fazer isso. Você pode clicar diretamente no campo e alterar as configurações desse campo específico. Mas o que é melhor, a melhor maneira de fazê-lo é clicar no formulário real e alterar as configurações de design lá. Porque então ele mudará as configurações do campo de formulário para todo o formulário, não apenas um elemento específico, um campo específico. Então, vamos clicar em Design, campos de entrada de design personalizados e vamos alterar o texto para este primeiro parágrafo 2. Estamos fazendo o parágrafo para que seja um pouco menor. Vi uma mudança lá. Agora vamos verificar como ele fica em pairar o mesmo. Vamos alterar o texto e a cor do botão Enviar. Então vamos deixar o botão vermelho para que ele realmente se destaque. Em seguida, em pairar aqui podemos ter essa cor azul. O texto. Vamos mudar para p dois também, parágrafo dois. Certo, a mensagem de sucesso. Vamos mudar isso para ser o nosso parágrafo três. Vamos torná-lo um pouco menor. E podemos fazê-lo ser, vamos torná-lo verde. E realmente não se destaca. Pode ser vermelho, está feito. Está bem. Aí está a nossa nova forma. Acho que é bom o suficiente. Ok, agora vamos definir os gatilhos para a caixa de luz. Então não queremos que isso seja exibido em todas as nossas páginas. Nós só queríamos exibir em nossa página inicial. Poderíamos configurá-lo para outras páginas. Qual delas faz sentido? Digamos que alguém navegue até a página da sua loja, você mostra um pop-up para um cupom grátis se não for livre ou algo assim. Vamos escolher apenas a página inicial para que as pessoas não sejam notadas. Vai ser adiado por dois segundos. Então não é a primeira coisa que dizem. Veja quando chegou ao site. Eles têm alguns segundos para ler o menu e o logotipo, confira a imagem do herói. E depois desses dois segundos, esse pop-up aparecerá. Ok, isso foi fechar o ícone X? Isso é bom. Outro Vamos colocá-lo na caixa de luz. É um pouco mais perceptível. E, em seguida, a última coisa, se você clicar fora da própria lightbox, então você tem essa sobreposição de fundo. Vamos mudar isso. É uma cor cinzenta estranha. Então tipo de uma cor azul agradável e, em seguida, definir a opacidade para que você possa ver que o site atrás deles disse que é como 25%. Está bem. Então essa é a nossa caixa de luz feita. Parece bastante decente. Há, obviamente, algumas outras maneiras que podemos fazer é termos um fundo de vídeo. Podemos definir isso para ser a barra superior, para ser um pop-up barra superior ou barbearia inferior, o nosso lado. Mas eu acho que isso parece sólido sob o título do fórum, você provavelmente poderia adicionar um pouco de descrição eo que você começa no guia de viagem. Talvez algo como 100 páginas mais. Incrível centro de conteúdo Tailândia. Isto é um pouco maior para caber cada vez. Está bem? Tudo bem, isso parece droga. Vamos fazer isto mais pequeno. Você percebe muito do design e design do trabalho em geral, apenas brincando com as coisas , ajustando-as um pouco, apenas para acertar. Está bem. Vejo você no próximo vídeo. 19. Configurar a página de blog: Ok, o rascunho da nossa página inicial está feito. Vamos agora projetar nossas outras cinco páginas. Temos uma página para os nossos posts de blog são blogs, um fórum onde as pessoas podem conversar umas com as outras e sobre página que lhe diz um pouco sobre Caleb nômade, ou quem quer que o viajante como e uma página de contato as pessoas entrar em contato conosco. Então, começando na página do blog, quando assim que você configurar um blog em perucas, ele auto gera esta página para você. E honestamente parece muito bom, parece bom. Mas deixe-me mostrar-lhe algumas das configurações e vamos tornar esta página um pouco mais interessante. Primeiro, gosto de adicionar faixas de título a todas as minhas páginas para que as pessoas saibam onde estão e o que fizeram. Então vamos adicionar uma tira, e vamos mudar o fundo da tira para uma cor. Talvez fazer uma imagem com uma sobreposição de cores. Ou talvez pudéssemos fazer um fundo, uma espécie de fundo. Conseguimos fazer o que fizemos no rodapé, que era este bloco em fundo de viagem ao vivo. E, em seguida, sobreponha uma cor em cima dela. Aquele azul. E nós vamos sobre aquele mundo muito brilhante que por enquanto. Agora, uma vez que este é o título da nossa página faria um título. Um. Pode centralizá-lo e dizer o meu blog de viagem. Estique, do centro ao centro do texto. Tornar isso menor mesmo que não desse jeito. Está bem. Traga isso de volta. Ok, agora aqui está a nossa página para o nosso blog de viagens. Se você clicar na seção do blog, você pode ir direto para o gerenciador de blog e você está procurando painel e gerenciar postagens. Mas vamos clicar em Configurações e ver algumas de nossas opções de blog. Então, em Configurações, blog principal e criar um poster gerenciar posts novamente, isso leva você para o painel de livros onde você pode fazer isso. Você pode selecionar o que realmente exibe aqui no feed do seu blog. Então, por exemplo, eu realmente não gosto disso. Há uma pequena coroa ao lado do meu nome e depois livra-te disso. Publicou um é bom, mas eu quero pessoas, talvez eu estou publicando coisas de um longo tempo atrás. Eu não quero que eles saibam que foi publicado enquanto eu vou tirar isso. Eu realmente não gosto daquele pequeno contador de pernas. Então é o meu blog é novo em folha. Eu não vou ter um contador de comentários ou contador de abuso porque eu não quero realmente que as pessoas saibam que eu só tenho sete para usar em seus comentários. Eu acho que isso está levando o LDAP para novos blogs muito comum, então eu não me preocuparia com isso. Então, tirando isso, você pode decidir como eles querem mostrar o menu do blog, que seria isso aqui em cima. Precisamos de algumas categorias para mostrar isso pode parecer e podemos fazê-las em um segundo. E não vamos ter um botão de login. Na verdade, não desde que temos o fórum, vamos adicionar um botão de login. E é isso que este pequeno círculo é. As pessoas podem fazer login e deixar comentários como seu perfil de usuário. Agora há alguns layouts diferentes. Isto é editoriais lado a lado, mais como quadrados, como em nossa página inicial. Podíamos ter colocado um monte de peças aleatórias. Estilo revista, assim como meio legal e médio talvez parece bom para um blog de viagem, na verdade, porque faz com que a imagem é mais importante. Você sabe, é o posto completo. Poderíamos ter uma coluna. Acho que vou para o Iraque o layout da revista por enquanto. Mudamos a proporção da imagem. Como é a proporção da imagem. Para esta imagem. Eu queria ser quadrado ou 4 por 3, 16 por 9. Há opções diferentes. Faremos quatro por três por agora. Vamos ver. O que eu faço está bem. Você pode alterar todas essas configurações diferentes para o layout, o tamanho da pose real, o espaço entre a postagem, que talvez façamos como 25 margens, preenchimento de texto, tudo isso. Ok, nós podemos mudar o design da pose do menu do blog, botões, as margens através das configurações. Provavelmente você não vai mudar a maioria das coisas. Parece muito decente fora da caixa com base em configurações de necessidade, você define o seu gerenciador de temas. Então vamos deixar isso por enquanto. Talvez mudemos o texto do título para ser branco. É o que vamos fazer para a página do blog. Isto está na nossa página de vídeo. 20. Configurar a página de vídeo: Tudo bem, vamos criar nossa página de vídeo. Então eu vou copiar e colar esta faixa de título. Então podemos colocar a tira com o botão direito do mouse em cópia. E então vamos usar a página Navigator para saltar para vídeos. Agora aqui vamos clicar com o botão direito do mouse e colar essa tira. E vamos renomear esta página, meu blog de viagens. E então, como na página inicial, podemos clicar no sinal de adição e adicionar um widget de vídeo. Mas uma vez que esta é a nossa página de vídeo principal, vamos usar um widget diferente, em seguida, este pequeno controle deslizante. Em vez disso, vamos fazer algo assim onde ele mostra um vídeo principal e, em seguida, alguns vídeos lá podem ser equiparados a desculpas e arrastá-lo e soltá-lo aqui. E torná-lo maior. Para preencher esse espaço entre essas duas linhas pontilhadas preto e branco. Deixe-nos conhecer a zona segura para o nosso projeto. Faça um pouco mais de espaço na parte inferior. E então, em configurações, vamos conectá-lo ao nosso canal do YouTube, que era Aaron Krauss. E eu realmente espero que essa garota seja legal e não uma pessoa terrível. E agora o nosso blog está configurado. Vamos ver algumas das configurações do aplicativo de vídeo dessa semana. Você pode mudar o layout e isso é o que acabamos de arrastar. Só uma maneira diferente de ver isso. Então poderíamos fazer o controle deslizante como na página inicial, de maneiras diferentes. Vídeos seguidos. Vamos fazer quatro. E, na verdade, vamos definir algumas linhas para que você possa ver um monte de seus vídeos mais recentes. Talvez uns seis. Vamos ver como isso parece. Sim, realmente mostra que ela tem um pouco de conteúdo, um pouco de texto, como ele embaixo. É tudo muito curto. Vai deixá-lo na miniatura. Então, quando você passar o mouse sobre, o jogador, pode ser a capa do canal. Acho que isso parece bom. E queremos toda essa informação. Eu acho. Bem, eu costumo aparecer nos vídeos israelenses do YouTube, então não vai funcionar exatamente assim. E então, no design, em vez do título, lembre-se que vamos configurá-lo para as configurações do gerenciador de temas. Eu tenho alguns links, botão vermelho colorido vermelho. Certo, então vamos pré-visualizar. Agora esta bandeira parece para que você possa ver como tudo isso vai funcionar em conjunto. Ok, aqui estamos nós na pré-visualização. Agora, se você jogar o vídeo e manhã todo mundo, hoje, eu não preciso do super tropical. Ok. Assim, você pode ver que ele está incorporado nas configurações do YouTube ou do YouTube aqui. Você poderia assistir no YouTube. Você passa o mouse sobre estes, você pode ver um pouco sobre as próximas postagens do blog. E se você clicar ele vem para o topo. Foi assim que enviamos para dizer, “ Ok, isso faz sentido. Isso é tudo o que vamos fazer para a página de vídeo também. Por agora. Podemos não ter antecedentes mais tarde. Agora vamos passar para a nossa próxima página. 21. Configurando o fórum: A nossa próxima página é o nosso fórum, o nosso fórum de viagens. Então, por padrão, desde que usamos um modelo de viagem, Ele já disse que o assunto meio que ser um formulário de viagem. Então, vamos fazer algumas mudanças. Vamos clicar no fórum. Estendeu a palavra completa. Vi esta imagem se estende, parece um pouco melhor. E então, em nossas configurações, vamos alterar o texto sob design para corresponder a tudo. Combine com o resto do nosso site. E nossa descrição e post deve ser areia medo, que é o nosso texto parágrafo. E vamos fazer nossos títulos DOT e, na verdade, em nossos parágrafos aqui soa bem Agora que corresponde ao resto do site. Agora deixe-me mostrar-lhe como este fórum funciona e funciona como um formulário padrão. Então você tem postagens que, por padrão, qualquer pessoa pode criar com o botão Criar nova postagem, botão. Botão Criar Nova Publicação. Então você pode começar uma discussão que seria assim, ou você pode fazer uma pergunta e as pessoas podem votar por respostas. E você pode dizer qual deles você acha que é o seu favorito como o moderador quatro. E quando você clicar para estes, Aqui está que parece que você pode como as pessoas podem gostar do tópico, comentar sobre ele. E seus comentários aqui com vídeos, fotos, presentes. Você pode ver alguns outros posts. Na verdade, é muito legal o quanto você pode fazer com apenas um formato padrão para qualquer necessidade básica de formulário normal. Acho que isso é mais do que suficiente. Ok, vamos voltar para o editor e deixe-me mostrar algumas das configurações do fórum no painel real. Então, quando clicamos em Configurações sob principal e podemos fazer gerenciar posts e categorias. E isso se abre, esse pop-up, esse é o painel. E vamos apenas adicionar algumas categorias para que possamos ver que parece que vamos nomear nossas categorias, coisas, categorias de viagens, como Ásia. Tudo sobre viajar na Ásia. E você vai adicionar imagens e cores e todas as coisas para o cabeçalho. Isso é porque deixa-me mostrar-te como é isso. Certo, agora temos a Ásia como categoria. Há menos onde os tópicos de discussão estavam na seção do formulário de viagem do formulário de viagem. E então nós também temos esta nova seção, Ásia e nós podemos ter um monte de postagens dentro disso também. Então aqui está o que é, vai parecer para seus visitantes quando eles estão criando um novo post. Confira meu novo post. Isto é suposto fazer é publicá-lo. E agora a seção Páginas tem seu primeiro post. Super direto e simples, certo? Nós poderíamos ter adicionado uma imagem aqui para, para ter terminado fundo exatamente como esta imagem. Ok, então esse é o fórum. É muito simples e simples. Você pode clicar em Gerenciar postagens para ver todas as suas postagens e fazer coisas como excluí-las, movê-las para uma nova categoria, editá-las você mesmo. Mas se você não gosta de algo sobre eles, você é o moderador, você pode fazer algumas edições. Está bem? Em publicações, você também tem configurações de moderação. Você pode definir um limite para novos, para cartazes que parece que alguém enviando spam ou que está postando uma quantidade inadequada. Você pode configurar postagens nele. Você pode alterar o tamanho do anexo. E isso mantém seu espaço de armazenamento em seu site inativo. Porque, à medida que você tiver mais, mais arquivos sendo armazenados em seu site, seus custos de hospedagem aumentarão. Portanto, se você não quiser explodir seu espaço de armazenamento, você pode restringir os sites de anexos. As pessoas não estão carregando vídeos de 20 gigabytes ou algo assim. E você pode bloquear algumas palavras se estiver preocupado com algo inapropriado. Então, agora, se as pessoas dizem estúpido ou manequim, ele vai postar, ser sinalizado como spam. Está bem? Certo, então esse é o formulário. É bem simples e simples. E funciona muito bem fora da mancha, fora da caixa. Vamos passar para a próxima página. 22. Desenhando sua página sobre o seu projeto: Vamos fazer a nossa página sobre. Vamos copiar e colar nossa viagem de cabeçalhos e adicioná-lo à página sobre. E vamos dizer algo agradável, como um prazer conhecê-lo. Então, geralmente em cerca de página dá-lhe uma breve visão geral da pessoa que possui o negócio. Eu a maioria dos sites são sobre negócios. Dá-lhe alguma visão sobre o negócio. Talvez você tenha alguns comentários ou alguns links onde você pode aprender mais sobre a pessoa. Acho que vamos ter algumas imagens de R, de Caleb nómada. E então teremos um pouco sobre texto. E isso vai ser muito bonito, é bastante padrão sobre arremesso. Então vamos adicionar uma tira. Lembra-te que vamos ao clássico e adicionamos as tiras em branco. Vamos torná-lo um pouco maior. Oops. Ok, e vamos fazer duas colunas. E você pode fazer este talvez cerca de 45, apenas um pouco menor para o nosso texto. E então vamos adicionar algumas imagens de mim ostensivamente, mas não vamos fazer isso. Vamos adicionar esse cara e essa garota. Ok? Então o que eu quero fazer aqui, só por diversão, eu vou adicionar essas duas pessoas a esta coluna e fazer um pequeno design. Vou fazer com que pareçam Polaroids. Então, essas imagens. Então eu vou para Design e, em seguida, escolher o branco quadrado. E quero dizer para mim que basicamente se parece com uma Polaroid. E isso é tudo o que tenho que fazer. Então, projete e escolha novamente o quadrado com a borda branca. Eles dirão que eu tenho um par de Polaroid mostrado fora do que eu faço. Então vamos fazer isso do mesmo tamanho são bastante semelhantes. Ao clicar nesta imagem, posso ver que a largura é de 254 3p4 pixels. Então eu posso apenas selecionar essa outra imagem e inserir isso. E, por padrão, estes são definidos para dimensionar uniformemente. Então agora temos duas imagens que são aproximadamente do mesmo tamanho. Só parece um pouco melhor. Agora, selecione os dois e agrupe-os e use minha ferramenta Alinhamento para alinhá-los bem no centro dessa coluna. E então vamos arrastar alguns textos h1, h2, porque este não é o cabeçalho da nossa página principal. É uma subposição. Tudo sobre somático, Caleb. E vamos adicionar algum texto de parágrafo. Livros que estão sendo tributados texto de parágrafo. Pegue um pouco mais de texto ipsum. biodiesel e rampas de destilaria, pão de homem, o arbusto, moletom, murmurar, Corbay, pokey. Odeio olhar para isto porque normalmente estou bem representado em toda essa coisa hipster, como barriga de porco. Quem me dera ter um fundo fiduciário. Le le le deixar ir para John. Sim, estou bem, o que me apresentou. Está bem. Copie e cole o texto em. Provavelmente precisa de um pouco mais intacto. Vamos pegar outro parágrafo. Em seguida, dentro de outra coluna. E nós vamos adicionar este elemento legal que eu roubei do site Nomadic Matt, que também é obviamente, eu criei um nome para Caleb nómada. Então eu vou adicionar uma imagem e, em seguida, enviá-la rapidamente. Agora, agora, parece que sabemos do que estamos falando. Temos isso como elemento Sinon, que a propósito, se você pode ser publicado em, em qualquer publicação, não apenas essas enormes tendências de Linden New York na CNN. Eu recomendo que você busque essas oportunidades porque as pessoas realmente não respeitam esses tipos de publicações como sinais sociais da qualidade e respeitabilidade, legitimidade de seu negócio. Então estar tendo um como visto na seção se você foi visto em algum lugar é definitivamente o que aconteceu. Ok, vamos fazer esta faixa de fundo branco. Então isso parece certo. E vamos adicionar um pouco de mensagens. Então isso não faz apenas um pouco mais de sentido. Mas esses logotipos são vistos. E centralizará o texto como de costume. Mova-se um pouco para cima. Está bem. Super simples e direto. Sobre você página ou sobre mim. Tudo bem, essa é a nossa página sobre. Algumas fotos, alguns textos como Sinon. Estamos prontos para ir. Vamos fazer a página de contato. E os ossos de um site estarão completos. Bastante incrível agora. 23. Crie a página de contato: Certo, vamos fazer nossa página de contato. E assim última página padrão em nosso site, entraremos na loja mais tarde. Então vamos copiar e colar essa faixa de cabeçalho em nossa página de contato. E diga algo como entrar em contato comigo. Existem diferentes maneiras de colocar a página de contato em camadas. Uma maneira simples padrão de fazer isso seria ter essencialmente duas colunas, uma da forma e a outra com todas as suas informações de contato. Tão simples, certo? Então vamos adicionar em uma faixa e, em seguida, beta e duas colunas, mas de tamanho igual. E eu só vou copiar e colar nossas informações de contato. Vou recolorir. E então nós também vamos querer começar links sociais. Estamos tentando tornar mais fácil para as pessoas entrarem em contato conosco e encontrarem todas as informações para que possam entrar em contato conosco como querem recolorir essas informações rapidamente. Certo, então temos nossas informações de contato lá. E então vamos arrastar em um formulário, 100 mais contato nos fóruns. E faremos um formulário de contato padrão. Podemos fazer uma assim. E então vamos fazer com que ele se encaixe nessa coluna. E temos uma falha que vai anexar este formulário à nossa coluna. No próximo vídeo, vamos muito mais fundo para criar um formulário, adicionar novos campos, personalizá-lo e realmente ajudar você a dominar a funcionalidade Wix é formada. Vejo você lá. 24. Personalizando formas: Vamos projetar formulário de contato personalizado com mais alguns campos e percorrer todas as configurações incluídas em quais são seus formulários. Primeiro, vamos fazer isto um pouco maior. Então temos espaço para esta forma e todos os seus elementos, digamos, dentro do módulo de formas Whigs. Então vamos precisar fazer este módulo maior para que tenhamos um espaço para mais campos de formulário. E então nós vamos percorrer todas essas configurações diferentes, ok, para simplesmente uma configuração de formulário, direto do bastão na guia Principal, você pode ir conferir seus envios se você estiver clicando em envios. Mas também é útil. Aqui está um conjunto de notificações por e-mail. Quando as pessoas enviam este formulário, ele enviará notificações com essas informações para todos os e-mails da equipe sob funções e permissões para as quais trabalhamos anteriormente. Você poderia escolher quem na equipe que realmente obteve esses. Agora digamos que você construiu este site ou outra pessoa. Eles não estão gerenciando o site por si só, você está gerenciando para eles, mas eles precisam receber os e-mails quando as pessoas entram em contato com eles e seu formulário, você pode adicionar um novo e-mail aqui. Mas se você não tem Woods é atualizado, seus planos centrais, isso é o que isso é. Então você só pode ter dois aqui. Então talvez você e o dono desse negócio. Ok. Então vamos sair da equipe no local. Agora. Agora, você pode configurar funcionalidades diferentes. Quando alguém envia o formulário, você pode ter uma pequena mensagem como agradecimento por enviar. Você pode levá-los para uma nova página, como uma página de agradecimento. E eu gosto de fazer isso. Você pode adicionar um pouco de agradecimento. Mensagem um pouco de agradecimento. Vídeo ou algo assim na página de agradecimento. E também será útil no futuro se você estiver anunciando para acompanhar suas conversões. Então eu gosto de configurar páginas de agradecimento. Mas há outras maneiras de fazer isso. Você poderia fazer um link para um download de arquivo, certo? Se, por exemplo, mais cedo em nosso pop-up, a oferta era quando eles enviam o formulário, eles deveriam obter um guia de viagem para a Tailândia. Então precisaríamos atualizar nosso plano de aula para que as pessoas, quando enviassem esse formulário, recebessem o download do arquivo. Você também pode vincular a um URL externo. Leva-os para google.com ou o que quer que seja. Ok, a próxima coisa é o pagamento. Então não vamos entrar nisso porque não vamos criar um plano de aula agora, mas você pode criar um formulário de pagamento personalizado. Então você tem algum tipo de produto de cliente que você precisa coletar informações para. E você não pode usar as opções da loja Wix ou talvez você esteja coletando doações. Embora a forma de pagamento da semana seria a opção para você, você sabe, tipo de condicionais. Então isso seria um campo que mostra com base nas respostas para um campo anterior. Então digamos que você tenha uma pergunta que diga, você já esteve neste local antes? Se você marcar sim, então o próximo campo que aparece é ótimo. Qual é o seu nome? Talvez você diga não, então a resposta pode ser, ok, quando gostaríamos de visitar, algo assim, certo? Então é um campo que depende das respostas para outro campo. A próxima guia é contatos. Você pode rotular as pessoas que estão usando este formulário. Então isso pode ser, você pode deixá-los como formulário de contato geral ou algo assim. E para um fórum diferente e pode ser assinantes de boletim direito em nossa primeira página. Ok, a próxima guia é automações. Automações são super úteis. Eu realmente recomendo que você procure automatizar alguns de seu fluxo de trabalho. Automações são ações que aconteceram. Foi o visitante toma uma ação. Então, eles enviarão este formulário e o MI automaticamente assim que ele enviar um e-mail e, em seguida criar uma nova tarefa para chamá-los direta ou indiretamente, ou faturá-los, ou qualquer funcionalidade que você precisa para sua automação comercial específica. Você vai economizar muito tempo e usar uma variedade de automações diferentes no meu próprio negócio. Então, à medida que você começa a escalar e descobre que você está fazendo as coisas uma e outra vez, manualmente. Qualquer coisa que está sendo feita uma e outra e outra vez da mesma maneira. Você provavelmente pode encontrar uma maneira de automatizá-lo. E este é um desses, este é um daqueles lugares que você provavelmente pode automatizar alguns de seus trabalhos. E-mail marketing. Eu realmente não sei o que isso está vinculado nos fóruns, mas você pode configurar campanhas de e-mail e falaremos sobre isso mais tarde no curso. Ok, então é isso que nossas configurações, a próxima guia para Whigs se formou é adicionar novos campos. Você pode adicionar um monte de campos diferentes. E olhando por aqui para quase qualquer forma que você quer, você vai querer adicionar uma recapturá-los. Isso é isso, eu não sou um campo de robôs. E isso impede que você receba um monte de spam. O Morris, quanto mais popular e mais tráfego você chegar ao seu site, maior a probabilidade de você começar a ter spammers que estão realmente lá para irritá-lo. Então eu realmente recomendo que você adicione recapturado a todos os seus campos. Spam para baixo. E vamos apenas adicionar alguns campos diferentes. Então estes são nossos campos de conduta padrão, mas então os campos básicos são campos personalizados que podemos criar. Então vamos adicionar uma pergunta que diz algo como, para onde você gostaria de viajar? E dá-lhes uma lista suspensa. Vamos acrescentar isso. E vamos também adicionar mais um campo. Como Qual é o seu orçamento de viagem? E vamos fazer botões de rádio para isso. Ok. Agora posso clicar nesse menu suspenso e gerenciar opções. E então isso vai ser, o que você quer viajar para escrever? Então vamos colocar isso no texto do espaço reservado. E ele vai gerenciar essas escolhas. E você pode clicar duas vezes sobre eles para alterar o nome dessas opções. E então, e os botões de rádio, podemos fazer uma coisa semelhante. Podemos gerir as escolhas. E vai ser o nosso orçamento de viagem. Então vamos dizer 0 0 dólares a 5 mil dólares, 1000 a 20 milhões dólares mais alguns rolos altos. E vamos adicionar esse campo para fazê-lo perguntar. Qual é o seu orçamento de viagem? Para botões de opção, você também pode selecionar um campo pré-selecionado. Você também faria qualquer um desses campos são obrigatórios e recomenda fazer isso para coisas que enviam e-mail. Então, no campo de edição, este campo é obrigatório. Ok, então agora vamos reorganizar um pouco e, em seguida, estilizá-lo para combinar com aqueles dois por site. Então tem sido o fundo do faturamento de recaptura. Podemos colocá-lo do outro lado do caminho a partir do botão enviar. E acho que a mensagem deve ser a última coisa. Por isto. Para isso, vamos adicionar 41 para viajar até lá. O que você fez orçamentos de viagem? Não, eu gosto do jeito que isso parece. Eu poderia tomar as fronteiras destes e nós vamos dizer, ok. Então, há a nossa forma. Nós realmente não precisamos desse formulário intitulado porque ele está bem ali. Vamos apagar isso e vamos mover todos os nossos campos para cima. Agora, realmente preciso fazer isso um pouco menor também, porque ele não está se encaixando corretamente em nossas diretrizes e nossas colunas. O que significa que são alguns tamanhos de tela. Algumas coisas podem ser cortadas. Então eu vou clicar em cada campo e redimensioná-lo. E os tamanhos aqui, ou tamanhos em 225 pixels de largura. E isso é realmente um pouco de espaço para respirar entre cada um desses campos como este. Só para que eles não estejam deitados diretamente um em cima do outro. Está um pouco apertado para mim. Muito bem, temos quase tudo redimensionado. Obrigado por enviar. Meu vínculo de contato. Entrarão em contato em breve. Não se esqueça de pequenos toques como sua mensagem de sucesso é quando você envia um formulário. São todas essas pequenas coisas que fazem, que humanizam o seu negócio e fazem dele pessoas interessantes. Isso obviamente não é o melhor texto de submissão, mas qualquer coisa que torne as coisas um pouco mais pessoais e as pessoas vão apreciá-lo. Certo, fizemos isso um pouco mais apertado. Agora está se encaixando corretamente. Agora é na sala é fundo branco e mudar o design para torná-lo caber um pouco melhor. Antes de fazer isso, deixe-me caminhar por todos os campos para que você saiba o que cada um é. Então, há os campos de contato padrão. Mas então ele basicamente sustenta que você tem textos curtos que seriam como primeiro nome, um campo de parágrafo, que deve ser como a mensagem. Então você pode escrever várias linhas de texto. Campo de número significaria que você só pode colocar em números. Botões de rádio é como uma escolha múltipla como esta. Checkbox é uma única caixa de seleção. Então, algo como, você deseja receber comunicações deste negócio? Multi verifica caixas de seleção exatamente o que parece. Ele pode marcar várias caixas. Isso seria algo como o que está acontecendo é que você quer na sua pizza e você pode verificar pepperoni, inferno, opinio, abacaxi, presunto, o que quer. Talvez não seja uma boa pizza. De qualquer forma, o campo suspenso seria como, para que você quer viajar? Falha na leitura, você poderia dar a eles uma classificação de estrelas. Campo de data, você coloca uma data e hora aberta, você só coloca em URL de hora. Você é obrigado a colocar em um link como, qual é o seu site? Assinante opt-in seria realmente algo que precisaríamos nesse boletim de inscrição na página inicial. Assinante opt-in está apenas pedindo permissão para enviar e-mails para as pessoas e, em seguida, investir campo. Você precisa do seu plano e vigoroso, mas você também pode solicitar o upload de arquivos e até mesmo pedir que eles assinem o formulário se você precisar de uma assinatura para algo. Ok. Em seguida, temos layout. E vamos manter isto como é este artigo que eu queria. Certo, e depois desenhe. Faremos o que fizemos até o ponto mais cedo. Vou avançar um pouco disto, mas vamos fazer com que isto corresponda ao resto da nossa marca. Tudo bem, então estão formados prontos para ir. Nós removemos o plano de fundo, adicionamos algumas opções, personalizamos a nossa mensagem de envio personalizada. Nós adicionamos um recaptcha. Este formulário está pronto para usarmos em nosso bug de viagem. Certo, vamos ao próximo vídeo. 25. Como adicionar o Google Maps à sua página de contato: Ok, então eu adicionei alguns pequenos elementos à página de contato. Então colocamos isso em uma caixa de contêiner com o pequeno Boyer, tornando-o um pouco mais interessante. Tivemos em uma galeria para que você possa ser um pouco e espiral ou não pode se formar. A última coisa que quero mostrar a você como fazer é como adicionar um mapa usando o Google Maps. Então vamos superar, como de costume, provavelmente um pouco maior. E depois um sinal de mais. Vamos entrar em contato e poemas, Google Maps, mapas e desenhos diferentes. Só vamos rolar com o mapa padrão das rodovias por enquanto. Vamos esticá-lo para as pessoas torná-lo um pouco maior. Então esta é uma maneira muito comum de fazer um mapa em uma página de contato. A propósito, seria no final da página para molhado como este. É, eu acho que é realmente apenas a tendência de design. Parece ótimo. Então agora vamos selecionar nossa matemática e gerenciar locais. Agora inscreva-se que é 1, e abordando os impostos de Austin. E o título será nômade, Kayla, não moro muito longe do Pilloton deles. Tente me encontrar. Ok. E reconhecer qualquer outra coisa. Talvez nós vamos adicionar uma descrição. Blog de viagens número um do mundo. Uma coisa legal sobre o recurso Google Maps em Avançar é que ela pode mudar esse pequeno ícone. Então você tem que projetar. Você pode acessar o InDesign e ver se o padrão é esse. Vamos ter uma pequena estrela por enquanto. Eu agradeço e vamos mudar a cor para cone vermelho. Então, disse vamos configurar um Google Maps personalizado. Diga o próximo vídeo. 26. Venda online de uma loja de comércio Wix e a: Vamos montar a nossa loja. E-commerce é uma grande oportunidade. Ele permite que você faça uma renda de qualquer lugar do mundo. É realmente atraído por pessoas como nômades digitais, que tecnicamente eu poderia me classificar como apesar da maior parte do tempo em que vivo em Austin. Mas é realmente incrível que ela pode ganhar dinheiro de qualquer lugar do mundo vendendo produtos que você pode nem estar armazenando. Então você deve estar muito animado para aprender um pouco mais sobre e-commerce. E neste vídeo, vamos adicionar alguns produtos à nossa loja. Vou te mostrar como isso funciona. Então vamos começar. Há duas maneiras de fazer isso. A partir do editor frontend, podemos clicar em nossa loja, em nossa página loja Isso é auto criado quando adicionamos o aplicativo loja, que se lembra era um aplicativo de anúncios. E assim podemos clicar aqui e clicar em Gerenciar produtos. E abrirá esse painel pop-up. Nós também podemos simplesmente ir para o painel e ir para armazenar produtos uma vez que nossos aplicativos instalados, lembrado em resolver aplicativo primeiro. E então vamos começar a partir daqui. E estes são todos os tipos de exibição de produtos para ajudá-lo e ver o que a loja, que vai se parecer, elemento loja na sua frente, na frente aqui. Então não precisamos mais disso. Vamos apagar todos esses produtos. A elite, vamos adicionar alguns novos produtos. Existem dois tipos de produtos que você pode adicionar. Há arquivos digitais ou físicos. Então eles explicam o que é isso. Se você está vendendo, neste caso para este site, talvez um guia de viagem, WE arquivo digital porque você pode vender no download PDF. Portanto, qualquer tipo de produtos de informação será quase sempre arquivos digitais. Físico é o que parece. Vai ser uma camiseta ou um skate ou um livro físico real e não uma cópia em PDF. Então, vamos clicar em físico. E eu criei alguns produtos de maquete para nós apenas para que possamos ver como estes vão ser todos. Carregado no site. Você obtém imagens e vídeos que usam taxas de conversão de saúde. Então, se você pode fazer vídeos de seus produtos, eu recomendo fazê-lo. Mas então nós temos uma camiseta e deixe-me adicionar essas imagens. Ok. Ou fotos ou carregadas. Quero dizer, são modelos rápidos ou produtos diferentes usando um site chamado place it dotnet link na descrição abaixo. Mas é um ótimo site para criar modelos como este. E aqui está uma foto da nossa camiseta ou da regata. Vamos percorrer todos esses campos diferentes para obter informações sobre o produto. Podemos nomear o produto, podemos adicionar um ritmo no canto que diz algo como bestseller. E estes serão salvos para que você possa reutilizar essas fitas. E novamente, a fita é apenas uma pequena caixa no canto da imagem do produto que tem algum tipo de descrição. Podemos pagar o que quisermos a 99. Podemos oferecer uma venda e desconto ou valor em dólar. Vamos fazer 10% de desconto na venda. E você pode mostrar o preço por unidade se você tem algo que você está vendendo pela unidade, se você está vendendo, você sabe o que, por polegada quadrada ou algo assim, podemos descrever nosso produto aqui. Realmente ótimo. T-shirt Slashdot. E podemos adicionar algum imposto personalizado se for um produto personalizado. Em seguida, podemos adicionar opções de produtos. Então esta é uma camiseta, então provavelmente teremos tamanhos. pequena, média, grande, XL Célula sexualpequena, média, grande, XL, XX, XX. Então essa é uma opção que as pessoas escolhem. Essa é uma personalização que as pessoas podem fazer, a outra para um professor, vai realmente ser a cor vermelha. Então vamos dar um nome a esta cor. E eu vou colocar nas cores. Vermelho, preto, azul, verde, rosa, laranja, roxo. Isso provavelmente não é. Você entendeu a idéia. Eles podem escolher a cor e o tamanho do produto. Você também pode gerenciar os preços e o inventário dessas variantes. Então, se você selecionar este botão, então a variação de gerenciamento. Muitas folhas de cálculo variantes essencialmente irá aparecer. E digamos que você queria que todas as suas camisas extra grandes fossem um dólar extra, então você pode selecionar todas essas variantes aqui em cima. Então, clique na lista suspensa e clique em Excel. Vai selecionar todas as células, certo? Você tem 42 variações porque você tem um monte de tamanhos diferentes de extremos e cores. E disse, andando por cada item e encontrá-lo manualmente, você pode selecioná-los todos juntos. Digamos, neste caso, todos os maiores juntos. E você recebe a carga e triste como ele longe, então cetera cobrar e as cobranças um dólar extra por Archer real. E lá vai você. Isso é tudo que você faz para alterar o, alterar os preços para uma certa variação do seu produto primário? Ok? Você também pode configurar assinaturas. Digamos que alguém queira comprar uma camiseta todos os meses porque eu não sei se eles ficaram o mês todo e ela simplesmente desmorona. Você pode criar uma assinatura, chamá-la de camiseta mensal. Assine e diga, quanto eles devem dizer 10 por cento. E pode ser mensal. Tipicamente. Depende do produto, Mas muitas vezes descrições ou faz outonais, ele vai cancelar. Se o cliente não disser nada, então eu vou continuar recebendo esse produto ou esse serviço para sempre. E então talvez 10% de desconto. Ótimo. Agora as pessoas podem, nós teríamos que atualizar, mas as pessoas podem comprar uma assinatura e obter este produto todos os meses. Isso é realmente tudo o que você precisa fazer para criar um novo produto e trabalhar. Agora eu vou ir em frente e adicionar o resto de nossos produtos e vamos falar sobre coleções. Tudo bem, todos os nossos produtos foram adicionados. Temos quatro produtos, um chapéu de pai, estojo de telefone, uma sacola na camiseta, e é realmente apanhado. Certo, agora podemos criar uma coleção. Prazeres, categorias de produtos, algumas categorias de produtos de coluna de serviços, algumas coleções de produtos de coluna. Não se confunda. É apenas um grupo de produtos. Então vamos criar um novo que é chamado de mercadoria de marca porque são todos esses produtos. Então nós acabamos de adicionar, para que possamos nomeá-lo acima e então podemos adicionar nossos produtos aqui. Eu tenho que fazer é verificar os que você quer adicionar m. E então você pode adicionar sua imagem de coleção, que neste caso, vamos fazer esta foto de um chapéu. E é isso. É bem simples. É tudo o que tenho de fazer para criar uma colecção privada. Depois de terminar de criar uma coleção, os popups vão aparecer? E vai pedir-te para adicionares a colecção. Agora, se você quiser, Vamos criar uma nova página com uma grade de produtos que está conectado a essa coleção. Então vamos fazer isso para que você possa ver o que isso, o que acontece. Tudo bem, então quando clicamos em Adicionar, agora ele criou esta página que tem apenas são coleção de produtos de marca nele. E ele também vai criar uma nova página para nós e, em seguida, a imagem da marca da página. Então podemos adicionar isso como uma página de categoria. Mas então poderíamos adicionar um pequeno título. Não fundiu, esticar isso no centro. Teria sido feito. Legal. Então agora temos uma página especificamente para um casamento garantido. Agora, vamos falar sobre como personalizar nossa loja e nossas páginas de produtos. Então nós temos esta página de imagem da marca. Vou deixar isso sozinho por enquanto, voltar para a página principal da Shoppe, que teria todo o nosso lado do produto se tivéssemos mais de quatro produtos. E vamos adicionar um título bem rápido. Ok? E você pode personalizar este centro de widget loja. E você também pode personalizar as páginas do produto. Então, se você clicar em Configurações aqui, e você pode escolher quais coleções que estão sendo exibidas na loja. Por exemplo, fomos fundidos. Temos as coleções, podemos mostrá-las aqui. Novamente, escolha a tela. E assim há apenas determina como os produtos são exibidos. Você pode ver que eles estão mudando aqui. Este parece bem. A proporção da imagem ou as imagens estão sendo exibidas suficientemente bem. Mas às vezes você não precisa mudar isso dependendo do produto que você está vendendo. Quatro colunas e três linhas. Isso funciona para mim também. Só temos quatro produtos agora. Vamos para as configurações. Podemos selecionar o que é mostrado. Nome do produto, preço do produto, divisor de preço nomeado. E eu acho que seu humor, mas divisor, para obtê-lo um pouco mais simples, mais limpo olhar. E então o botão Ver Mais deve ser carregado, mais paginação seria onde há pequenas bolhas na parte inferior diz 1, 2, 3, 4. E você pode escolher qual página para navegar para carregar mais como apenas você clicar em um botão e ele carrega disse mais produtos. Pergaminho infinito, mas você mantém corda, continua rolando, e as coisas continuam aparecendo. Ok, vamos adicionar um botão de adicionar ao carrinho apenas para tornar mais fácil para as pessoas fazerem check-out. Você vê isso? E quando o botão é clicado, vamos abrir o mini cartão. Vou te mostrar o que é o mini cartão em um segundo. Vamos também adicionar este botão show product options. Agora as pessoas podem escolher as opções do produto, qual cor e tamanho. E para o chapéu, que tamanho? Ok. Imposto para os botões Adicionar ao carrinho. Isso funciona. Design. Sim, tudo isso funciona para eu adicionar ao botão do carrinho. Queremos ser negros. Vamos nos sentar com isso por enquanto. Então os filtros são muito úteis. Eu quase sempre recomendo adicionar filtros. Os filtros permitem que as pessoas naveguem no seu site com base em alguns diferentes, bem com base em todos os parâmetros que você disse. Coleções, preço, cor, tamanho. E se tivéssemos mais opções para nossos produtos, eles seriam mostrados aqui também. Você também pode adicionar classificação. A triagem vai aparecer aqui. Esta lição é classificar por preço ou por nome. Então, o ponto de adicionar classificar e filtrar para suas páginas de loja é tornar o mais fácil possível para as pessoas encontrar o produto que eles querem e comprá-lo. Quanto mais fácil você torna para seus clientes comprarem suas coisas, mais eles vão comprar coisas, certo? Isso faz sentido. Então vista rápida é o pequeno pop-up irá mostrar-lhe que em um segundo também. E é basicamente isso. Então deixe-me mostrar uma prévia desta página agora para que você possa ver como tudo isso funciona. Então, passamos o mouse sobre e há o negócio rápido realmente rapidamente é o popup. E apenas nos mostra mais informações sobre o produto. Clique em Mais detalhes que leva você para a página de loja real. Certo, é um bom caso. Ok. E se voltarmos para a loja, podemos olhar para o filtro e talvez não queiramos gastar mais de 19 dólares. Soa filtrado um par mais e digamos que não gastamos mais de US $13 filtrado um pouco mais. Ok. Talvez estejamos procurando algo em vermelho para que você possa escolher Ler. Apenas a camiseta está disponível em vermelho. Então agora sabemos. Tudo bem, então você entende isso. Você pode adicioná-lo ao carrinho e você clicar em Adicionar ao Carrinho II, isso aparece e podemos selecionar meio. Então este é o mini cartão. Eu recomendo manter isso. Isso só torna um pouco mais fácil para as pessoas se locomover em seu site. Certo, agora vamos personalizar nossas páginas de produtos. Então, vamos para páginas e restauramos páginas. Podemos personalizar a página do seu produto aqui. Então eu realmente não gosto desta página de produto que eles nos deram. Não parece um bom uso do espaço. Então eu vou para Configurações e escolher um layout diferente para a página do produto. Gosto do clássico, funciona muito bem para mim. Agora temos uma imagem maior, tamanho e quantidade aqui. Boa metade. Ok, então nós vamos adicionar uma coisa a uma página de produto e eu recomendo que você faça isso na maioria de vocês sites de e-commerce. A pequena vantagem. E, em seguida, para a loja, você pode adicionar produtos relacionados. E isso mostrará as pessoas produtos relacionados a este. Muito compras, algo assim, certo? Digamos que você tivesse um monte de chapéus diferentes. Iria mostrar-lhes chapéus semelhantes nesta galeria. Ajuda as pessoas. Isso vai me ajudar alguém, essencialmente, porque as pessoas vão ter um tempo mais fácil encontrar produtos relacionados a algo muito parecido com ele já está nesta página, laticínios como o chapéu, certo? E eles podem ver produtos relacionados a isso. Espero que tudo tenha feito sentido. Mas, em suma, eu recomendo que você adicione produtos relacionados para se tornar uma estrela. Ok, então agora nossas páginas de produtos da loja estão boas. Nossa página da loja está com bom aspecto. Vamos adicionar um pouco de espaço aqui em baixo. Uma coisa que nos esquecemos de adicionar ao nosso menu é um cartão. Então vamos adicionar um ícone de carrinho, muito rápido. Loja, carrinho de compras. Então vamos arrastar isto para o lado. Vamos adicioná-lo ao lado do botão da loja. Lá vamos nós, como um saco de compras. Então, vamos para Configurações. Vou mudar a aparência disso. Deixe-me dar uma volta em algo simples assim. Ainda é um pouco grande demais. Sou menor. Certo, agora temos um carrinho de compras. Finalmente, você pode personalizar a aparência do seu carrinho e sua página de agradecimento a partir do navegador do espaço de trabalho também. Então eu vou te mostrar como chegar lá e é página e depois carro e internação e obrigado. Página. Gosto da forma como estas parecem. Acho que estão bem. Vou subir um pouco. Eu não acho que eles realmente precisam de mudanças, então eu vou deixar isso como está. Se a página de agradecimento. Eu acho que é também parece algum tempo movê-lo um pouco para cima. Agora, se você quiser personalizar estes, você pode eles. Tudo bem, vamos colocar no próximo vídeo. 27. Adição de animação ao seu site: Ok, agora vamos animar um pouco do nosso site. A razão pela qual nós animamos é apenas para torná-lo um pouco mais interessante, para deixá-los chateados, um pouco mais convincentes, para torná-lo mais emocionante estar lá. As animações também podem levar o usuário para, em direção a uma ação. Digamos que você tem um botão uploads são deslizamentos que ou algo assim. As animações podem ser ótimas por uma variedade de razões. Então vamos animar um pouco deste site. Mas a primeira coisa que vamos animar como este botão, vamos apenas fazê-lo meio que fluiu de baixo. Como isso. Parece bom. Então você viu o que eu fiz. Escolha um elemento e, em seguida, clique nos quadrados em movimento, e este menu aparece. E agora há animações diferentes. Agora vamos realmente verificar algumas dessas animações para que você possa ver o que elas farão. Bounce m vem em rápido, deslize M desliza e fluxo de gordura, em seguida, expandir por sua vez em, fly-in gasto em Arkin, Puffin, Bolden, flip and revele, slide n. Sim, o orçamento de animações. Então eu praticamente só uso flutuar, desvanecer-se e deslizar. Na minha opinião, muitos desses outros parecem bem piegas assim. Isso é demais, certo? Não pretende que a animação retire da mensagem que está a tentar comunicar ao utilizador. Então é por isso que eu prefiro animações mais sutis como fluído, desvanecendo ou contente. Então vamos fazer isso. O flutuador e vamos mantê-lo de baixo. Depois de selecionar uma animação, você pode alterar a direção da qual a animação vem, dependendo da animação. Você também pode selecionar a duração. Então, quanto tempo leva. Se temos como um 3 segundos fluiu e assistir ao longo dos erros. Demasiado lento. Então 1.2 é geralmente bom. E você também pode atrasar a animação se você quiser dar às pessoas um pouco de tempo antes que isso apareça. E então é bom fazer apenas animar a primeira vez para definir essas animações não acontecem toda vez que alguém vem ao site, isso se torna meio que muito. Então temos que flutuar para isso. Vamos deixar isso. Vamos ver o que mais queremos animar. Vamos animar isso como um grupo. Então você pode animar um grupo inteiro para agrupar esses dois elementos de texto, este título neste corpo. E então vamos animá-lo e fazê-lo flutuar, semelhante ao último da direita. A imagem flutua pela esquerda. Como isso. Ok, agora vamos ver o que temos até agora. Então o botão meio que os flutua. Deixamos isto em paz. E depois o sobre BLOSUM. Acho que o que podemos fazer com as tiras é ter os elementos dentro delas agrupados e depois desaparecer e juntos. Ok? E a razão pela qual eu decidi colocar um falhando-os é apenas para adicionar um pouco de interesses para a página como você rolar assim. Ok, então deixe-me ir em frente e adicionar alguma animação para o resto do site. E então vamos verificar todo o lado até agora no próximo vídeo. 28. Uma visita do site até: Tudo bem, vamos em frente e para o nosso site até agora, eu vou atualizar a página para que possamos dizer tudo. Ok. Button não deveria estar aqui. Lá está ele. Aqui está o nosso pop-up para o guia de viagem da Tailândia. Você pode se submeter, não é? E verei o que acontece quando fizer isso. Obrigado por enviar. Está bem. Melhor subscrever o formulário aqui. Deixe-nos postagens de blog ou vídeos mais recentes, animações de casal, produtos de viagem mais vendidos sobre mim. Não sou eu, desculpe. - Sim. E depois vou ver a nossa página do blog. Tem todas as postagens do blog. Página de vídeos e para os dois canais de ar e grouse. Quem de novo, eu não sei, mas aposto que ela é ótima. Parece que ela tem ótimos vídeos. E então a nossa próxima página é a nossa forma. Nós criamos alguns grupos básicos, Asia Travel Forum. Tenho uma foto aqui. Muito simples. Temos a nossa página sobre, animações legais aqui, fotos curtas sobre café e, em seguida, o Sinon, mesmo que isso não é realmente visto porque este é um site falso. E, em nossa página de contato, temos um formulário de contato. Informações de contato, pequena galeria curta e manter as pessoas interessadas em nosso Google Maps. E continue indo a uma loja. E a nossa loja temos todos os nossos produtos de viagem, por isso tenho a marca merch. Vamos adicioná-los ao nosso carrinho e ele abre um mini cartão. Você é carrinho nos leva aqui e, em seguida, continuar indo e check-out em um não. Obrigado por ser um grande blogueiro de viagens. Está bem. Então esse é o nosso site até agora. Definitivamente serviu o seu propósito, que é ser um ponto central para uma informação blogueiros de viagem, seu blog, seu blog. Há fóruns de discussão e uma loja onde eles podem vender guias de viagem emergem e esse tipo de coisa. Agora, nosso próximo passo é otimizar o site para dispositivos móveis. Vejo-te no próximo vídeo. 29. Otimização para celular: Está bem, isto é muito excitante. Agora vamos otimizar nosso site para dispositivos móveis. Então, parece bom em todos os tipos de telefones inteligentes. Otimizar seu site para dispositivos móveis é muito importante. Pelo menos metade do seu tráfego virá de pessoas em seus smartphones. E se você tem algo voltado para consumidores como um negócio B2C, como um blog de viagens, então mais do que hackers, seu tráfego provavelmente virá do que provavelmente está mais perto de 75%. Portanto, é ótimo que nosso site de desktop pareça sólido. Mas agora precisamos entrar na versão que a maioria das pessoas verá, que é a versão móvel. E então eu coloquei aqui no topo, a seleção de página. Há um pequeno ícone para desktop e para dispositivos móveis. Vamos clicar em celular porque é assim que personalizamos nossa versão móvel. Ok, então já podemos dizer que isso parece meio confuso, como se isso não fosse funcionar. Então vamos realmente fazer o cabeçalho primeiro. Este cabeçalho novamente vai estar em todas as páginas. Então este é um grande passo em direção ao hipermóvel dos nossos tradutores, porque vai acabar com cada passo. Então, primeiro, vamos fazer nosso logotipo um pouco maior e adicionar esse menu até o topo. Este é um layout bastante padrão para um site ter o logotipo e um pequeno menu de hambúrguer para o menu. Agora, clique no menu e clique em Editar menu. Nosso menu móvel real aparece. Então não queremos que eles se pareçam com isso. Podemos verificar o layout e talvez possamos tê-lo à direita em vez disso. E isso é bom por enquanto. Ok? Então temos três colunas. Há muita informação aqui. Precisamos de todas as nossas redes sociais para comer tudo isto aqui. Eu não sei. Vamos fazer um pouco disto um pouco menor. Ok. E isso é uma melhoria, mas eu ainda não amo isso. Vamos esconder o bar social. E manteremos a loja lá. As lojas são importantes. É o fazedor de dinheiro. Parece melhor, mas não gosto disso. Vamos em frente e adicionar o cartão ao lado do menu entre isso e o logotipo. Faça isso um pouco menor. Mova todos esses três itens um pouco para cima. Com a loja logo abaixo do botão de choque, logo abaixo. Nos caras menores, um pouco mais concisos. Aqui. Nós tornamos o botão da loja menor. Uma outra opção que podemos fazer é clicar neste botão, clique com o botão mouse nele, e ir para mover para a caixa de menu. Então, agora a nossa loja, podemos colocar no nosso cardápio? Agora vamos clicar fora disso. Agora estamos falando agora como é muito mais conciso. Agora, eu me sinto confortável com este menu. Vamos torná-lo menor. Precisamos desta foto desta mulher aqui para a versão móvel. Eu não sei. Vamos tentar fazer esta viagem maior. Torne isso maior para que possamos ver, ler o blog. Eu sou uma posição aqui porque parece que um caminho está levando para a República. Agora há algum espaço morto e você passar o mouse sobre algum espaço morto como este, você pode apenas clicar em Excluir espaço. E essa é uma maneira fácil de fazer isso. Você obtém um tamanho maior, tamanho da fonte. Na sua versão móvel, eu tenho que fazer é clicar na fonte, clicar no texto e, em seguida, clicar nesses botões. Você pode simplesmente clicar no botão Configurações e digitá-lo ou arrastar o tamanho da fonte. Só estou fazendo isso um pouco maior. Assine o blog que parece bem. Leia minhas postagens no blog. Isso parece bem. Eles distribuem um pouco maior, na verdade fazem que 28. O que significa, que é 128 também. E você nem consegue ver isso. Então vamos mover esta faixa toda para baixo. Pode ser tira as folhas, a alça de arrasto para arrastá-lo para baixo. Muito bem, aqui estão os nossos produtos de viagem mais vendidos. Você pode rolar por aqui. Então parece bem. Em nosso Sobre Mim, como sólido. Agora vamos consertar a manteiga. Não temos navegação no topo. Podemos esconder “navegar”. O que significa que podemos esconder esta coluna inteira. Vamos reposicionar algumas dessas coisas. Como é que isso parece? O que nós tornamos estes mais centrados? Lá vamos nós. Ok, isso vai funcionar para o nosso rodapé por enquanto. Ok, então agora nós otimizamos a página inicial para dispositivos móveis. Está parecendo muito melhor. Mas agora precisamos passar e fazer a mesma coisa em todas as nossas páginas. Vou fazer isso agora. Tudo bem, é isso. E eu vou ter dez minutos ou site foi otimizado para celular e vai parecer decente em seu telefone inteligente. Verifica isso. Sim, parece-me muito bom. Então vou adicionar um vídeo deste lado do meu próprio telefone. E agora nosso próximo passo é começar a otimizar nosso site para motores de busca e, em seguida, bloqueado para o mesmo Callaway. Vejo você no próximo vídeo. 30. Uma visita do site móvel: Ok. Olá. 31. Blogs com Wix: Neste vídeo, vou mostrar-lhe como adicionar uma nova postagem de blog ao seu blog. Se você começar no seu painel do Wix, no lado esquerdo, você verá o blog clicando nele. Você verá algumas opções diferentes. No lado esquerdo, rascunhos publicados, categorias de lixo agendadas, e ele publica todos os blockbuster de espectadores já foram publicados. Você pode ver que temos algumas postagens de blog de exemplo aqui já com uma imagem. O título e a data de publicação em rascunhos são datas posteriores em que você está trabalhando no momento, mas você ainda não publicou sob agendada. Você pode ver postagem concluída e está agendada para postar como esta sobre Washington DC, que tem isso para 15 de dezembro. Finalmente lixo. Você pode ver postagens de blog que você se livrou. A cadeira, a opção no lixo para restaurar seus posts no caso de você mudar de idéia e decidiu não excluir um desses posts. A última, a última opção no lado esquerdo são categorias. E há suas postagens de blog, categorias, então são agrupamentos, postagens. Assim, por exemplo, para uma quantidade de bug de viagem da Ásia, Europa, EUA, um blog. E é muito fácil adicionar um novo post. Você pode clicar em nova categoria e vamos nomear esta África. Você pode adicionar uma imagem aqui, onde quiser. E isso vai abrir sua biblioteca de mídia e, em seguida, apenas colocar uma imagem lá dentro. Super-fácil. Certo, então de volta às postagens e depois publicadas, você pode ver postagens de escuta. E é aqui que você pode criar um novo post. Então, se você clicar em Criar nova postagem, esse construtor de postagens de blog aparecerá. A primeira coisa que você pode fazer é adicionar um título, algo como uma lula viva na Coréia. E logo abaixo é onde você pode colocar o texto do seu blog. Então eu só tenho isso copiado e colado. Podemos enfiar tudo isso aqui. E isso é mais daquele hipster Ipsum que mencionei antes. Então você pode copiar e colar. Normalmente, eles recomendam escrever sua postagem em um documento do Word ou em um documento do Google e editá-lo lá e, em seguida, movê-lo sobre que temos sua própria cópia em outro lugar. E você pode configurá-lo para pessoas sem ter que vincular seu site se você não quiser por algum motivo. Ele já foi adicionado à postagem do blog? Você também pode adicionar coisas como imagens. Eu tenho que fazer é clicar aqui e, em seguida, clique em Adicionar. E você tem algumas opções diferentes. Você pode adicionar uma imagem, galeria de imagens ou arquivos de vídeo, divisores, botões. Então você pode fazer alguma luz projetando esses posts tipo de como suas páginas da web, mas muito mais simples. Então, neste caso, vamos apenas adicionar um inteiro para jogar aqui para tornar esta equipe de postagem do blog um pouco mais interessante. Eu não tenho nenhuma foto do quadrado ao vivo, mas podemos fazer algumas fotos de viagens gerais como esta. Assim, uma vez que você adicionar uma imagem, você terá algumas opções aqui. Você poderia fazer o tamanho real. Você poderia fazer um ajuste menor, melhor ajuste para largura. E isso é realmente comum para o alinhamento para a esquerda para a direita. Então há texto em um dos lados do, a imagem e esses pequenos círculos brancos, você pode arrastar estes semelhantes também no editor Wix para redimensionar sua imagem. E então você também pode editar a imagem usando o mesmo editor de imagens que no editor de frontend. Você pode alterar as configurações em sua legenda. De todos os tipos falaremos um pouco mais tarde. Mas este é um recurso SEO que essencialmente descreve sua imagem para mim, para motores de busca. Então esta seria uma mulher de avião modelo amarelo segurando. Vamos em frente e nomear isso. Vai fazer isso para a legenda para. Você também pode vincular suas imagens. E, finalmente, você pode substituí-los. Se você selecionar qualquer um de seu texto. Você também tem todas essas opções semelhantes a um documento do Google Doc ou Word. E você pode alterar qualquer uma dessas configurações sempre que quiser. Então você pode fazer essas coisas maiores. Você pode adicionar cabeçalhos ao documento. Você pode colocar as coisas entre aspas, o que é meio legal. Deixe-me mostrar-lhe o que é isso e libertá-lo. É muito simples se você já usou um, qualquer tipo de editor de texto antes. Agora vamos falar sobre algumas das configurações no lado esquerdo. Então, sob o botão Adicionar elementos, Há configurações. E assim você pode criar, você pode alterar sua imagem de capa, imagens de capa com o que vai ser exibido no front-end do site. É esta imagem bem aqui. Vamos manter isso como a imagem que já adicionamos ao post por enquanto. Você pode alterar a data de publicação e publicar coisas retroativamente. Digamos que escreveste algo em 1º de Maio e queres que diga que a minha primeira Indy encomendou dessa forma. Então, depois disso, para que você possa publicar coisas retroativamente. Você também altera o autor. Você pode ter quantas opções quiser. Então, se você queria e sul são para ser Stan, então você pode apenas adicionar uma imagem de sua biblioteca de mídia. Talvez este tipo seja o Stan. Adivinha blogueiro. Você pode alterar suas configurações de SEO. Então, estes são muito importantes. Isto é o que vai aparecer no Google. Para este post. Você quer que seu post seja otimizado para motores de busca para que as pessoas que estão procurando certas coisas, como, como, como é comer lulas ao vivo e Coréia. Eu apareceria. Então você pode reescrever o título e descrição vai mostrar no Google para este post, se você gostaria de algo como, como é ser quadrado? Eu fiz isso na Coréia. Leia meu relatório. Ok, categorias é o que falamos apenas alguns minutos. Vá para a categorização de seus posts, vai categorizar este como Ásia, porque upgrades na Ásia, você pode marcar isso e esta é outra maneira de categorizar. Mas é um pouco, é tomado em um nível menor. Não é uma categoria principal. As pessoas podem clicar nas tags e ver outras publicações foram categorizadas com as mesmas coisas. Então nós cortadores como Ásia, Coréia quadrado comida, algo assim. Monetizar seria, você pode oferecer assinaturas para o seu blog. Estes não são, não é tão comum oferecer assinaturas ou postagens de blog. Então, não vamos chegar a isso muito longe. E você também pode configurar looks multilingue e vamos falar sobre looks multilíngues em outro vídeo. Mas você pode ter um site multilíngue. Então talvez este post não seja inglês, espanhol e coreano ou algo assim. Ok, então uma vez que você tem suas postagens olhando da maneira que você deseja que apareçam, e também ele será ligado em um Mac e certifique-se de salvar suas coisas, periodicamente eles, e vamos pré-visualizá-lo. Então aqui está como um pulso vai se parecer. Você pode ver essa foto aqui em cima porque eu sou nome de stands. Você pode ver outras coisas que ele escreveu. Aqui está o nosso título e os nossos textos. Aqui está a imagem que adicionamos, e aqui estão as etiquetas. E se clicarmos nesse tempo, seríamos capazes de ver todos os posts com essa tag. Certo, então vamos sair daqui. E agora podemos publicá-lo. Podemos publicar o post imediatamente, salvá-lo como rascunho, ou podemos agendar o post para o futuro. O Google e outros mecanismos de pesquisa gostam de ver que você está publicando conteúdo periodicamente. Então você pode agendar seu posto, certo? Cinco ou dez artigos são muitos artigos. Você está indo bem antes do tempo e depois postá-los em algum tipo de programação predefinida. E isso é uma vez por semana ou uma vez por mês, uma vez a cada duas semanas. Cabe a você demonstrar isso para você. Vou publicar isto no dia 8 de Julho. Está bem. Postagem agendada para julho. Então isso funcionou. Mas, na verdade, eu vou publicar isso agora para você, real para que você possa ver o que parece no front-end. Atualize nossa página de blog. E aqui está. O Stan. Um minuto de leitura, eu vivo lulas e Coréia. Lá está ele. Então, é muito fácil publicar uma postagem no blog. Se você já tem algum escrito, você pode obtê-los publicados muito rapidamente. E se você estiver executando regularmente, a tecnologia em perucas não será um impedimento para você. Você deve ser capaz de não ter nenhum problema ao navegar na funcionalidade de blog e funciona. Tudo bem, é isso para este vídeo e eu vou te ver no próximo. Obrigado. 32. Tutorial do Content Manager: Tudo bem, neste vídeo, vamos entrar em algo um pouco mais complicado, um pouco mais avançado e acorda e esse é o gerenciador de conteúdo. O gerente é essencialmente uma planilha gigante que pode ser usada para criar páginas e páginas de categoria dinamicamente para informações. Então, por exemplo, digamos que você é uma casa ou um modelador e você tem 100 projetos diferentes que você fez em sua tela. Aqueles que você pode usar o Gerenciador de conteúdo para criar um layout 100 idêntico, páginas de layout com, com informações personalizadas para cada projeto, dizer a data do projeto, e alguns convidados de imagens de galeria e uma imagem de capa. E também criaria uma página principal, um diretório de todas essas páginas, para que as pessoas pudessem facilmente percorrer essas páginas. E deixem-me mostrar-vos alguns exemplos disso. Aqui estão dois lados que criei que estão usando o Gerenciador de conteúdo para gerenciar seu portfólio, projetos ou propriedades. Então Kw é um empreiteiro geral e ele está no Texas. Assim, configuramos o gerenciador de conteúdo nesta página para exibir muitos de seus projetos. E então esta é na verdade uma imagem que colocamos nesta planilha que estou prestes a mostrar a vocês. O título é, está definido nessa planilha e está vinculado a esta página de portfólio com uma galeria, com um título. E é basicamente isso. E cada uma dessas páginas parece idêntica e é idêntica. Está usando o mesmo layout. Isso é tudo puxando do gerenciador de conteúdo. E se isso é um pouco confuso, faz mais sentido em um pouco. Ok, aqui está outro exemplo. Propriedades JSP I. Alugam propriedades em West Texas. E aqui você pode ver que eles têm listas, casas para alugar. Você pode ver o endereço, as camas, banho, metragem quadrada, o preço por mês. E se você clicar neles, você pode ver mais informações sobre essa propriedade específica. Você pode ver uma pequena galeria. Você pode ver provavelmente descrição que eles têm em detalhes de contato, muito localização. E agora deixem-me mostrar-lhes como é o Gestor de Conteúdos do Azure e o back-end das semanas. Então aqui está o gerenciador de conteúdo de backend para empreiteiros gerais da Kw. Este é bem simples. Só tínhamos alguns campos. E lembra-te que isto é apenas uma folha de cálculo, certo? Nada que você não tenha visto antes problema. E então você tem uma coluna de nomes de projeto, uma imagem de produto que é a imagem de capa principal que usamos na página de diretório. E então temos a galeria de suas diferentes fotos do projeto. E aqui está uma que é um pouco mais complicada. Como um como JASP investi em imóveis. Aqui você pode ver que temos um título da propriedade e número de quartos e banheiros, o endereço, tipo de propriedade. Como é duplex assim? A descrição da imagem da capa, se houver uma, o preço e a galeria de metragem quadrada. Então isso pode ser bem complicado, certo? E você pode fazer estes bastante extensos se você quiser, mas eles não precisam ser. Então eu acho que espero que você possa ver a partir desses dois exemplos por que ter um gerenciador de conteúdo é útil se você tiver um monte de informações repetitivas que ela precisará exibir de alguma forma. Alguns outros exemplos podem ser se você tem galerias de lote porque você é um fotógrafo ou você é qualquer tipo de designer ou criativo e você tem um grande portfólio que deseja exibir, o gerenciador de conteúdo pode ser sua melhor aposta. Então, para nossos propósitos, estamos criando um blog de viagens. Então vamos usar o Gerenciador de conteúdo para criar um grupo de 518 páginas idênticas que podemos usar para exibir algumas fotografias de viagem. Então podemos ter uma página de fotografia para todos esses diferentes países que este fotógrafo de viagem pode estar indo. Então podemos ter uma página para fotos da Coréia e é muitas fotos da Coréia. E nós temos a data em que eles estavam na carreira para ele. Ok. Vamos começar. E no lado esquerdo abaixo do mais, vamos clicar em Gerenciador de conteúdo e chegar a esta tela. E vamos clicar em Adicionar decidir. E assim isso vai criar duas páginas para nós, a página principal do diretório e, em seguida, a página personalizada que mostra cada item em sua planilha, cada pedaço desse banco de dados. Então vamos usar, vamos usar esta predefinição de portfólio apenas para torná-la um pouco mais fácil para nós mesmos. Vou clicar em Adicionar decidir. Ok, então ele criou um banco de dados de gerenciador de conteúdo modelo para nós. Então o título da peça do portfólio, essa descrição, o ano, a galeria, e então a imagem principal do produto. Vamos ter um nome de cliente. Então, vamos valer um pouco a pena. Nós vamos personalizar isso para um fotógrafo de viagem para que possamos ter, em vez de um título, Vamos renomear este nome de país. Podemos mantê-lo na descrição e você fará esta visita. Terá uma galeria e imagem do produto principal foram movidos o nome do cliente. Ok, agora vamos colocar alguns nomes de país. Agora temos os nomes dos nossos países aqui. Vamos também adicionar um campo para que você possa ver como isso funciona. Então, se rolarmos até o final da planilha, o banco de dados, você pode clicar no sinal de adição e adicionar um campo. Há alguns tipos diferentes de campos que poderíamos criar. Um texto simples, um TextField simples, um campo de imagem com a imagem principal do produto, um booleano, que é um sim ou um não. Caixa de seleção, tipo um número por dia no tempo. Só o tempo. Textos ricos, que são textos que podem ser projetados com negrito, negrito , itálico e o tipo de coisa, links, documentos, PDF, download, vídeo, um vídeo, música, localização, Tags, galeria de mídia, algumas funções de codificação. Então vamos criar um novo campo chamado localização do país. E vamos usar esse tipo de campo de mapa endereço construído isso. E então estes podem ser realocados, eles podem ser reordenados. Os campos podem ser reordenados se isso torna mais fácil para você. Agora temos o nome do país. Em seguida, podemos colocar na localização do país para criar um mapa que podemos adicionar ao nosso site, ajudar as pessoas a obter o seu conhecimento geográfico. E então agora eu vou continuar e personalizar esta planilha para que você possa ver como isso vai ficar no front-end. Então eu provavelmente vou avançar para esta parte e nós vamos nos reunir novamente em um segundo. Ok, agora nosso banco de dados de gerenciadores de conteúdo foi completamente pensado no nome do país e sua descrição de localização. Eles são visitados a galeria e a dimensão principal do projeto. E chama-se este país homem. É realmente renomear isso do portfólio também. Fotografia de viagem. Guarde isso. Então, para renomeá-lo, basta clicar nos três pontos e, em seguida, clicar em Editar configurações. By the way, você também pode importar itens ou exportar de um CSV. Então, se você tem uma planilha real com algum conteúdo semelhante, algumas informações que você poderia fazer aqui, e você só precisa fazer uma planilha com os mesmos cabeçalhos de coluna. Ok, então agora vamos publicar isso e você passar o mouse sobre isso, você vai ver que nós precisamos realmente publicar nosso site para ver esta informação vive. Vamos fazer isso agora. Vamos sair dessa. Ele vai para salvamentos automáticos e y. e nós vamos clicar em Publicar. Vamos ser deste lado. Se você tem um portfólio, este é o diretório para todas as informações que acabamos de configurar. Então você pode ver que cada linha tem seu próprio item, China, Colômbia, Marrocos. E então, se clicarmos em um desses, você pode ver a imagem da capa principal, o título e, em seguida, algumas das imagens. Então isso funciona. Nossas informações foram adicionadas e temos este diretório que foi criado com essas páginas de diretório. Mas obviamente, não temos um cliente. Os dados do ano sumiram. Os layouts meio bagunçados. Então agora vamos trabalhar no layout real de nossas páginas e como tudo se conecta na página ao gerenciador de conteúdo. Ok, neste vídeo, nós estamos realmente indo para projetar e layout são páginas que estão sendo criadas a partir do gerenciador de conteúdo vai conectar alguns desses campos a partir dessa planilha, esse banco de dados e o gerenciador de conteúdo para esses páginas. E geralmente terminaremos essas páginas que foram criadas pelo Gerenciador de conteúdo. Então, começando em nossa tela inicial no editor Wix front-end, podemos clicar em Page Up aqui e rolar para baixo nesta listagem para portfólio todo o nosso título portfólio. Então, vamos clicar no portfólio de todos. E esta é a nossa página principal do diretório, então terá todas as nossas listagens do nosso banco de dados. Então você verá algumas coisas interessantes aqui. Um, aqui, o único tem qualquer coisa. Isto não vai aparecer na frente. Isso não vai aparecer no design real do site, mas este é um rápido para gerenciar nosso conteúdo e o gerenciador de conteúdo, que também pode ser encontrado aqui. E então, se você passar o mouse sobre alguns desses elementos, você verá essa pequena linha rabiscada. Então este é o seu conector de conjunto de dados. Ao clicar nisso, você pode conectar elementos diferentes aos dados na planilha do gerenciador de conteúdo em seu banco de dados. Então, se clicarmos na galeria Wix Pro, esse cara aqui. Clique em Continuar os dados. Podemos ver que o conjunto de dados é um portfólio. Essa é a planilha. Esse é o nome da planilha em que estamos trabalhando. Podemos ver a fonte de imagem para a Galeria Wexler está conectada à imagem principal país. Esse campo na planilha. Os títulos se conectam ao nome do país, que também é uma planilha. Descrições aqui conectadas a. E agora podemos realmente conectar isso nós mesmos. Assim, as escrituras se conectam a. Podemos clicar aqui e clicar na seta e selecionar onde este, onde este campo está conectado. Então vamos adicioná-lo ao texto de descrição. Temos descrições mais curtas, lembre-se de cada um dos nossos países. E agora tudo está conectado. Isto pode ser trocado. Mas as únicas aparências só permitem conectar dois campos que correspondem ao campo no designer. Assim, por exemplo, nesta galeria, a fonte de imagem única para cada imagem na galeria. Obviamente não conseguimos conectar isso à galeria completa na planilha do nosso banco de dados. Podemos nos conectar aos textos terá uma única imagem. E o único campo em nosso banco de dados que é uma única imagem é o campo de imagem do país principal. Então, vamos clicar nisso e ele vincula, conectar-se à porta para o título e antes do título quando estiver entre parênteses, amarre assim. Isso significa que é a página específica que é criada para cada linha, cada linha no banco de dados. Ok. Então, para ficar comigo se for um pouco confuso, basta enfiar um pau com ele. E tudo vai fazer sentido depois de praticar um pouco sozinho e passar por isso algumas vezes. Eu também recomendo se você está um pouco confuso, basta assistir o vídeo novamente e você vai começar a entrar. Certo, então podemos personalizar um pouco a escada desses itens diferentes. Nós já o temos ajustado para esticar. Vamos também clicar no layout de configurações. E podemos afetar a aparência do layout real. Então, para mim, os itens são realmente espaçados. Eu não acho quando você quase tanto espaço. Então eu vou para Layout, layout personalizado, e reduzir o espaçamento para gostar, vamos fazê-lo. 50 parece. Isso é um pouco mais apertado e por isso parece um pouco melhor para mim. Ok. E vamos mudar o fundo da tira, algo mais interessante. Talvez só uma cor plana por enquanto. E vamos mudar isto para ser branco. Vamos nos livrar dessa tira extra aqui e apertar o espaçamento. Ok, então agora temos a página de diretório básico do portfólio, e agora vamos personalizar nossas páginas reais de portfólio para cada um de nossos locais de viagem. Então esta é a imagem principal, a imagem principal do país que colocamos em nosso banco de dados. Vamos fazer isso um pouco menor. Estique-o para que tudo se estenda com ele. Você não tem um cliente. Então, onde vamos nos livrar disso? E então temos esses dois campos, ano, que é um campo estático, não está conectado a ele e dizê-lo. E este é o real, este é o campo real que está conectado a um conjunto de dados, nosso conjunto de dados. Então vamos clicar aqui. Excluímos o ano visitado campo e o substituímos pelo são visitados para um campo de número. Então substitua isso e veremos agora os dados corretos podem colocar sendo puxados em 2017 para a China. E eu vou dar um nome ao campo estático que você foi visitado. Vamos mover nosso texto de descrição para estar em linha com essa informação. E vamos fazer isto um pouco mais pequeno. E se rolarmos para baixo, podemos ver as imagens da galeria que são adicionadas em nosso conjunto de dados. Então, se clicarmos em Gerenciar mídia, essa é apenas a estática, e essas não são as imagens reais que as mostrarão. Estes são apenas pedidos de lugar estáticos. Você verá se realmente vemos as imagens corretas. E semelhante ao diretório da primeira página. E eu acho que os espaçamentos onde ele está em um fixo que. Então, Jenna, sim, assim é melhor. Para esses botões Anterior e Próximo que estão vinculados ao pescoço Anterior e Próximo item em nosso conjunto de dados. Então, se você clicar nos dados verá a sua continuação deste portfólio de TI. E clique, clique em ação. Então, clicar no botão se conecta à página anterior de aprovação. Estas são todas páginas dinâmicas. Dinâmico porque eles mudam. É um layout que muda com base nas informações no conjunto de dados. Lembre-se disso conjunto de dados, apenas uma grande planilha. Lembrem-se que temos um campo para o endereço. Então vamos adicionar um mapa que mostre onde no mundo este lugar está num mapa. Vamos tornar isso um pouco mais fácil para os nossos visitantes. Vamos nos livrar desse espaço extra. Então, na faixa, vamos adicionar outra coluna para nos dar um pouco mais de espaço para adicionar um mapa. Então, clicaremos lá e nos livraremos da informação duplicada. E nós espaço tudo isso. E vamos adicionar um mapa a esta coluna. Então, se colocarmos a vantagem em contato e fóruns, podemos adicionar um mapa de largura total ou um widget mapa, quadrado pequeno mapa. Vamos acrescentar isso. Agora vamos fazê-lo caber dentro da coluna, para que nada seja cortado. E precisa pairar. Quando você passar o mouse sobre, ele precisa dizer virar azul e dizer anexar a coluna. E agora está nessa coluna. E então podemos conectá-lo aos conjuntos de dados. Então, se conectarmos um conjunto de dados, clique nessa linha sinuosa para se conectar ao banco de dados direito da planilha. E então o local se conecta ao local do país. Agora é adicionado à China. E agora vamos fazer uma coisinha. Vamos diminuir um pouco para que possamos ver que estamos em um mundo que é algo assim. Ok, então nossas páginas personalizadas para nossas galerias de fotos, para nossa fotografia de viagem e estão completas. Vamos para o menu de gestão rápida. Você pode renomear o portfólio, fotografia de viagem. E vamos adicionar todas as nossas novas páginas. Páginas dinâmicas. Temos páginas dinâmicas da China. Não, já não o fiz, por isso avanço-o e depois adiciono-os ao menu. Ok? Agora, nossos menus criados com todos os nossos itens de sub-menu e nossa página principal do conjunto de dados. Vamos visualizar o site e mostrar-lhe como tudo se juntou e colocar a fotografia. E nos levará essa página principal com cada um dos nossos locais de fotografia de viagem. E se clicarmos, todas as nossas fotos estarão lá. Lembre-se, nós não fizemos nada especificamente para a Suécia Page, certo? Estamos personalizando a página China, que você pode ver que o título é escrever a imagem principal está correta, a localização no mapa e a Suécia está correta. Os anos corretos. Imagens de corrupção ou galeria. Então eu vou ter que fazer é personalizar um layout de páginas. Isso afeta a pesquisa de todas as páginas no Gerenciador de conteúdo. Então, espero que você possa ver o quão poderoso isso é e quão útil seria se você tiver um monte de informações para exibir, como um monte de locais. Se você já esteve em 180 países, não deseja criar 192 páginas separadas. Você usaria um gerenciador de conteúdo para aparecer como imagens. Ok? Então esse é o gerenciador de conteúdo em poucas palavras, eu sei que é um tópico complicado. Pode ser um pouco confuso. Eu recomendaria apenas praticar com ele, tentando configurá-lo sozinho. E se precisar de ajuda, estou aqui para ajudar. Basta deixar um comentário e podemos discutir isso mais adiante. Tudo bem. Obrigado. 33. Otimizando seu site para motores de pesquisa: Neste vídeo, vamos falar sobre otimizar seus motores de pesquisa do site Wix. Isso é chamado de otimização do mecanismo de busca. Este é um tópico muito profundo e muitas pessoas têm muito a dizer que eu sou isso. Vamos rever apenas o básico para ter certeza de que você está preparado para o sucesso. E agora seu site está otimizado corretamente quando você iniciá-lo, a primeira coisa que podemos fazer é ir para o painel w6 e, em seguida, ir para marketing e SEO no menu à esquerda. E, em seguida, sob SEO ser encontrado no Google. Então, esta é uma pequena ferramenta funciona que eles chamaram o Wix SEO foi e ajudá-lo a escolher algumas palavras-chave e começar a otimizar seu site. Então, primeiro vamos colocar em nosso nome comercial A. Caleb, eu vou dizer que é apenas online. E para descrever mais e dizer blog de viagens e blogueiro de viagens, fotógrafo de viagens. Portanto, essas frases de palavras-chave precisam ser frases que as pessoas podem estar procurando quando estão procurando por sua empresa. Então, para nós, se temos um blog de viagens e eu estou procurando um blog de viagens, blogueiro de viagens e fotógrafo de viagens. Estas são palavras-chave, termos de pesquisa que foram segmentados. Se você tivesse um negócio de encanamento que você poderia ter algo, sua chave não seria algo mais como um encanador, empresa de canalização de Austin, Austin, algo assim. Ok, então vamos criar nosso plano de SEO usando esses três termos, blog de viagens, blogueiro de viagens e fotógrafo de viagens. E agora vamos apenas nos dar uma lista de recomendações para garantir que nosso site seja otimizado. Então, parece que fizemos três dos 71 sendo o texto da página inicial é otimizado, o que significa que nossas palavras-chave estão incluídas no texto da página inicial. Diz-se que a nossa página inicial é visível nos resultados da pesquisa. E eu vou te mostrar onde isso não é um minuto. E seu site é compatível com dispositivos móveis. Portanto, lembre-se que otimizamos seu site para dispositivos móveis anteriormente. Então, a primeira coisa que precisamos fazer é otimizar nossa página inicial e também nossas outras páginas alterando suas Meta tags para refletir nosso site. Então Meta tags são o que você vê no Google quando você procura por algo como blog de viagem. Então este aqui é o meta título, e esta é a descrição do Meta. Então, estes são apenas termos que significam o título no Google ou em outros motores de busca e a descrição no Google ou em outros motores de busca. E um editor de primeira página, se clicarmos em Páginas, páginas principais, e clicar nesses três pontos ao lado da página inicial ou de qualquer outra página. E a segunda opção será SEO, e este é o Google entre parênteses. Se clicarmos lá, abrimos este menu e esta palavra, podemos alterar o título do Meta e as descrições do Meta para cada uma das nossas páginas. Então queremos ter Meta tags. Então, o título e a descrição do Meta que contém algumas das palavras-chave que estamos direcionando. Então dissemos três palavras-chave, blog de viagens, blogueiro de viagens e fotógrafo de viagens. Então eu vou adicionar esses aqui. E aquele Caleb, blogueiro de viagens. Venha conferir o meu blog de viagens vencedoras e ver algumas das minhas fotografias de viagem incríveis. Você vê que estamos adicionando essas palavras-chave que o Google sabe sobre o que nossos sites fazem. Então vamos fazer coisas semelhantes para cada página. Ok, então agora eu vou ter Meta tags, a descrição Meta lá definida. Deixa-me mostrar-te mais uma coisa. Na parte inferior de cada página SCO, você verá esta guia que mostra os resultados da pesquisa de pessoas. E agora essa verificação, se você desmarcar nessa página não será rastreado por afirmar seus motores de busca bots, e ele será listado em motores de busca. Há também SEO avançado que está um pouco além do escopo deste curso. E realmente você provavelmente não vai precisar mexer com ele para ter um bom desempenho em motores de busca. Certo, então vamos nos certificar de publicar seu site primeiro. E uma vez que é publicado, Vamos para os livros SEO foi e atualizá-lo e ver como estamos fazendo agora. Ok, bem, agora estamos perdendo mais uma coisa. Adicionar a página inicial é a descrição dos resultados da pesquisa. Esquecemos o nome da empresa e a descrição. Então vamos voltar para casa SEO google terá configurado nômade, premiado blog de viagens de Caleb. Nós publicamos em e atualizamos para. Certo, agora temos o cheque. A última coisa que precisamos fazer é conectar nossa visão ao domínio e conectar o Google Search Console. Então agora que temos o básico do nosso site otimizado para motores de busca. Então, nosso próximo passo é aplicar um plano premium ao nosso site e, em seguida, atribuir um nome de domínio ao nosso site. E no caso de você não saber, um nome de domínio é apenas este Nomadic Matt.com. Obviamente, este é o nome que eu conheço Medicaid acima. Ok. 34. Como definir etiquetas Alt: Certo, então vamos falar sobre tags alt. Ol tags são apenas descrições de sua imagem. As pessoas que estão usando tela, leitores de tela, como os deficientes visuais, precisam dessas tags todas para lhes dizer o que é a imagem, o que ela contém, o que ela parece. Portanto, este é um recurso importante de acessibilidade. Ele também ajuda os bots do Google a entender como são suas imagens, o que elas contêm. Ele descreve a imagem para os bots. Este é um recurso de SEO importante e também é muito fácil de configurar. Eu tenho que fazer é clicar em sua imagem em qualquer uma dessas páginas. E, em seguida, nas configurações, esta caixa de configurações de imagem aparecerá. E, em seguida, sob o texto da imagem um pouco mais abaixo, ele diz, o que está na imagem, diga ao Google, que é onde você pode definir seu texto alternativo. Normalmente, por padrão, ele só vai pegar o título da imagem e colocá-lo lá. Então este está feliz. Página inicial da garota fotógrafa. Eu escrevi, eu intitulei isso antes. Mas vamos, vamos torná-lo um pouco mais descritivo. E B, mulher tirando fotos em camisa verde. E você quer que eles sejam o mais descritivos possível sem escrever uma história inteira sobre isso. E então nós passávamos, e para qualquer imagem, eu as descreveria. Então, aqui, a mesma coisa, podemos clicar em Configurações. E aqui poderíamos escrever um retrato de uma mulher soprando beijo na praia. Ok. Então isso é tudo o que há para todas as etiquetas. Não se intimide. É super fácil, e te vejo no próximo vídeo. 35. Conecte seu plano premium e nome de domínio: Certo, ótimas notícias. Nosso site está basicamente terminado. Parece ótimo e está pronto para o lançamento. E meu conselho é não tenha medo de lançar antes de achar que pode estar pronto ou o site é perfeito. Porque é mais importante começar, para obter algo lá fora e começar a fazer vendas e interagir com o público do que é ter seu site absolutamente perfeito e não ter um único problema ou falha ou qualquer coisa até começar a fazer células, você realmente não tem um negócio. Então eu recomendaria o lançamento o mais rápido possível e, em seguida, continuar a melhorar iterativamente o seu site e o seu negócio à medida que você avança. É assim que as coisas funcionam. Então primeiro precisamos atribuir um plano premium e, em seguida, precisamos atribuir um nome de domínio a um site. Então o painel que poderíamos ir para aqui, comparar planos ou configurações, comparar planos. E você pode olhar através de planos diferentes e diferentes. Estou falando sobre os diferentes planos no início do curso. Então você provavelmente vai ficar bem no plano de combinação. Ou se você vai estar fazendo e-commerce como o lado, então você vai precisar de um pouco. Então, não importa o plano. Então eu realmente tenho planos através do Webex porque em nosso lodo Web em parceiro. Então eu vou designar meu planeta e nós voltamos logo. Certo, então atribui um plano de negócios ilimitado ao meu site. E agora eu vou para esta tela e ele diz, parabéns, você está triste. É premium. Obtenha o melhor domínio gratuitamente. Por causa de um voucher de domínio gratuito faz você ter um monte destes porque temos tantos planos através de obras. Você pode ter um plano livre, talvez não. Vou passar o meu domínio através do Wix. E se você fizer isso assim, é super fácil. Eu mostro-te. Tudo que você tem que fazer, gosta de fazer é colocar em seu domínio e vamos fazer algo como nômade traço Caleb.com, só porque eu acho que vai estar disponível e é mais fácil de ler se houver um traço entre esses dois Cs. Então vamos pegar isso e eu vou fazer isso por um ano. Não olhe para isso. E manteremos o registro público porque é mais barato. Está bem. É isso. Obrigado pela sua compra. Borda nómada, Caleb está agora designado para o Medicaid, então nossos lados foram embora. Temos um plano premium atribuído a ele. Agora podemos aceitar pagamentos. Há também um pequeno aviso perguntando se eu quero personalizar a caixa de correio. Eu não porque este não é um site real, mas eu recomendaria que você obter uma caixa de correio faz com que pareça muito mais profissional se seus endereços de e-mail em seu site em vez de em gmail.com, como alguém que lida com proprietários de pequenas empresas o dia todo, todos os dias, ter seu endereço de e-mail em gmail.com é uma oferta de 100 por cento morta que você provavelmente é novo no negócio. Você não sabe o que está fazendo e provavelmente não está ganhando muito dinheiro também. E para mim, não posso trabalhar com pessoas que não têm dinheiro para pagar meus serviços. Simplesmente não te faz parecer bem. Eu recomendaria obter um endereço de e-mail profissional. Ok, então aqui é onde o domínio agora, mas e se você tiver seu domínio em outro lugar, como GoDaddy? Deixe-me mostrar-lhe como adicionar um domínio de terceiros a partir de um serviço como GoDaddy e cerca de dois minutos. Então, um novo domínio. Então, se você for para configurações e, em seguida, domínios, você pode gerenciar um homem. Na parte superior, ele diz adicionar um domínio existente, clique lá e, em seguida, clique em domínio conectado que você já possui. Isso pode ser de GoDaddy ou nomeado barato ou Bluehost, ou onde quer que o inferno você comprou seu domínio. Então vamos chegar a este nome de domínio do GoDaddy para o nosso site Works. Então métodos de conexão direta, Há apontando em servidores de nome. Servidores de nomes foi uma mudança mais fundamental. Ao nomear. Ele apenas alterar um par de configurações e isso não vai interferir com qualquer uma de suas configurações de caixa de entrada de e-mail onde alterar seus servidores de nome irá interferir com suas configurações de caixa de entrada de e-mail se sua caixa de entrada de e-mail e configuração no GoDaddy. Então, se assumirmos que você comprou uma caixa de entrada de e-mail já quando comprou um nome de domínio no GoDaddy, então usamos apontando. Se seus servidores de e-mail estiverem sendo executados fora do Wix, então você pode usar o método de conexão de servidores de nome. Então eu vou assumir que você comprou uma caixa de entrada do GoDaddy quando você comprou seu domínio e vai usar apontando. Ok, então nós temos alguns marcadores como seu nome de domínio, tudo bem, e clique em Avançar. Ele reconhece que nosso nome de domínio é de GoDaddy. Sim, é do GoDaddy. E então nos dá essas instruções super fáceis. E então eu tive que fazer foi alterado para registros ou um registro e ou registro CNAME. Saltamos para o GoDaddy. Eu já mencionei esse nome de domínio rasgando San Marcos. E podemos gerenciar o DNS aqui. E então eu tenho que fazer é mudar este registro NAM e o registro CNAME. Então podemos copiar e colar que um registro bem aqui na caixa de valor. Aponta para aqui. Isso é tudo o que vamos mudar. E então o TTL, vamos definir isso para 600 segundos. Está bem? Ttl significa “Tempo para viver”. E basicamente é um temporizador na informação após o qual esta informação será recente. Dois navegadores e web assim estarão acessíveis a esses valores. Então vamos para o CNAME. Pontos para esse registro CNAME mudará o TTL para 600 segundos. Está bem? E então temos que fazer, e, em seguida, vamos clicar em Verificar conexão. Certo, digamos que vamos checar sua conexão de domínio. Vai levar até 48 horas para verificar os detalhes porque nós definimos nosso TCR em 600 segundos e não vai demorar mais de 10 minutos, mas vamos rastrear e dominar eles estão obcecados de qualquer maneira. E aqui vamos nós. Nômades. Caleb é o domínio principal. Kayla apenas um blog, redireciona para medicare.com e temos telhados San Marcos.com como exemplo. Isso também vai redirecionar para ele um Caleb.com nómada. E vamos ver se o Nômades Caleb está agora ao vivo. Então é o site está ao vivo. Qualquer pessoa no mundo pode ir ao Medicare.com e ver este site. É bem incrível, certo? Então, construção, nosso site não foi lançado. Se você construir seu site e você está neste momento, agora é a hora de enviar o link para todos os seus amigos e familiares postados nas mídias sociais falando sobre isso, começar a dirigir tráfego, criar postagens no fórum, escrever blogs. Agora é a hora de ir a 210 milhas por hora e realmente empurrar seu site como uma peça fundamental do seu negócio. Então, parabéns, seu site está ao vivo. 36. Configure o Google Analytics: Neste vídeo, vou mostrar como conectar seu site ao Google Analytics para que você possa acompanhar com precisão quantos visitantes você está acessando seu site, o que eles estão fazendo? Bem páginas que estão visitando. É muito importante ter informações precisas sobre como as pessoas estão usando seu site para que você possa melhorá-lo de forma consistente. Então, a partir disso, parece painel de instrumentos. No lado esquerdo, tenho um marketing e SEO. E, em seguida, sob o subtítulo de marketing, você verá integrações de marketing. Clique ali. E você pode integrar alguns serviços de marketing diferentes, como o pixel do Facebook, que seriam os anúncios do Facebook ou os anúncios do Google. Agora vamos conectar nosso Google Analytics. Então, vamos clicar em Conectar. Ele vai lhe dar estas instruções como você pode seguir. Mas eu vou adicionar apenas mostrar visualmente como fazê-lo. Então, vou clicar em Conectar o Google Analytics, e ele vai pedir sua ID do Google Analytics. Haverá em um dos dois formatos, então será UA, eu vou esses números ou G, todos esses números e letras. Então, se você entrar no Google Analytics, você pode ver algo como isso. Se você já criou uma conta do Google Analytics antes. Se você não acessou o analytics para google.com e configurou uma nova conta. Depois de fazer isso e voltar, vá para o administrador. Há um pequeno ícone de engrenagem na parte inferior. E, em seguida, sob propriedade no meio aqui. Clique em criar propriedade. E vamos criar um novo Google Analytics para a propriedade. E vamos nomear este nômade. Caleb definirá o fuso horário de comunicação para ser a hora central. E, em opções avançadas, também criaremos um colchete universal do Analytics. Vou colocar na URL do site como dramático, toque Caleb.com. E, em seguida, clique em Avançar e você precisa perguntar algumas informações sobre sua empresa. Vou dizer que meus negócios, pessoas na sociedade, pequenas empresas. E é assim que pretendemos usar o Google Analytics. Assim que criarmos isso, ele nos dará essa informação. A peça que precisamos é o ID de medição. Então, se você clicar neste botão, você pode copiá-lo ou você pode realçá-lo e copiá-lo. E depois vamos voltar ao nosso Painel e colar isso. E você clica em Salvar. É isso. Estamos conectados a esse Analytics. Isso é tudo o que precisamos fazer para conectar nossos sites ao Google Analytics. Assim que fizermos isso, podemos voltar à análise. E depois de um tempo, obviamente não vamos ver informação ainda aqui porque acabamos de configurar isto. Mas volte depois de uma semana ou mais e você poderá ver quantos usuários estavam recebendo, quantos desses usuários são novos quanto tempo eles estão gastando no site. Quantos estão lá agora? Você pode encontrar, para que você veja todos os tipos de grande informação. E agora muitas dessas informações também estão disponíveis no Wix is Analytic Suite, que se você lembrar, estava no lado esquerdo, análises e relatórios. Mas geralmente, eu vi em um monte de outras pessoas viram o Google Analytics é muito mais preciso do que dar-lhe informações muito mais detalhadas. E você pode analisar os dados de análise e muito mais detalhes. Então eu recomendo usar o Google Analytics quando possível. Ok, então é isso. Isso é tudo que eu tenho que fazer para configurar o Google Analytics em seu site. 37. Parabéns! O que vem a seguir?: Parabéns. Você colocou na palavra e agora você é totalmente capaz de criar site sozinho sem qualquer ajuda do zero. Isso não é fácil, realmente, maioria das pessoas não pode fazer isso. Você deve se sentir muito orgulhoso de si mesmo. Como qualquer outra habilidade que você habilidades web design irá melhorar com a prática. Continue trabalhando em seu próprio site ou veja se você pode construir alguns sites gratuitamente ou muito barato para amigos e familiares. Pelo que eu vi, treinar pessoas geralmente leva de cinco a dez sites antes de você realmente se sentir confortável com suas habilidades e pode começar a cobrar dinheiro real para seus projetos. Agora, se você planeja apenas continuar trabalhando em seu próprio site, seguida, continue melhorando iterativamente, olhando para outros sites para tentar obter novas idéias e ver o que você pode fazer para deixá-lo chateado melhor. Peça a outras pessoas para verem coisas que você não pode. Estarei lançando mais cursos sobre web design, marketing digital e gerindo um estúdio criativo no futuro. Muito obrigado por assistir meu curso e por confiar em mim como seu professor. Continue praticando, continue aprendendo. E mostrará outros melhores. Divirta-se projetando. E vejo-te na próxima vez. 38. Exte o Analytics: Neste pequeno vídeo rápido, vou mostrar-lhe como verificar a análise do seu site a partir do painel w6. Então, o painel Nomex, você pode ver algumas análises rápidas aqui. Diz para citar sessões, postar visualizações, total de células. Isso parecerá diferente porque você pode personalizar isso. Então, se clicarmos em personalizar, podemos responder em estatísticas. Talvez queiramos ver o número de visitantes únicos. Talvez queira ver a taxa de rejeição. Você pode ver descrições do que todas essas coisas significam aqui. Então vamos em frente e salvar isso. Então, temos mais algumas informações aqui, mas queremos ver todas as nossas análises de uma só vez. Então faça isso, vamos para análises e relatórios e confira nossa Análise de Tráfego. Aqui é onde podemos ver todas as nossas análises para este site. Agora, obviamente, este é um site falso, então não há muita informação boa aqui, mas espero que você ainda possa aprender com isso. Então, entrando no painel w6, relatórios analíticos e o tráfego. E aqui podemos ver que suas sessões secundárias são visitantes únicos. Então, se o número de indivíduos que vieram, nada que um vezes que eles poderiam tê-lo usado. Então, se você tivesse sete pessoas que vieram duas vezes, você teria 14 sessões de sites, mas apenas sete visitantes únicos. Quanto tempo ficaram no site, dois segundos. Esperemos que as pessoas estejam em seu site por mais tempo e você possa ver a origem do tráfego por sessão. Então direcione o Google, todas essas coisas dependendo de onde seu, seu tráfego está vindo, este olhar totalmente diferente. Número de incidentes de visitantes novos versus visitantes retornados. Você pode ver as sessões por dispositivo. E esta é uma seção importante aqui porque ele diz quanto você precisa se concentrar em otimizar seu site para dispositivos móveis. Agora, obviamente, todos os sites devem ser otimizados para celular, mas, maioria de vocês está viajando de celular e você realmente precisa se concentrar em É realmente tudo que você precisa se preocupar é certificar-se de que você tem uma experiência móvel incrível. Nas páginas superiores por sessões para que você possa ver quais páginas as pessoas estão visitando. E, em seguida, nesta seção você pode ver sessões por país. Isso é importante se você é uma empresa que apenas células em uma localidade. Se você está recebendo uma tonelada de tráfego da China, da Índia ou da Rússia, ela só pode vender para pessoas nos Estados Unidos. Talvez você tenha um problema. Talvez haja algo errado com otimização do seu mecanismo de busca ou talvez algo certo que as pessoas estão te encontrando internacionalmente. Mas, no entanto, talvez você precise expandir seus mercados para a China ou para a Rússia. É daí que as pessoas estão visitando seu site. Ok, então você também pode ajustar o período de tempo aqui em cima. Então, se você quiser, só quer ver como o que aconteceu no site hoje, você pode clicar no botão Compartilhar. E então todos esses, todos esses números vão mudar para ser relevantes apenas para aquele dia. Não temos trânsito suficiente para esse dia. E você também pode obter relatórios de andares. Assim, você pode ver relatórios de vendas, relatórios de tráfego, seus relatórios de loja, blog. Então vamos olhar para o nosso tráfego ao longo do tempo. Vai levar-te a uma tela que se parece com esta. E você pode ver um belo gráfico de linhas detalhando essa informação, quanta gordura estamos ficando com o tempo. Então, isso é ótimo, especialmente se você é um web designer porque você pode fornecer esses relatórios para seus clientes quando eles perguntarem sobre seu site ou se você executar um serviço de SEO para eles, você pode perguntar se as faixas parecem ou quais páginas estão sendo visitados mais. Você pode entrar em relatórios e ser capaz de fornecer-lhes um pequeno relatório agradável como este. Ok, então é isso. É super fácil verificar suas análises e ver como o seu site não basta ir para análise e, em seguida, teve que tráfego. Além disso, você poderá ver essas informações e tomar melhores decisões sobre como usar seu site. Veja no próximo vídeo. 39. Extra - verifique a velocidade do site: Vamos verificar o desempenho do seu site. É tão importante ter um site de carregamento rápido. Quanto mais rápido o seu site for carregado, melhores serão as experiências para o seu cliente, é mais provável que ele se torne um cliente. E o melhor que o seu site vai fazer nos motores de busca. Porque os motores de busca se preocupam com a rapidez com que o seu site é carregado. Isto tem um efeito sobre o SEL. Vamos verificar a velocidade do nosso site. Do painel. Você pode clicar em análises e relatórios. E, em seguida, sob análise de desempenho, você pode ver a velocidade do site. Ele vai dizer a rapidez com que o carregamento do seu site e como podemos otimizá-los. Aqui podemos ver nossos sites, TTI, tempo fazer interativo. E isso é o quão rápido rápido as pessoas podem interagir conosco. Uma vez que eles clicam em um link ou colocam seu URL ao lado. Mas aqui em baixo nós realmente não podemos ver informações úteis. E isso é retirado do Google PageSpeed Insights, que é este desenvolvedores de site como google.com barra velocidade PageSpeed Insights. Basta pesquisar o Google PageSpeed Insights. Sei que parece a raiz quadrada de um 100. Então, parece que nossos sites realmente não executar muito bem velocidade sábia em dispositivos móveis e desktop. Agora sites porque há tanto software envolvido e não é apenas código puro. A forma como um conjunto codificado personalizado seria geralmente não executar, bem como lado de código personalizado, desde que define cola, mas isso ainda não é tão grande. Portanto, gostaríamos de investigar por que essa velocidade é baixa. Podemos ter muitas imagens ou imagens podem ser muito grandes. Ou talvez tenhamos muitas animações. Passa-se alguma coisa a abrandar um pouco o nosso lado. E assim gostaríamos de investigar isso. Podemos ver aqui no nosso índice de velocidade no celular e cantando 11 segundos. Isso é muito longo. E vamos ver se podemos testar novamente e ver se conseguimos o mesmo resultado. Ok, então nós fizemos o teste novamente, e parece que nossa pontuação no desktop é um pouco sobre nossos celulares da mesma forma. Então, o que queremos discutir maneiras que podemos melhorar esta velocidade da página. Talvez removamos algumas animações. Poderíamos comprimir algumas imagens. Nós poderíamos tentar apenas em geral para tornar o site um pouco mais leve. Vamos dar uma olhada. Então, temos duas imagens de alta qualidade bem aqui. Talvez pudéssemos remover uma dessas imagens, remover a animação. Temos um pop-up e isso provavelmente leva um segundo. Então talvez possamos fazer algo sobre o pop-up. Podemos remover todos esses fundos personalizados que estão definitivamente retardando as coisas. Há muitas coisas vivas que podemos fazer para acelerar a nossa configuração. Mas há sempre um ato de equilíbrio. Você quer ter um lado de design personalizado bonito ou você quer ter um lado muito rápido? O que é mais importante para o seu usuário? O que é mais importante para o seu negócio? Você vai fazer a decisão de julgamento. Na verdade, é muito fácil verificar a velocidade do seu site e o desempenho definido a partir do painel. O truque é que você precisa descobrir como obter esses números para melhorar seu site e melhorar a experiência do usuário para seus clientes sem transformar seu site em massa LV. Portanto, ajude você a descobrir como verificar o desempenho do seu site no painel de looks. E vejo-te no próximo vídeo. 40. Extra - e-mail Marketing: Então, neste vídeo, vamos criar nossa primeira campanha de email marketing. O marketing do mal é uma ferramenta fantástica. É um comprovado ter um dos maiores retornos sobre o investimento de todas as formas de marketing. E a grande parte disso é que é grátis. Eu tenho que fazer é projetar o e-mail que você, eu acho que custa é o seu tempo e sua energia, mas vai custar-lhe qualquer dinheiro. Então, se não funcionar, não é grande coisa e se funcionar, obtenha um ROI fantástico sobre o que realmente leva apenas 10 e 20 minutos. Então vamos montar nossa primeira campanha Enoch. Então, no painel w6, a partir do menu principal, podemos ir para marketing e SEO e, em seguida, e-mail marketing, o que nos traz aqui. E assim diz: direcione o tráfego para o seu site com campanhas de e-mail, informações de Scott. Então, queremos clicar no botão azul, criar seu primeiro e-mail. Vai levar direto para o designer Whigs. E vai dar-nos algumas dicas úteis. Comece a desenhar uma campanha. Vamos pular tudo isso porque eu vou explicar tudo para você. Tão super fácil de criar o seu boletim informativo e-mail que eu tenho que fazer é arrastar esses elementos. E então talvez queiramos duas colunas logo abaixo deste grande quadro. E então temos algumas opções. Poderíamos fazer uma imagem e texto para imagens com texto e um botão, apenas duas fotos. Vamos deixar assim por enquanto. Então é assim que poderíamos arrastar em um elemento. Além disso, no lado esquerdo, temos temas que são apenas desenhos rápidos para o seu boletim informativo por e-mail. Então eu posso clicar nisso, vê-lo mudar a fonte, mudar o plano de fundo. Clique neste. Podemos personalizar essas coisas nós mesmos. Mas talvez para torná-lo um pouco mais rápido, começaremos com o próximo. Ok, então o nosso passado é este. Então podemos escolher uma cor, ou um padrão ou uma imagem. Então vamos fazer upload de nossa própria imagem clicando nisso. Além disso. Vamos tentar este padrão de viagem que vamos usar em alguns dos elementos e o front end ir, que parece melhor. E então vamos apenas personalizar isso e dizer algo como anunciar nosso novo guia de viagem para a Tailândia. Então podemos trocar o texto desta imagem para alguém na Tailândia. Tailândia. E troque este também para uma foto do guia de viagem. Então digamos, nós temos que ligar o botão para ser agora. Para o URL, teríamos um URL exclusivo. Vender o nosso produto, talvez seja viagem para a Tailândia. Então vamos aplicar isso. Livre-se dessas coisas extras ou remova elementos em que não estamos usando as informações de seus clientes na parte inferior. Assim, nossos links de informações de contato para compartilhar nas mídias sociais e link para o nosso site. Assim, por padrão, o link do site seria criado automaticamente. As outras coisas que você precisa preencher, então o endereço e o número de telefone. Depois de ter o e-mail do jeito que você deseja, você pode clicar em pré-visualizar e testar para ver como ele vai ser. Ok, então esse loop que você vai ver em sua caixa de entrada de e-mail, você acha que parece bom o suficiente. Vamos voltar à edição. E podemos adicionar os destinatários às pessoas que realmente querem enviar. medida que seu site cresce, você terá mais etiquetas mais públicos para os quais pode enviar. Assim, por exemplo, eventualmente, você pode ter grupos para pessoas que se inscreveram no fórum. Pessoas que se inscrevem em diferentes e-mails, boletins informativos, formulários de inscrição, pessoas que compram um produto de você. Obviamente este é um site falso, então não temos uma tonelada, então vamos enviá-lo para mim mesmo. Ok. Então agora só uma pessoa que está recebendo o boletim da CMA. Espero que quando você está sentado em seus boletins, você está sentado em centenas e milhares de pessoas. Ok, então no próximo passo, podemos fazer um botão Próximo e podemos criar uma linha de assunto. Na verdade acho que anunciar o nosso novo guia de viagem para a Tailândia é tão bom quanto o assunto. E vamos adicionar um valor dinâmico. Em seguida, emitir valores de i 0 vai mudar com base em quem você está enviando para. Então você pode clicar em adicionar um valor dinâmico e adicionar alguém é FirstName, por exemplo. Agora podemos dizer, Caleb, estamos anunciando um novo guia de azulejos e viagens. E a idéia é que linhas de assunto personalizadas mais personalizadas como esta são mais propensas a escolher a atenção e levá-los a abrir um e-mail. Na minha experiência, muitas vezes funciona. nem todo mundo adora isso, mas faz com que as pessoas abram seu e-mail. Mudaremos o nome para pneumático e Caleb, responderemos ao e-mail, Kayla peritoneum. E então poderíamos enviar um e-mail de teste, agendar uma postagem. Podemos enviar um e-mail de teste, e-mail agendado ou enviá-lo agora. Então está em um e-mail de teste para nós mesmos. Fazer a mim mesmo. Então podemos verificar isso. Tudo bem, aqui estamos na minha caixa de entrada de e-mail. E por favor ignore quantos e-mails não lidos eu tenho. Nem sei o que esse bar de 80, 95 é divertido. Então é assim que a nossa newsletter se parece na caixa de entrada de alguém. E isso é um guia de viagem de 100 trutas piloto. Aqui está a nossa imagem, o nosso guia de viagem, o nosso texto de comprimento 2 até agora. Então é bom. Isso vai funcionar. Tão fácil de montar. Um boletim informativo por e-mail ou qualquer tipo de e-mail explosão para enviar para o seu público crescente para o seu site. Então, de volta ao painel w6, podemos realmente agendar estes. Então, o que eu gosto de fazer no meu próprio negócio é montar e vários boletins informativos por e-mail, tudo ao mesmo tempo. Seguindo a ideia de lote, que é fazer um trabalho semelhante ao mesmo tempo, economize tempo. Então eu gosto de reunir três ou quatro boletins ao mesmo tempo e, em seguida, agendar agora ao longo das próximas semanas ou meses. Acho que é a maneira mais fácil de fazer isso. Você entra em um tipo de fluxo. Você está bombeando boletins informativos por e-mail e então você está pronto para o próximo mês. Eu sinto postagens de blog também, a propósito. Então podemos esboçar isso. Talvez queira enviá-lo na próxima terça às 12h30 ou as pessoas estão na hora do almoço. Aparentemente, as pessoas são mais propensas a abrir e-mails promocionais durante o almoço. Terça às 1238, acho que é um ótimo momento. Envie nosso boletim informativo. Certo, então podemos agendar minha campanha agora. Mas esteja ciente de que, se você agendar sua campanha, você precisará de um plano de marketing atualizado do wakes send. Cabe a você se você quer conseguir isso. Eu acho que é útil porque há um monte de grandes recursos e Lex é um plano de marketing pecado. Se você não conseguir, não é grande coisa, você pode simplesmente enviá-los no momento em que você está pronto para enviá-los. Então você só entra em semanas na plataforma de e-mail marketing em 1238 quando você quer enviá-lo e enviá-lo assim, você ainda pode criar estes como rascunhos, ok, Ele ainda está salvo. Então, se voltarmos ao meu marketing, vamos ver isto aqui. Ou até mesmo a campanha está em rascunho, pronto para enviarmos quando estivermos prontos para ir. By the way, o plano gratuito, você está limitado a três campanhas por mês. A maioria das pessoas não quer receber mais de três e-mails por mês de qualquer maneira. Então eu realmente não acho que isso deve ser um obstáculo para você ou ser um fator decisivo se você tem ou não um plano de marketing de ascensão perucas. Ótimo, então é isso. Isso é tudo o que é preciso para criar e-mail explosão e e-mail newsletters e Wix e super fácil e super rápido, você deve realmente ser capaz de fazer estes em cinco ou dez minutos. E se você realmente quer colocar em alguma cidade e fazer com que pareça incrível, talvez 20 ou 30 minutos. Mas esta é uma maneira muito fácil de fazer com que os negócios permaneçam em contato com seus clientes e seus clientes. E eu recomendo que todos usem e-mail marketing como parte de sua estratégia de marketing digital. Avise-me se tiver alguma dúvida. Deixe um comentário e te vejo no próximo vídeo. 41. Extra - importar contatos no Wix: Neste vídeo, vou mostrar-lhe como importar sua lista de e-mail ou sua lista de contatos em seu painel de cera para que você possa enviar explosões de e-mail para esses contextos. É realmente fácil. Vou te mostrar como em alguns minutos. Assim, a partir do painel de livros, você pode ir para contatos, e isso irá levá-lo para a lista de contatos. Isso faz parte do seu CRM gratuito, é onde todas as suas informações de contato estarão. Então você pode ver seu nome, endereço e recompras informados sobre a última atividade gasto, você pode personalizar esta exibição, mas não vamos nos dedicar muito a isso agora. Só vou mostrar como importar esses contatos. Portanto, há duas maneiras de adicionar contatos ao CRM da semana para que você possa enviar e-mails e outras coisas assim. Você pode clicar no botão azul Novo Contato e apenas fazê-lo manualmente um por um, o que levaria uma eternidade. Especialmente se você tem uma lista mais longa, você tem de uma a 10 mil pessoas em seu banco de dados de assinantes de e-mail. Vai demorar muito tempo. Então, o que eu recomendo é que você clique em Mais ações e depois importe contatos. Então, quando você clica nisso, ele lhe dá duas opções. Você pode importar todos os contatos da sua conta do Gmail, que poderia fazer sentido se você fizer um monte de e-mails individuais com as pessoas seu negócio e você quisesse como explodir todos aqueles que Cima em uma base regular. Eu quero. A outra maneira de fazer isso é apenas carregar um CSV. Foi assim que eu não fiz. É realmente fácil. Tudo o que você precisa fazer é clicar no botão azul Get Started, baixar seu CSV de exemplo. E assim é colocar isso em uma área de trabalho. E geralmente isso vai parecer que é um CSV simples com apenas algumas colunas de dados. Temos o primeiro nome, sobrenome, e-mail, telefone, endereço, cidade, empresa do país, todas as cores, que seria um campo personalizado. Vamos sair e apagar o campo personalizado da cor favorita. E todas essas colunas mapeadas para um campo no CRM Whigs. E assim como isso funciona é quando você passa por aqui e você tenta fazer o upload, nós vamos pegar isso vai carregar a CSU que eles nos deram apenas para mostrar, mostrar como isso funciona. Criaremos marcadores assinantes porque queremos enviar e-mails para essas pessoas. E então precisamos combinar as colunas CSV dois campos em semanas. Você vai ter que dar um segundo para carregar. E então essa tela aparece e é aqui que você combina seus títulos de campo com os campos de contato Whigs. Então, uma vez que este é um CSV de pernas que super-fácil campo incompatível intitulado para contato. Tudo está certo. E, em seguida, clicaremos em Avançar. E então podemos rotular esses contatos vão se desenvolver no rótulo. Então, digamos que foi um emo a menos do nosso antigo site, por exemplo, poderíamos colocar todo o site ou poderíamos colocar algo como evento de mercado de agricultores, julho de 2020 e 2021 se foi onde coletamos esses e-mails. Então vamos remover tudo isso. Digamos que o evento do mercado do fazendeiro. Não clique em Importar. Ok, então a entrada foi concluída, cinco novos contatos são importados. Todos eles têm este rótulo tão longe como evento de mercado julho 2021. Então, clicamos em Concluído e eu vou nos levar de volta para a lista de contatos onde podemos ver todas essas pessoas carregadas aqui. Agora, quando entramos em nossa ferramenta de email marketing. Então marketing, SEO, e-mail marketing. E queremos enviar uma campanha de e-mail. Digamos que queremos enviar este em que trabalhamos mais cedo. Podemos pular por aqui, adicionar destinatários. E então podemos enviar, enviar nosso boletim informativo por e-mail para aquelas pessoas que estão rotuladas com esse rótulo específico que acabamos de configurar quando importamos nossos contextos. Então, podemos enviar um e-mail só para que os agricultores façam contatos de eventos no mercado. E talvez estejamos a enviá-lo. Poderíamos enviar um e-mail dizendo: “Ei, muito obrigado por se inscrever para a nossa newsletter neste evento. Foi ótimo. Espero te ver no próximo evento que seja assim, no próximo mercado de fazendeiros. E assim podemos começar a segmentar ou boletins informativos humanos mais especificamente. Não vou enviar isto porque não são pessoas reais. Mas eu acho que você pode ver como é útil ser capaz de rotular seus contatos e como é fácil importar seus contatos do CSV. E lembre-se, tudo que você precisa fazer é pegar este modelo CSV que funciona fornecedores para você. E, em seguida, formate os dados do cliente nestes, neste modelo. Então, sob estas colunas, é tão fácil assim. Em apenas alguns minutos, você pode importar seus contatos de um site antigo ou de um evento, ou de onde você pode colocá-los todos aqui ele parece site e começar a cantá-los, você sabe, campanhas de marketing e gerenciá-los em três semanas. Teorema. Ok, então é isso para importar contatos, e eu vou te ver no próximo vídeo. Muito obrigado. 42. Extra - Wix Automations de Wix: Hoje vamos falar sobre automações Wix. Automações são incríveis. Eles vão poupar muito tempo para você. Então, basicamente, parece automações automatizar tarefas simples que você faria repetitivamente no curso de gerenciar seu site. Então, podemos encontrar os looks em animações no painel w6 e ou ferramentas de CRM, e, em seguida, automações. E deixem-me mostrar-vos alguns exemplos de automações que o Wicks sugere. Apenas por padrão. São todos baseados em aplicativos. Todas as suas automações de livros, irá executar os aplicativos que você tem. E quando digo aplicativos, quero dizer coisas como sua loja de trabalho, seu blog do Wix, vamos explorá-los, esse tipo de coisa. E assim de imediato, o que diz sugerir um monte de automações muito úteis para nós. Coisas como recuperar são carrinhos abandonados. Então, quando alguém tem alguns produtos em seu carrinho e eles saem do site, podemos enviá-los por e-mail e ver se podemos fazer com que eles finalizem o processo de finalização da compra. Poderíamos fazer coisas como enviar um bilhete de agradecimento. Quando alguém envia um formulário, você pode acompanhar automaticamente alguém após uma semana e verificar e ver como ele está indo. Talvez se você estiver vendendo um curso, você poderia enviar uma camada de link de e-mail que diz: “ Ei, como está indo o curso? Posso te ajudar com alguma coisa? Essas outras automações são coisas que eu uso com meu faturamento. Então, são coisas como se alguém está atrasado em uma fatura, você automaticamente enviou um e-mail para acompanhá-lo. Isso vai poupar muito tempo atrás das faturas, o que é uma parte desagradável do trabalho do cliente. Você pode configurá-lo para lembrar automaticamente a si mesmo ou aos seus clientes para acompanhar uma fatura de uma cotação, você pode definir tarefas. Esperemos que você possa ver quanto tempo e esforço você pode economizar e quanto trabalho chato você pode eliminar configurando trabalhos sobre emissões. Então vamos verificar alguns desses que já foram feitos para nós. O mais útil que vejo logo é este, visitantes para recuperar carrinhos abandonados. Então, vamos clicar no botão azul usa Automação. Você chegará a esta tela, que é basicamente um construtor de automação. E quando digo “Se Então “, o que quero dizer é que haverá um gatilho. Então, se alguém abandona um carrinho, então faça esses contextos semi-metálicos. E estes podem ficar muito mais tempo do que o que são agora você pode criar uma sequência de e-mail inteira onde talvez você enviá-los para e-mails e se eles respondem isso e se eles não respondem, você faz isso. Então você pode fazer automações muito complicadas. Mas vamos nos concentrar nas automações simples básicas agora. Então, como eu disse, se é um se então declaração, e então nós temos um gatilho, uma ação, e timing. Então esta é uma animação básica. Então para este recuperar carros abandonados ou gatilho é quando alguém abandona o carbono. Então, se você abrir esta caixa clicando nesta pequena seta azul, você pode ver que ela diz para criar uma resposta auto-imune onde ela é um aplicativo. E isso é o que eu estava falando antes quando eu disse que eles são baseados em aplicativos. Então, selecionamos o aplicativo Wix e então podemos selecionar o gatilho para o SAP, cliente faz uma compra ou o cliente abandona o cartão. E se quiséssemos fazer algo baseado nos formulários W6? Então há diferentes gatilhos disponíveis. Como sempre que um visitante envia um formulário. Agora talvez você possa ver que se você tivesse muitos fóruns diferentes que foram para fins diferentes, você pode enviar itens diferentes para as pessoas. Talvez isso pareça muito confuso, certo? Então o que quero dizer é se você tivesse uma página no seu site que dissesse inscrever-se para a nossa newsletter e obter um guia de viagem gratuito para a Tailândia. Você pode enviar-lhes automaticamente um guia de viagem. E eu tenho outro. Talvez você tenha outro formulário que diz inscrever-se para nossa newsletter e obter um Guia de Viagem Japão gratuito. E você pode ter ímãs neles, aquele guia de viagem. E depois desse ponto, você poderia enviar-lhes uma série de e-mails relevantes para seus interesses. Então uma série de e-mails sobre talento ou sobre o Japão. E você pode fazer tudo isso dentro da ferramenta de automação Wix aqui. Ok, então vamos voltar e terminar de criar nossa sequência de e-mail para cartões abandonados. Então, quando um cliente abandona a corrente, então temos uma opção para fazer isso. Então poderíamos enviar um e-mail para contextos, que é o que estamos planejando fazer. Vamos enviar-lhes um e-mail e dizer: “ Esqueceste-te de alguma coisa ou carbono. Poderíamos ser notificados por e-mail para que nos notifiquem. Criamos uma tarefa para talvez acompanhá-los. Conectamos um ganchos web ou Zapier, que seria essencialmente criar automação que usa outro software fora de semanas. Podemos mover um cartão e um fluxo de trabalho, que está em nosso conselho de administração de tarefas. Poderíamos adicionar rótulos, emblemas atribuídos aos dados ao Planilhas Google. Então vamos enviar o e-mail para contextos. E então, se continuarmos, podemos ver que podemos personalizar os detalhes do centro. Então esta é a sua informação. Então eu gostaria que fosse algo como o Caleb nómada. Caleb, no Nômades Caleb.com. Ok. E então podemos criar o e-mail que estaríamos dizendo a eles. Agora, em outro vídeo, vou mostrar como projetar e criar boletins informativos por e-mail. Mas, por enquanto, vamos apenas pré-visualizar e testar isso. Então é assim que nosso e-mail vai parecer quando ele envia para o nosso automatizado isso, como você vai se parecer quando ele envia duas pessoas que dependem de seu cartão e vamos dizer que nós percebemos que você tem algo em seu carrinho e imagem estará lá do produto ou o nome do produto e preço. E quando eles clicarem em retomar seu pedido, ele os levará de volta à finalização da compra. Espero que você possa ver como isso pode ser útil. Nas estatísticas mostram que isso irá ajudá-lo a aumentar suas vendas em 20 a 30 por cento. Porque voltar para a configuração. E vamos deixar isto como está. Ok. Vamos definir um temporizador. Acho que duas horas depois da compra é muito rápido. Talvez vamos mudar para dois dias. Acho que duas horas ainda podem ter compras e eles foram para outro lugar. Saiu para almoçar ou algo assim. Acho que hoje faz pouco mais sentido. E então poderíamos adicionar ações de acompanhamento para que possamos tornar nossas automações mais longas. Tinha um plano de marketing de revista premium. Não temos agora. E para os propósitos deste vídeo, eu não acho que precisamos fazer automações em várias etapas. Mas você pode clicar na ação de acompanhamento adicionar. Certo, então vamos em frente e ativar essa automação. É isso. Então agora nossa automação está ativa. Você pode ver que com o uso gratuito e plano, podemos obter, temos até duas automações gratuitas. E você verá quantas vezes essa automação foi acionada aqui. Então vamos voltar às nossas automações. E vamos também criar essa automação enviar um e-mail de agradecimento aos visitantes que enviam um formulário. E estas automações Wix pré-fabricadas são super fáceis de usar. Você pode ver que eles já têm os gatilhos e ações que precisamos e programados, agendando pronto para ir. Então, tudo o que precisamos fazer é clicar em Ativar. E aqui está como esse e-mail vai se parecer. Obrigado por entrar em contato. Então, para ativar esse. E agora nosso site está funcionando para nós o tempo todo. De outra forma, não só é potencialmente vender produtos ou serviços para nós, mesmo enquanto dormem, mas agora também está enviando e-mails aos visitantes sobre e-mails da Encarta e e-mails de agradecimento. Não temos que clicar em nada. Nós não temos que entrar em contato com ninguém ou site e automações fazem o trabalho para nós. Então olhares em animações são incríveis. Eles vão poupar muito tempo para você. Eles vão tornar sua vida mais fácil e eles vão deixar seus clientes muito felizes porque eles vão obter serviço rápido. Ninguém vai cair pelas rachaduras, você não vai sentir falta de ninguém. E as necessidades deles vão ser assim. É isso para este vídeo e eu vou te ver no próximo. Obrigado. 43. Extra - configure sua imagem de compartilhar social: Muito bem, neste vídeo, vou mostrar-te dois minutos como mudar a tua imagem de partilha social. Esta é a imagem que mostra quando você vincula seu site no Facebook ou em qualquer outro lugar, ou você envia uma mensagem de texto para vincular seus amigos ou um cliente. É a imagem que aparece quando você envia a alguém um link para o site. É muito fácil de mudar. Vamos verificar isso. Então, no lado esquerdo e clique em Páginas. Em seguida, ao lado de qualquer um dos seus itens de menu, você pode clicar nos três pontos e, em seguida, ir para o compartilhamento social. Este menu aparece e você pode ver aqui, como vamos fazer o upload de uma imagem e lhe dá uma prévia do que parece quando você compartilha seu link, o link para o seu site. Então vamos fazer upload de uma imagem. E podemos usar qualquer um desses. Vamos pegar a imagem do estoque. E que tal esse no cara tirando uma foto? E assim estes serão únicos para cada página. Então, podemos definir isso para cada página. Então, por exemplo, talvez você queira em sua imagem de compartilhamento social de vídeo. Você quer que seja uma foto de alguém fazendo um vídeo, coisas assim. Isso é tudo que você tem que fazer para definir sua imagem de compartilhamento social super fácil. E espero que tenha ajudado a ver o próximo vídeo. 44. Extra - Wix Photo Editor: Neste vídeo, vamos conferir o editor de fotos do Wix ainda no seu painel. Sob a mídia. Você pode rolar até aqui e eu digo estúdio fotográfico. Você também pode clicar diretamente em uma foto. Você chegou aqui? Clique em Photo Studio e, em seguida, pode carregá-lo a partir do computador ou seleccionar a partir dos ficheiros do site. Então, o estúdio de fotos vai permitir que você edite fotos e todos os tipos de maneiras diferentes. Você pode usar o Adobe Lightroom ou o editor de fotos integrado do computador. É semelhante a isso. Tem algumas características úteis. Vamos carregar esta imagem bem rápido. Podemos cortá-la. E nós queremos aquele quadrado para o Instagram post ou algo assim. E característica que eu uso com muita frequência é o corte Vg. E você clica aqui, ele vai cortar o assunto principal da imagem. Isso realmente funciona melhor se houver alto contraste entre o assunto e o fundo. Vamos verificar isso. Fez um bom trabalho. Há algumas peças que podemos limpar usando o recorte refinado. Meatus usa escova e tentar escovar as peças. Não queremos isso. Vamos restaurar, digamos que queríamos esta peça. Se você já usou o Photoshop, isso é super semelhante. Você pode restaurá-lo ou eu disse aplicar. Então você tem esse pequeno corte. E também podemos fazer pequenas melhorias. Podemos melhorar automaticamente. E Wix terá seu melhor palpite sobre como melhorar a imagem. Você pode ajustá-lo manualmente usando todas as configurações padrão de edição de fotos, como contraste de brilho, realces, sombras, cor, saturação. Você pode aplicar filtros. Assim como os filtros do Instagram, se você estiver familiarizado com eles, então você pode até transformá-lo em um pequeno gráfico adicionando texto e fundos e esse tipo de coisa. Eu diria que provavelmente fizemos este filme muito mais chato. Mas você entendeu a ideia. Você pode salvá-lo. E agora você tem essa imagem para usar. Mais uma vez, arraste-o para a nossa página. Certo? Este personalizado imagens editadas, É quase como se você tem um pouco Photoshop vai ler em X. Então, esse é o editor de fotos. Espero que tenha ajudado. 45. Extra - Wix Maker: O criador de vídeos Wix é tão fácil de usar quanto o editor de fotos Whigs. Você pode chegar lá de duas maneiras. Então, no front-end você pode clicar no ícone de foto para mídia e ir para o criador de vídeo. Ou, no painel, você pode ir no menu à esquerda para marketing e SEO e, em seguida, rolar para baixo até o criador de vídeo. Aqui você pode ver que eles têm alguns modelos diferentes que você pode usar para começar a anunciar uma venda, promovendo algum tipo de marco. Ou você pode apenas criar um a partir do zero. Então vamos passar por isso muito rápido. Eles têm diferentes proporções de aspecto. Quadrado para algo como Instagram, paisagem pode ser para você retratar para uma história do Instagram. Então, se clicarmos em criar um vídeo, haverá este pequeno vídeo tutorial que aparece e vamos personalizar nosso vídeo. Vamos nos livrar dos vídeos de espaço reservado. E eu cortei cinco vídeos para usarmos para isso. E que ordem os queremos então? Talvez algo assim. Está bem. Agora, vamos remover os textos que são infinitos no nosso próprio texto. Viajar. Ok, agora podemos adicionar um estilo de vídeo. Vamos ver, vamos escolher qual deles nós gostamos? Talvez cores de estilo nano. Vamos segurá-los por enquanto. Música. Podemos olhar alguns destes e ver o que gostamos. Então vamos pegar este. Não me canso disto. Esta imposição vai aparecer no final do vídeo. E agora podemos visualizar seu vídeo. Vai ser preciso um psicopata. Tudo bem, todo mundo está escrevendo o cheque. Sim, então nada mal para literalmente um minuto de trabalho. Agora, com Wix é um plano de pecado. Você só pode pagar de graça. Você tem que atualizar o seu ascender um plano de marketing para obter mais sobre o planejamento profissional e criar dez por mês, ilimitado. Você pode obter 15 dias por mês. Eu não esperava que você ganhasse todo esse dinheiro, não pelo menos quando você começa seu negócio. Então, clique, salve e compartilhe e compartilhe em mídias sociais. Você pode enviá-lo diretamente para o YouTube muito rapidamente e facilmente compartilhá-lo no Facebook, baixar o arquivo, fazer upload de alguém como vídeo, como Vimeo. Então x torna muito fácil criá-lo. Um vídeo para você, para o seu negócio muito rapidamente e compartilhá-lo onde quiser. E é isso. Isso é tudo para o criador de vídeos Whigs. É super fácil de usar, brincar com ele e se divertir um pouco. E deixe-me, deixe-me ver alguns dos vídeos que você faz. Obrigado.