Crie sua própria loja online personalizada (sem escrever nenhuma linha de código!) | Kalob Taulien | Skillshare
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Crie sua própria loja online personalizada (sem escrever nenhuma linha de código!)

teacher avatar Kalob Taulien, Web Development Teacher

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Começando um site de comércio eletrônico

      2:08

    • 2.

      Antes de começarmos

      1:28

    • 3.

      Criando sua conta

      4:30

    • 4.

      Configurando seu site

      5:54

    • 5.

      Habilitando SSL/TLS para segurança

      4:12

    • 6.

      Bem-vindo ao WordPress

      4:14

    • 7.

      Instalando um tema agradável

      2:37

    • 8.

      Website em uma caixa

      4:11

    • 9.

      Configurando o WooCommerce

      7:13

    • 10.

      Personalizando seu site

      8:29

    • 11.

      Adicionando um produto físico

      11:44

    • 12.

      Adicionando um produto digital

      5:38

    • 13.

      Abrindo sua linha de comunicação

      10:16

    • 14.

      Ajustando as configurações de pagamento

      5:14

    • 15.

      Lançando seu site

      8:43

    • 16.

      Resumo do curso

      3:51

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

841

Estudantes

2

Projetos

Sobre este curso

Neste curso, você aprenderá a configurar seu próprio site de comércio eletrônico para que você possa finalmente buscar seu empreendedor interno (não é necessário codificação).

Se você se encaixar em qualquer uma das categorias listadas abaixo, este curso é para você. Se você for :

  • Interessado em vender produtos físicos ou digitais on-line,
  • Tendo problemas usando outras soluções de comércio eletrônico,
  • Querendo diminuir suas despesas de comércio eletrônico (taxas de transação) de uso de outras plataformas,
  • Tentando criar sua própria marca, ou
  • Brand new to ecommerce,

Eu projetei este curso para ser adaptável a qualquer ideia. Vou vender t-shirts e produtos de t-shirt digital (.pdf) e vou mostrar-lhe como adicionar seus próprios produtos para que você possa vender qualquer coisa que desejar. Você vai passar por cada etapa no caminho comigo para configurar seu site, habilitar métodos de pagamento e personalizar seu site.

Algumas das tecnologias que vamos usar são:

  1. WordPress
  2. WooCommerce
  3. PayPal
  4. Stripe
  5. Hestia (o tema)
  6. Fly Wheel (o host; pode ser trocado para o WP Engine ou qualquer outro host)

Uma prévia ao vivo do que vamos criar pode ser encontrada aqui: https://ktshirts.flywheelsites.com/ (se for solicitado um nome de usuário e senha, é demo123 e demo123)

Veja como é a minha página inicial final da semana. Observação: você pode personalizar quase todas as partes deste tema, para que seu site provavelmente esteja melhor do que isso!

Conheça seu professor

Teacher Profile Image

Kalob Taulien

Web Development Teacher

Professor

Hi everybody! I'm Kalob Taulien.

 

Here's the TL;DR (short) version about me:

I have been coding since 1999 and teaching people how to code since 2013 I have over 350,000 web development students world-wide I'm on the Wagtail CMS core development team (Wagtail is Python's #1 most popular website making system) I try my best to answer EVERY question my students have  I love teaching — it's definitely one of my natural talents  Also I love goats! (Great conversation starter with me if we ever get to meet in person)

Below you can find all my Skillshare courses. The categories go from easiest to hardest, except for the Misc. Coding Courses at the very end. 

If you're brand new to coding, start with BEGINNERS WEB DEV.&nb... Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Como começar um site de comércio: Olá e bem-vindo ao Empreendedor Hustle onde vamos criar um site de comércio eletrônico a partir do zero. Criaremos um site de comércio eletrônico completo com produtos digitais e físicos e usaremos tecnologias como WordPress, Woo Commerce, Stripe e PayPal para aceitar pagamentos. Este curso é para empreendedores que estão procurando começar a vender produtos on-line, sejam eles produtos digitais ou físicos, estaremos cobrindo ambos neste curso. Agora, se você está olhando para aprender a codificar um site, esse não é este curso. Na verdade, não há nenhuma codificação neste curso, então não sinta que você precisa ser um desenvolvedor web ou algum programador para fazer isso acontecer, você pode realmente fazer tudo isso sem nenhuma dessas habilidades. Agora, no final deste curso, você pode realmente ver atrás de mim, esse é o meu site. Agora ainda não está completo. Você será capaz de ver a versão completa e concluída dentro do curso, mas você vai criar um site que se parece bastante semelhante a este. Agora ele vai parecer um pouco diferente em termos de logotipo diferente, cores diferentes, ele vai ter sua marca e sua personalidade nele, mas o tema vai ser muito semelhante. Nós vamos ter uma loja, página de contato e um blog, e se tudo isso soar um pouco esmagador, por favor, não se sintam sobrecarregados porque eu vou levá-los em cada passo do caminho. Você literalmente não precisa saber nada para começar com este curso. Algumas informações sobre mim. Eu sou Kalob Taulien. Eu sou um empreendedor em série, eu sou um desenvolvedor web sênior, e eu sou um instrutor online. Ensinei mais de 200 mil pessoas em todo o mundo. Eu tenho feito sites há mais de 20 anos, se você pode acreditar que, “uau” isso é muito tempo. Eu realmente comecei várias empresas e as vendi usando este processo exato, então você pode realmente saber que no final do dia, eu não sou apenas um cara na sua tela dizendo para você fazer coisas que eu nunca fiz, eu realmente apliquei estes. Aprendi com meus erros, aprendi com meus sucessos, e estou te dando minha experiência na vida real neste curso. Agora eu adoraria ajudá-lo a construir uma empresa de comércio eletrônico, e se tudo isso está soando bem para você, você pode ir para dentro e podemos começar imediatamente. 2. Antes de começar: Olá, e bem-vindos à primeira lição oficial deste curso. Agora, antes de começarmos, gostaria que todos, se possível, fizessem um pequeno exercício rápido. Então você já sabe que este curso é sobre fazer site de comércio eletrônico sem ter que conhecer todo o desenvolvimento web e tecnologias, coisas assim, e vai ser um curso ótimo e fácil de fazer. Você não precisa saber todos os jargões técnicos por trás disso. Vou guiar-te por todas as formas fáceis de fazer isto. Mas antes disso, gostaria que todos partilhássemos as nossas ideias. O que estamos planejando vender? Então, para mim, neste site de comércio eletrônico, eu vou estar vendendo camisetas, agradáveis e simples. Vou vender camisetas físicas e materiais digitais para ajudar a manter as camisetas. Então talvez como um PDF, talvez como um curso de vídeo sobre como manter suas camisetas, mantê-las bonitas e brancas, coisas assim. Isso não é uma coisa real que eu vou estar vendendo, mas eu vou deixar o site de demonstração para cima no final deste curso. Mas para você, o que você poderia fazer como seu exercício, antes de começarmos, é pegar sua idéia que você tem agora, o que você quer vender, e apenas compartilhá-la na seção abaixo. Você pode inspirar outras pessoas. Acho que podemos construir uma comunidade em torno disso. Eu acho que isso seria muito, muito divertido de fazer. Então, sim, vá em frente, crie esse comentário abaixo e apenas compartilhe o que você está pensando em vender. Ou se você ainda não sabe, talvez obter algumas idéias de outras pessoas. Certo, assim que estiver tudo pronto, te vejo no próximo vídeo. 3. Como criar sua conta: Olá e bem-vindo de volta. Neste vídeo, vamos criar uma conta volante. Agora, Flywheel é um serviço que vamos usar para gerenciar nosso site WordPress, e estaremos usando WordPress. Se você está familiarizado com o WordPress, isso é ótimo, mas se você não está familiarizado com o WordPress, isso é totalmente legal. Eu vou orientá-lo através do WordPress, um pouco mais tarde, e apenas mostrar-lhe os prós e contras dele. Você não precisa ser um especialista em WordPress para saber o que está fazendo. volante em si é um ótimo serviço, porque gerencia seus bancos de dados, gerencia seus servidores, e gerencia seus backups, faz todo tipo de coisas realmente ótimas para você, e nós estamos indo para começar com isso gratuitamente. Se você quiser a opção premium, se você é um tipo premium, você sempre pode usar wpengine.com. Mas não vamos nessa rota, porque queremos tornar isso um pouco mais acessível para todos, e honestamente não quero que pague US$35 por mês, enquanto está desenvolvendo um site. Isso não é legal. Vamos mergulhar nisso e vamos configurar sua primeira conta gratuita no getflywheel.com. A primeira coisa que você precisa fazer é ir para getflywheel.com, e vamos nos inscrever. Vamos criar nossa conta. Eu só vou criar minha própria conta aqui, Kalob. Meu nome de usuário será KaloBT. Vamos ver se essa está disponível. Meu endereço de e-mail será ecomm.kalob@gmail.com. Eu me descreveria melhor como um proprietário do site, mas há outras opções lá. Talvez sua agência, freelancer, designer, desenvolvedor, blogger ou um único proprietário de site. Vamos dizer proprietário de um único local. Como é que ouviste, senão volante? Você poderia se quisesse dizer, de um amigo, colega de trabalho, e colocar meu nome lá, Kalob Taulien. Honestamente, isso não é necessariamente, então eu vou ignorar isso, e uma senha. Só vou colocar uma senha rápida aqui. Concordo com os Termos de Serviço do volante, inscreva-me e não, não guarde isso. O navegador que estou usando aqui é apenas Firefox. Você pode usar o Chrome, Safari , Edge, qualquer navegador que desejar. Você provavelmente vai querer fazer isso no seu laptop ou desktop, provavelmente não no seu telefone. Embora, você definitivamente pode fazê-lo em seu telefone, só vai ser um pouco mais difícil. Você pode ver que eu estou inscrito aqui e ele diz, “Obrigado por entrar. Podemos pedir um pequeno favor?” Basicamente, eles querem que compartilhemos isso nas redes sociais, nós não vamos fazer isso, e voilá, nós temos nossa primeira conta. Não é realmente um site ainda, é apenas a nossa conta. Nós vamos fazer um site no próximo vídeo, eu acredito. Se entrarmos em nossa caixa de entrada, podemos ver que recebi um e-mail do volante aqui, “Bem-vindo ao Volante”, e eu só preciso verificar minha conta. Só vou clicar nesse link. Verifique minha conta e ela diz: “Oh, como você deseja verificar, com uma mensagem de texto ou você deseja verificar com um cartão de crédito?” Bem, eu não quero pagar por nada agora e eu não quero que você pague por nada agora. Basta verificar com a mensagem de texto se você tem um número de telefone. Vou colocar o meu número de telefone. Vai me dar um número de seis dígitos, e vou ter que colocar esse número. Eles vão enviá-lo para mim, para que seja agradável e fácil. Tudo bem. Eu só coloquei meu número de telefone lá e verifiquei meu telefone bem rápido, e o número que eles me deram foi 2, 9, 0. Eu nem estou digitando aqui. 2, 9, 0, 4, 1. O que eles realmente estão fazendo aqui é dizer, nós queremos ter certeza de que há uma pessoa real por trás disso. Não basta criar um site se você é um robô, ou um bot, ou algum tipo de tecnologia de spam. Eles querem ter certeza que você é um humano de verdade, e essa é uma das maneiras que fazemos isso. Estou verificando minha conta aqui e assim, minha conta foi verificada. Acho que não vou precisar mais do meu celular, você não vai precisar do seu. Agora, se você não tem um telefone, você sempre pode verificar com um cartão de crédito. Se você não tem um cartão de crédito, você sempre pode usar o WP Engine, eles também oferecem sites de demonstração gratuitos. Você pode construir seu site de desenvolvimento, seu site de comércio eletrônico sem ter que pagar por isso. Agora, podemos ver que eles querem que escolhamos um plano. Basicamente eles estão nos dando a opção aqui para um site inicial, um site freelance, agência ou personalizado. Sinceramente, não queremos nenhum desses. O que queremos é a opção inferior aqui onde diz, “criar um site de demonstração”. Mas é aqui que vou deixar este vídeo por enquanto. No próximo vídeo, vamos criar nosso primeiro site de demonstração, e vamos colocá-lo em funcionamento. Por enquanto, o que eu gostaria que você fizesse é, certeza que você tem uma conta do Flywheel. Novamente, você não precisa colocar nenhum dinheiro. Se eles pedirem um cartão de crédito, você não precisa adicionar seu cartão de crédito. Em vez disso, você pode verificar sua conta com uma mensagem de texto. Assim que você verificar sua conta do Volante, vá em frente e vá para o próximo vídeo, e eu te encontro lá. 4. Como configurar seu site: Olá outra vez. Neste vídeo vamos criar nossos sites. Temos uma conta do volante pronta e isso está saindo do último vídeo. Agora, se você está apenas sintonizando agora, o que eu vou fazer é eu vou clicar neste logotipo aqui em cima no canto superior esquerdo e nós vamos apenas ver nossa conta regular. Legal. Não temos nenhum site. Bem-vindo ao Volante, grande cartaz, um monte de belas imagens. Agora é hora de criar nosso site. Escrevo ou não, vez de clicar em criar um novo site ou criar um novo site. Então, novamente, basta rolar para baixo até a parte inferior. Crie um site de demonstração. Isso nos permitirá criar um site gratuito. Aqui é onde podemos criar um site de demonstração e podemos ver que temos zero de um sites de demonstração. Os sites de demonstração são sites gratuitos. O proprietário do site vai ser eu, o nome do site vai ser T-shirts Kays, e um nome gerado aleatoriamente.flywheelsites.com. Este vai ser o seu domínio temporário, por isso vai ser o seu website.flywheelsites.com. O que eu vou colocar é ktshirts.flywheelsite.com. Só para ter certeza que soletrei tudo certo, porque acho que não podemos mudar esse domínio assim que definirmos isso. Selecionando seu data center. Selecione onde quer que você esteja vendendo. Por exemplo, se você mora nos Estados Unidos, mas estiver vendendo para pessoas na Austrália, selecione Austrália. Ou se você mora na União Europeia e está vendendo para pessoas nos Estados Unidos, selecione os Estados Unidos. Estou no Canadá, mas vou vender para pessoas nos Estados Unidos. Se você não tiver uma opção dessas, basta escolher a que estiver mais próxima do seu público-alvo. Adicione seu nome de usuário WP-Admin.. É assim que vamos entrar em nosso site. Vou colocar meu nome de usuário e minha senha. Esta pode ser uma senha completamente diferente da sua conta normal, provavelmente deve ser para fins de segurança também. Eu só vou criar este site. Não, não guarde isso, mas obrigado pela oferta Firefox. Agora estamos aqui e diz que as camisetas Kays estão sendo criadas. Agora este ponto vai levar alguns minutos para se levantar e se preparar. Porque basicamente o que o Flywheel está dizendo é que temos muitos desses servidores, pense neles como caixas grandes, e você tem esse pequeno canto aqui em cima. Este é o seu pequeno site de demonstração. Esse é o seu pedacinho da Internet. Isso é exatamente o que eles estão fazendo agora. Eles estão provisionando um servidor para nós ou nos dando um pedaço de seu hardware e um pedaço de seu software. Isso novamente leva apenas alguns minutos. Se levar mais de dois minutos, talvez vá fazer um chá ou um café para você, volte e você deveria ter um e-mail sentado em sua caixa de entrada dizendo: “Ei, estamos prontos para ir. Enquanto isso está sendo executado em segundo plano, vamos explorar o Volante um pouco. Temos um painel e sim, você pode sair desta página sem interromper nada. Está rodando em segundo plano em seus servidores , então o que quer que façamos não afetará isso. Podemos ver aqui que temos um site que se chama T-shirts Kays. O seu vai ser, não sei qual será o seu, o que você gostaria de chamar de seu. Se eu clicar nesse título, ele diz que este site está no modo de privacidade. Para desativar a conclusão da cobrança. Faremos isso mais tarde. Colaboradores, sou só eu, mas se tivesses, talvez tenhas um co-fundador, podes adicionar aqui o teu co-fundador. Clique em '"Adicionar colaborador” e coloque seu endereço de e-mail e ele irá apenas convidá-los automaticamente. Na verdade, é muito legal. Este é um serviço criado para colaboração também. Podemos habilitar SSL, o que vamos fazer absolutamente. Você pode clicar em seu site aqui, então vamos clicar nisso. Normalmente, se você clicar nisso e seu site não estiver funcionando, ele diz, não se preocupe, seu site está chegando em breve, mas parece que isso já está aqui, então eu vou fechar isso e vou pular para o modo de privacidade. O modo de privacidade é uma pequena senha. Esta caixinha irritante que aparece, é o modo de privacidade. Basicamente, o que isso faz é manter o Google e outros motores de busca fora daqui. Não queremos que nossos sites não desenvolvidos estejam no Google. Não queremos que as pessoas possam nos procurar ainda, então eles colocaram uma senha aqui. Agora não sabemos qual é essa senha. Não é a que acabamos de fazer. É um diferente. Na verdade, se deslocarmos para baixo em nosso painel para o modo de privacidade, ele diz que nosso nome de usuário é volante e nossa senha atual é early-sunshine. O que vou fazer é mudar isso. Vou mudar isto para Demo123. Você pode ver que eu já fiz isso antes, demo123 e mudança. Agora essa mudança vai levar cerca de um minuto para se propagar nos servidores para fins de segurança e isso é totalmente bom. Se formos ao nosso site aqui e digitarmos demo123 demo123 e isso não funcionar para você imediatamente, dê um minuto. Se ele não funcionar depois de cerca de um minuto ou mais, então talvez vá e certifique-se de que o nome de usuário e a senha que você definiu eram os apropriados. Lá vamos nós, ele só vai me pedir para autenticar mais uma vez. Isto é uma coisa comum. Aqui vamos nós. Temos um site. Assim, temos um site funcionando. Realmente tudo o que tínhamos que fazer era clicar em digitar algumas coisas e temos um site completo sem precisar de qualquer tipo de desenvolvedores web ou tecnólogos ou qualquer coisa do tipo. Nós mesmos fizemos isso. Isso é realmente poderoso como empreendedores que querem vender coisas on-line. Isso é tudo para este vídeo. No próximo vídeo, provavelmente vamos habilitar SSL e, em seguida, vamos, eventualmente, pular o administrador do WordPress e dar uma olhada e aprender a adicionar temas e plug-ins e todas essas coisas boas. A parte divertida está chegando. O que eu quero que você faça é ter certeza de que você tem um site funcionando em flywheel.com ou WP Engine. Na verdade, não tem que ser volante. Pode ser realmente em qualquer lugar, mas certifique-se de que você tem um site WordPress funcionando porque nós vamos estar instalando temas e SSL e tudo isso um pouco mais tarde. Depois de fazer isso, vá para o próximo vídeo e te vejo lá. 5. Habilitação ferramenta: Olá e bem-vindo de volta. Neste vídeo, vamos ativar SSL em um site e, em seguida, vamos forçar SSL. Agora você pode ver atrás de mim aqui no nosso painel no volante, nós temos esta pequena fechadura verde. Agora estou usando o Firefox, mas isso é bastante padrão na maioria dos navegadores nos dias de hoje. Se estiver a utilizar o Chrome ou o Safari ou algum outro browser, é provável que veja aqui um pequeno bloqueio verde sempre que vir HTTPS, que significa que existe um certificado SSL ou um certificado TLS, que significa apenas que a sua ligação de e para o o servidor está criptografado. Por isso, é seguro colocar números de cartão de crédito lá, por exemplo. Eu estou apenas no meu painel aqui e ele diz sob domínios, meu site não é seguro. Vou clicar em habilitar SSL. Diz: habilitar SSL para camisetas de caso. Então tudo isso é bom, queremos o livre. Isso está totalmente bem. O SSL está livre agora. Então basta preencher o seu endereço, então eu vou colocar o meu aqui. Sou da organização Edmonton Alberta. Vou colocar camisetas kays, e meu e-mail de contato será ecomm.kalob@gmail.com. Então vamos preencher isso. Eu só vou fazer minha tela um pouco maior aqui. Em seguida, clique em concluir a configuração SSL. Agora isso só vai levar cerca de um minuto. Diz que vai ser em um instante. O Jiffy pode demorar uns minutos. Pode ser capaz de cinco minutos. Então talvez vá fazer um chá ou café e volte daqui a pouco. Enquanto esperamos por isso, vamos para o modo de privacidade. Agora, se ainda não o fez, você vai querer alterar o modo de privacidade, nome de usuário e senha. O nome de usuário é sempre volante por padrão e a senha é sempre algo diferente. Gosto de mudar isto para algo muito mais memorável. Demonstração um, dois, três. Demonstração um, dois, três. Você pode ter me visto fazer isso antes em outro vídeo. Só vou me certificar de que isso mudou absolutamente. Torna muito mais fácil lembrar o que realmente está acontecendo. Quando abrimos esta página e essa pequena caixa de diálogo de senha aparece, o que não acontece porque eu já visualizei o site ultimamente. Mas quando esse diálogo de senha aparecer, você pode colocar em demo um, dois, três. Demonstração um, dois, três. Você não precisa mais pensar sobre o que é essa senha, é uma senha temporária, não precisa ser nada bom. Só mantém o Google fora por enquanto. Então eu esperei cerca de um minuto, então eu vou colocar HTTPS no início do meu URL aqui, e ele vai me pedir esse nome de usuário e senha novamente, aquele que eu acabei de colocar, demo um, dois, três. Demonstração um, dois, três. Vamos mudar ou exceto isso, agora mudou isso. Temos aquela fechadura verde. Então isso é uma boa notícia, isso é realmente uma boa notícia. Agora a próxima coisa que queremos fazer é forçar SSL. Entramos em nossas configurações avançadas aqui, e devido a HTTPS forçado, vamos ligar isso. Minha página ficou desfocada lá e diz forçar HTTP como sendo habilitado. Vai levar um pouco de tempo aqui, novamente, só porque ele tem que entrar em suas configurações Wordpress e alterá-lo para você também, que volante bloqueia você por padrão para fins de segurança. Isso é cuidado de toda a segurança, todo o código, todas as configurações. Você não tem que fazer mais nada. Isso diz que HTTPS é forçado agora, então vamos voltar para nossa visão geral e vamos ter certeza de que isso está funcionando. Vamos clicar com o botão direito do mouse sobre isso e abrir em uma nova janela ou anônima, ele vai me pedir a senha novamente. Isso é demo um, dois, três e demo um, dois, três. Pressione Enter. Por padrão, ele tem HTTPS habilitado. Isso é tudo o que tivemos que fazer para habilitar SSL e forçar SSL ou HTTPS em nosso site. Antigamente, isso pode levar 30 minutos até possivelmente algumas horas. Agora é literalmente apenas clique, clique, clique e você está pronto para ir. Você não precisa ser um desenvolvedor ou um DevOps ou Gerenciador de Servidor em tudo para fazer isso, é fantástico. Certifique-se de que o SSL está ativado. Você vai precisar disso, e assim que estiver habilitado, vá para o próximo vídeo e te encontro lá. 6. Boas-vindas no WordPress: Olá e bem-vindo de volta. No último vídeo, decidimos que precisávamos de SSL, ativamos e forçamos SSL ou HTTPS em um site. Foi uma grande coisa de se fazer. Em seguida, o que precisamos fazer, é realmente ir e explorar o WordPress um pouco. Eu só vou abrir isso, e você pode ver que ele automaticamente faz HTTPS para mim. Agora, o problema com este vídeo é que se você já está familiarizado com o WordPress, não se preocupe em assistir a este vídeo. Você pode realmente pular para a direita e ir para o próximo. Se você nunca usou o WordPress antes, você não está super familiarizado com ele, talvez ficar por alguns minutos e apenas assistir a este vídeo. Agora, para entrar, vamos para /wp-admin, e isso acabou de me redirecionar para este URL longo aqui. Depois, basta colocar seu nome de usuário e sua senha. Estou no meu painel e ou estou no meu administrador WP, em vez disso, e isso me leva imediatamente ao meu painel onde você pode ver um monte de informações de relance. Honestamente, não há nada de útil aqui, então não se preocupe muito com isso. Se você tem atualizações, se você tem um tema, qualquer coisa assim, o que nós realmente fazemos. Temos três temas já pré-instalados com a nossa configuração do WordPress. Não vamos usá-los, portanto, não vamos atualizá-los, mas suas atualizações estão disponíveis aqui. As postagens são suas postagens no blog. Você pode ter Categorias e Tags. Mídia são suas imagens, seus vídeos , seus PDFs, qualquer coisa assim, tudo estará lá dentro. Páginas são suas páginas reais. Esta é, por exemplo, sua Página de Amostra, sua página inicial, Política de Privacidade, Termos de Serviço, Página de Contato, qualquer coisa assim, não postagens de blog, mas uma página real que tem um propósito diferente. Comentários são onde as pessoas podem vir e comentar. É muito provável que isso seja desativado em muitos sites. No entanto, se você quiser que as pessoas sejam capazes de comentar sobre seus produtos, esta é uma boa idéia para manter isso ativado. Aparência. Há muita coisa aqui, então Aparência vem com Temas, Personalização, Widgets, Menus e Editor de Temas. Você pode personalizar seu tema ativando ou desativando qualquer tema específico. Vamos adicionar um novo nas próximas lições. Você pode Personalizar, você pode adicionar Widgets, você pode personalizar seus Menus. Vamos mexer um pouco com personalização e menus, na verdade, uma vez que temos um tema instalado. Nós vamos ter um pouco de experiência lá também. Plugins. Vamos instalar um monte de plugins. Atualmente não temos nenhum. Plugins são basicamente apenas extensões do seu site. Isso é realmente tudo o que é. Você tem essa funcionalidade básica chamada WordPress. Além disso, se você quiser fazer algo extra, você tem essas coisas chamadas Plugins. Há milhões deles, maioria deles são livres. Usuários, só tenho eu. Mas se você tiver um co-fundador ou funcionários, talvez queira criar uma conta de usuário para que eles possam editar algum conteúdo. Tools, não vamos falar sobre isso porque não precisamos realmente fazer nada lá dentro. Muitas das nossas configurações, também não vamos mudar. Muitas das nossas configurações vamos manter como estão. As configurações que mudamos, vamos mudar em um vídeo futuro. Acho que faremos isso quando for um pouco mais relevante. Mas há um monte de configurações aqui como Leitura, Escrita, Geral, Discussão, Permalinks, Privacidade, tentativas de login, coisas assim. Agora, meu conselho para você é sempre entrar, mexer em torno, apenas ir e ver o que está acontecendo aqui. Honestamente, neste momento, pior cenário, se você estragar algo e você não tem certeza sobre como desfazê-lo, você sempre pode voltar a voar roda e você pode excluir este site. Você ainda não pagou por ele, então você pode excluí-lo. Ele será imediatamente excluído e você pode refazê-lo, e só leva talvez cinco minutos. Essa foi provavelmente a caminhada mais rápida do mundo através de um WordPress. Agora você não precisa ser super familiar, não precisa saber todas essas seções diferentes que eu examinei. Tudo bem se você ainda não estiver familiarizado com muita coisa. A razão para isso é porque vamos sujar as mãos lá dentro. Vamos usar Plugins, vamos instalar um Tema Personalizado, vamos Personalizar o nosso Tema, vamos fazer coisas novas lá. Ao longo do resto deste curso, você vai estar recebendo um monte de experiência WordPress. Não te preocupes, não te preocupes, se não sabes tudo o que passei. Está tudo bem. Obrigado por se juntar a mim neste vídeo. Não há nada para fazer, assim que estiver pronto, vá para o próximo e te encontro lá. 7. Como instalar um tema agradável: Olá e bem-vindo de volta. Neste vídeo vamos instalar um tema personalizado. Agora, se você não sabe como fazer nada disso, tudo bem eu vou te guiar através de tudo isso, e se em algum momento você ficar um pouco perdido, como acontece com qualquer um desses vídeos, basta rebobinar ou pedir um pergunta abaixo. Você pode ver que eu estou dentro do meu painel getflywheel.com. Meu site é Kays T-Shirts, e eu tenho um site SSL aqui então eu vou apenas clicar nisso. Na verdade, eu vou desfazer isso, fechar essa guia, e eu estou indo apenas para clicar WP Admin, e isso vai me trazer direto para o meu administrador WP, então isso é um atalho pouco agradável lá, e tudo o que ele fez foi me trazer para o meu website.com/wp-admin. Só um atalho agradável. Agora queremos passar para Aparência e Temas, e queremos adicionar um novo tema. Agora há duas maneiras de fazer isso, podemos selecionar um tema aqui, podemos procurar por tema online, ou podemos fazer upload de um tema. Queremos fazer upload de um tema. Agora o tema que vamos fazer upload é chamado Hestia e você não pode realmente procurá-lo. Eu só não sei se você está indo para obter todas as mesmas guloseimas exatamente como quando você baixá-lo, então eu só quero ter certeza que estamos todos na mesma página, então selecione Hestia dot zip, que você pode baixar do seu projeto e clique em Instalar agora. Perfeito, dizia desempacotar o pacote, instalar o tema. Tema é instalado com sucesso, vamos ativar. Parece que nosso tema está ativado, e vamos subir aqui, e apenas abrir isso em uma nova aba, e temos um novo tema, então parece um pouco melhor já, e não é o melhor ainda, mas parece muito bom. Agora isso é tudo o que há para instalar um tema. Novamente, se você não quiser usar este tema, apenas certifique-se de que você está usando um tema Woo Commerce, ou um tema Woo, e novamente, você pode simplesmente ir até Temas, e clicar em Adicionar novo, e você pode procurar qualquer tema aqui, então vamos digitar woo. Basta fechar esse woo commerce, e então isso traz um monte de temas diferentes aqui, 977, mas o que vamos usar neste curso é chamado Hestia, e nós também vamos ser capazes de personalizar este agradável gradientes de fundo, adicionar um logotipo personalizado, e realmente marca nosso site para torná-lo mais você e menos sobre mim. Por favor, certifique-se de ter este tema carregado, que é o seu exercício para este vídeo. Uma vez que você o tenha carregado sobre o próximo vídeo, e vamos começar a personalizá-lo um pouco. 8. Site em uma caixa: Já são bem-vindos de volta. No último vídeo, enviamos um tema chamado Hestia. Por favor, não se livrar desta notificação, aquela que você vê logo atrás de mim e precisamos deste link. Este link, eu estou realmente indo para copiar este link. “ Copiar Localização do Link”. Se você perdê-lo, você sempre pode referenciá-lo abaixo. Você vai ter que colocar em seuwebsite.flywheelsites.com barra qualquer que seja esse link, apenas essa parte final dele. Isso o levará a uma página que se parece com esta. Este é o nosso começo. Este tema é muito bom porque ele nos guia através de tudo o que precisamos. Agora, a primeira coisa que você precisa notar é que isso absolutamente tem que ser em SSL, HTTPS. Se você não tiver isso, isso pode falhar. Apenas tenha cuidado com isso. Agora, ele vem com nove temas diferentes. Na verdade, eu só vou selecionar o primeiro, porque eu realmente gosto do primeiro. Mas se houver outro que você gosta, você pode se sentir livre para escolher esse, e basta clicar em “Pré-visualizar”. Eu sei o que eu quero e eu vou apenas clicar em “Importar”. Ele diz, basicamente, que recomendamos fazer backup do seu site. Nós não temos muito para fazer backup, então não é realmente válido agora. Devido a problemas de direitos autorais, eles não podem nos dar todas as fotos que vemos na visualização do tema original. Bem, nós não olhamos para ele de qualquer maneira. Honestamente, tudo bem porque queremos substituir suas imagens completamente, então isso é totalmente legal. Que coisas queremos instalar aqui? Queremos personalizador de conteúdo, widgets. Sim. WooCommerce Definitivamente precisamos disso instalado. Esse é o nosso sistema de comércio eletrônico. Sem ele, não temos e-commerce. Formulários de contato por WPForms? Não, vamos nos livrar dessa. Nós vamos usar outra coisa porque isso é um plugin premium e eu não quero que você tenha que pagar por um formulário de contato simples. Isso é loucura. Órbita por TheMeisle. ThemeIsle é a empresa que faz o tema Hestia. É muito, muito bom. Se você quiser, você sempre pode atualizar para a versão pro, mas a versão gratuita é fantástica. Só vamos usar a versão gratuita. Vamos em frente e clique em “Importar” e ele vai instalar nossos plugins. Isso pode levar um momento rápido. Lá vamos nós. Plugins estão instalados e está importando algum conteúdo agora. Vai construir um monte de páginas para nós, postagens de blog, coisas assim. Configurando o personalizador, isso é ótimo. Importando widgets, tudo está feito. Novamente, se isso não funcionar para você, verifique se você está usando HTTPS. Notei que isso pode falhar sem isso. Certifique-se de que não clica em “Ver Website” porque isso irá afastá-lo desta página. Certifique-se de clicar em “Adicionar seu próprio conteúdo”. Isso vai trazê-lo para a página personalizada, onde podemos personalizar praticamente tudo na verdade. É muito fixe. Tudo o que temos que fazer é colocar o mouse sobre algo e depois clicar em “Editar” e podemos editar a coisa toda. É muito bom. Novamente, você não precisa ser um desenvolvedor da Web, você não precisa ser um designer, você não precisa de nenhuma dessas habilidades digitais, você só precisa ser um empreendedor que sabe vender coisas, que sabe como fazer um que pode vender coisas para as pessoas e, em seguida, direcionar tráfego para o seu site. Eu vou sair dessa. Este é o nosso site. Parece muito bom. Podemos ver a coisa dos “wpforms”. Não funciona porque eu optei por não usar WPForms em vez disso, vamos usar algo chamado Ninja Forms. Acredito que é o que vamos acabar usando. A menos que isso não se adapte às nossas necessidades, então talvez usemos outra coisa. Mas sim, vamos acabar substituindo isso. Isso tudo parece bom. Temos um blog, temos uma loja, temos dois de tudo aqui. Isso é totalmente desnecessário e é porque eu realmente cliquei duas vezes nesse link, e isso foi minha culpa. Se você só clicar no link uma vez para importar tudo, então ele só importará tudo uma vez, então isso é uma boa notícia lá. Nos bastidores, o que vou fazer é ir e retocar isso. Eu só vou apagar a segunda página do blog e a segunda página da loja e coisas assim. Isso é tudo o que realmente há para obter a configuração do nosso tema. Isso é muito legal. Isso fez muito por nós. Agora precisamos ir e obter a configuração do nosso plugin e vamos fazer isso no próximo vídeo. 9. Como configurar o WooCommerce: Olá, se você ainda está aqui, então incrível porque estamos entrando no necessário-ganancioso de basicamente configurar seu site de e-commerce neste vídeo. Esta é realmente a base central de tudo o que estamos tentando aprender neste curso. Como podem ver, temos essa coisa de parabéns. Vou fechar isso agora porque já clicamos ou experimentamos um dos nossos sites iniciantes prontos para uso. Já fizemos isso, por isso vou fechar isto. Isso está fechado. Diz que ativei o plug-in Orbit Fox. Basicamente, basta ir para o painel, isso é apenas uma notificação. Isso é fixe. Vou fechar essa. Aquele realmente me trouxe para longe. Isso não é nada o que eu queria que fizesse. Isso foi um pouco inesperado. Vou cancelar a re-geração de miniaturas porque isso não precisa estar em execução. As miniaturas serão feitas no folheto, então está tudo bem. A última coisa que precisamos, este é o importante, é “Bem-vindo ao WooCommerce”. Você está quase pronto para começar a vender. Este é o grande. É aqui que a sua empresa se torna uma empresa. Não é mais apenas um site. É uma máquina de fazer dinheiro. Não queremos ignorar a configuração. Queremos executar o assistente de configuração. Isso só vai nos guiar por algumas coisas diferentes aqui. Onde fica a sua loja? Minha loja está sediada no Canadá. Meu endereço será qualquer que seja meu endereço. Vamos colocar 123, Edmonton Street. Cidade, Edmonton. Estado, Alberta. Código postal. Só vou inventar algo. Eu nem sei se isso é um código postal real mas isso parece um código postal canadense. É isso que estou colocando. Eu vou estar vendendo não em dólares canadenses porque eu quero vendê-lo para os Estados Unidos. Então eu vou colocar em USD. Lá estamos nós. Para que tipos de produtos tenciono vender? Pretendo vender produtos físicos e digitais? Apenas produtos físicos ou apenas produtos digitais? Isso é totalmente com você. Pode ser os dois. Pode ser um ou outro. Para mim, serão as duas coisas porque vou mostrar a vocês como vender produtos físicos e digitais. Então vai ser um dois-para-um aqui. Mas para você, você pode estar apenas vendendo camisetas ou você pode estar apenas vendendo um curso on-line ou um PDF ou conhecimento digital, algo assim. Escolha o que for melhor para você. Vou vender produtos físicos e digitais, e meus serviços não estarão disponíveis pessoalmente. Eu não quero ajudar WooCommerce a melhorar com o rastreamento de uso. Eles têm o suficiente e eu não acho que eles precisam de mais dados para ser honesto, eles já são o maior gigante de e-commerce em todo o WordPress, então eu não acho que eles realmente precisam de mais dados, na minha opinião. Vamos aceitar pagamentos através de stripe e PayPal? Novamente, isso é com você. Mas tudo o que vou fazer é dizer “sim” para ambos. E você pode meio que mexer com as configurações que você precisa. A diferença aqui é que o PayPal sairá diretamente da sua conta PayPal. Por isso, ele vai criar um pouco de pagamento com o botão PayPal e, em seguida, ele vai pedir às pessoas para entrar no PayPal e levar dinheiro direto para fora de sua conta. Essa é uma ótima opção. Muitas pessoas realmente confiam no PayPal. Stripe é cartões de crédito. Na verdade, é inserir um cartão de crédito na tela, e isso é muito importante para pessoas que não têm PayPal. Eu pessoalmente gosto de pagar com ambas as opções, mas sempre que eu tenho a preferência, eu sempre escolho PayPal porque eu gosto mais do PayPal. Além disso, PayPal irá armazenar minhas informações de cartão de crédito, bem como para que eles possam pagar com um cartão de crédito e eu só tenho que fazer login usando meu nome de usuário e senha. Mas, novamente, você pode querer os dois. Então vamos ativar os dois. “ Coletar pagamentos para clientes offline” Não, não queremos fazer isso. Não queremos cheques. Não nos mande dinheiro, não mande nada assim. Novamente, isso depende de você, mas não gosto dessa opção. Está bem. Envio. Porque estamos vendendo um produto físico, há uma taxa fixa? Sim, há uma taxa fixa. Eu vou dizer que há uma taxa fixa de US $12,50 e locais não cobertos por suas zonas, quanto isso vai custar? Vai custar o dobro. Vai custar 25 dólares. Vou imprimir etiquetas de envio em casa, então não vou usar um terceiro chamado ShipStation. Eu não vou usá-los. Vou imprimir os meus próprios rótulos em casa. Se você não sabe sobre impressão de etiquetas ou qualquer coisa assim, você sempre pode usar ShipStation, experimentá-los gratuitamente por 30 dias. Porque eu estou vendendo para os EUA, eles não usam quilogramas, eles usam libras, e eles não usam centímetros, eles usam polegadas. Então eu vou adaptar minhas medidas para esse público em particular. Aperte “Continuar”. Quero impostos automatizados e Mailchimp e Facebook? Quero os dois primeiros. Não quero pixels do Facebook aqui. Se você quiser, você sempre pode adicioná-lo um pouco mais tarde adicionando um plugin personalizado. Eu só sei que este tende a adicionar um pouco de complexidade à nossa configuração e nós realmente não queremos complexo agora. Queremos começar a funcionar, e quando quisermos começar a executar algumas campanhas de marketing no Facebook, Reddit, Twitter ou Google, podemos começar a adicionar plugins como esse para acompanhar nosso progresso. Por agora. Não precisamos disso. Então, “Continue”. Na verdade, provavelmente não precisávamos do Mailchimp também, mas se você tiver uma lista de discussão ou se quiser construir uma lista de discussão, é sempre uma boa ideia construir uma. Mailchimp é um ótimo lugar para começar. Jetpack. Vamos pular este porque é um plug-in premium. Novamente, essas coisas premium, eu não quero que você tenha que pagar por nada, que você não tem que pagar. Se você quiser, absolutamente por todos os meios, vá em frente. Mas, novamente, este não é um desses cursos que eu projetei para você gastar centenas ou milhares de $ para colocar um site em funcionamento. Estou mostrando que você pode fazer isso e ter um site perfeitamente bom, um ótimo site na verdade, porque isso parece muito bom para vender produtos on-line sem todas essas opções premium. É muito, muito barato fazer esses dias. Tudo bem. Você está pronto para começar a vender. Basicamente, eu quero me inscrever para receber seus e-mails? Quer saber, honestamente, sim, WooCommerce é muito, muito bom. Eu quero estar na lista deles, especialmente se houver algum tipo de segurança e eu preciso atualizar imediatamente. Então, sim, eu vou fazer isso. Certifique-se de que eu não sou um robô. Em seguida, clique em “Assinar” [inaudível]. Estou inscrito. Agora posso criar um produto, importar produtos, visitar o painel, rever configurações ou visualizar e personalizar. Há muitas opções aqui para ser honesto. Então vamos em frente e criar nosso primeiro produto. Agora é neste momento em que estamos prestes a criar nosso primeiro produto e vamos criar uma camiseta para começar. É uma camiseta física. Nós não vamos entrar nisso agora neste vídeo, nós realmente vamos mover isso para o próximo vídeo porque há um monte de opções que precisamos passar. Por enquanto, o que eu gostaria que você fizesse é, eu gostaria que você se certificasse de que você tem todos esses plugins configurados. Se você entrar em suas configurações de plugins aqui, basta rolar para baixo e podemos ver que temos um monte de plugins aqui. Apenas certifique-se de ter todos estes instalados e operacionais. Novamente, tudo isso vem com o tema que pode ser baixado em seus arquivos de projeto. Portanto, não se esqueça, você sempre pode fazer o download diretamente. Quando você estiver pronto para ir, vá para o próximo vídeo e vamos criar nosso primeiro produto físico. 10. Personalizando seu site: Olá e bem-vindo de volta. Em nossa última lição, montamos nosso site de comércio eletrônico com todas as configurações diferentes e preços de envio e Stripe e PayPal, escolhemos os plugins que queríamos usar e todas essas coisas boas. Neste, vamos personalizar um pouco o nosso site. Então você pode ver aqui logo atrás de mim, nós temos este site e parece muito bom, na verdade, como logo fora da caixa, esta é uma grande vitória para muitas pessoas, mas não é muito personalizado para o que você quer que ele seja. Então vamos mudar esse logotipo. Talvez mudemos um pouco da cor. Então, se formos para o blog, sim, podemos ver que há um gradiente lá dentro. Então vamos explorar um pouco aqui. Então, no meu admin WP, que se você não sabe como chegar lá, você pode ir para sua conta Flywheel e simplesmente clicar em WP admin e ele vai trazê-lo lá para você. Vamos para a aparência e o que temos opções Hestia. Então vamos ver qual é o primeiro aqui. Plugins úteis, bibliotecas, livre vs pro. Sim, lá estamos nós. Queremos ir para o personalizador, mas também podemos ir para a aparência e, em seguida, apenas personalizar. Agora, a coisa boa sobre o personalizador WordPress é que você pode ver esses pequenos ícones aqui. Você pode clicar em qualquer lugar e alterá-lo. Então vamos mudar esse título. Vamos mudar isto para as camisetas da Kay. Você pode mudar isso para o que quiser que seja. Lindas, elegantemente roscadas, camisetas simples, algo assim. Veja mais e esse botão só vai para a loja. Então eu vou digitar na loja de barras porque isso vai ser aquele link lá. O que mais temos aqui? Temos algumas coisas extras. Temos layouts diferentes, e isso é muito legal. Então você pode mudar o layout da esquerda para a direita, centro, coisas assim. Eu vou mantê-lo centrado porque eu quero que ele seja agradável e no meio, provavelmente mudar essa imagem de fundo, mas eu realmente não tenho um disponível no momento, não fora de mão. Mas você sempre pode ir ao pixels.com e escolher uma imagem livre de royalties lá. O que vou fazer aqui é voltar e voltar novamente. Vamos para a identidade do site. Agora, a identidade do site é onde este logotipo vive. Então vamos selecionar um logotipo. No momento não tenho um, então vamos fazer o upload de um logotipo. Vamos carregar a versão light. Vamos ver como isso parece. Agora, eu acabei de criar um logotipo indo para o Google e digitando no gerador de logotipo livre. Acho que a Shopify é a única que acabei usando, era completamente gratuita. Eles queriam meu endereço de e-mail, que era um pouco irritante, mas é um logotipo gratuito e realmente eu iria usá-lo para me inspirar, e então, se você tem o dinheiro ou você tem as habilidades, ou você tem um amigo que pode fazer isso por você, talvez conseguir um logotipo profissional feito. Mas apenas como um aviso, por favor, não gaste muito dinheiro em um logotipo porque os logotipos são facilmente substituídos. Eu vou cortar esta imagem porque era muito grande e WordPress disse que ele precisa ser um tamanho diferente, por isso é cortado. É um logótipo minúsculo. Então talvez eu consiga alguém para realmente fazer isso, ou se você tem as habilidades para fazer isso, isso é ótimo. Se você é um membro do skillshare.com, você pode realmente ir e aprender a fazer logotipos. Há toneladas de cursos lá fora. Muitos deles são muito, muito de alta qualidade. Você já pode aprender sozinho. Meu slogan aqui vai ser simples camisetas. Posso mudar o favicon. O favicon é aquele pequeno ícone que você vê na sua aba. Você pode mudar isso totalmente. Eu não tenho um pronto para isso também, não apoiado. Porque, de novo, só estou usando uma empresa falsa aqui. Então eu não estou realmente indo para dentro e criando uma empresa completa. Mas se você tem um, você provavelmente poderia apenas apenas pegar aquele pequeno bug lá que, aquela pequena forma e transformá-lo em uma imagem de 512 por 512 pixels e então apenas carregá-lo. Podemos realmente ver lá que é um pouco de um problema. Então eu vou mudar esse logotipo e eu vou adicionar um logotipo escuro. Logotipo escuro. Está carregando muito devagar. Vou selecionar este. Sim, adereço, por favor. Então eu tenho um problema aqui. Não fica bem no escuro e não fica bem no branco. O que fazemos aqui? Bem, eu vou ter que deixar isso com você porque eu não sei qual será o seu logotipo, mas eu vou ficar com este por agora, e espero que isso me sirva melhor. Mas quero dizer, novamente, isso realmente demonstra como é fácil mudar um logotipo. Vamos mudar isso e vamos clicar em nosso blog. Podemos ver que temos um bloco aqui. Então vamos ver se conseguimos encontrar algum desse gradiente. Pode ser cor em qualquer lugar; cor fundo, cor de acento. Provavelmente não é isso. Talvez seja, na verdade não sei. Tipografia, definitivamente não tipografia. Imagem de fundo, provavelmente não na aparência então ou talvez seja. Eu poderia estar indo muito rápido e apenas pulando por cima. Mas aqui está a coisa com esta seção é que você vai querer gastar muito tempo em seu personalizador. A razão pela qual você quer, é porque você quer que ele fique bonito para o seu público e você quer que ele seja adaptado para você. Você quer que ele pareça que você também usa um logotipo personalizado, use cores personalizadas. Você pode alternar cores de botões e cores de texto e faces de fontes, tipos de letra, coisas assim. Faça com que seja você. Então agora isso se parece muito comigo, e na verdade ele se parece muito com tema padrão Hestia, que não é ruim em tudo. Mas acho que há uma maneira melhor de personalizá-lo. Então você ainda tem todas as guloseimas e você tem um bom gradiente aqui de um rosa para outro rosa ou azul para um verde, algo assim. Eu acho que você realmente deve aproveitar essa oportunidade e personalizar os sites para ser o que você quer que ele seja, então ele mostra suas cores. Então eu só vou voltar para a aparência aqui e depois para as cores. Vamos ver o que acontece quando eu mudar a cor do sotaque dele. Então, isso mudou essa cor? Talvez tenha feito, talvez não. Não parece estar fazendo muita coisa aqui. Então vamos apenas ir com o padrão. Imagem de fundo. Poderíamos mudar imagens de fundo melhores. Então, se quiséssemos a imagem de fundo aqui em vez de um gradiente, poderíamos fazer isso. Cores dos botões. Podemos mudar o estofamento e outras coisas. Isso é fantástico. Configurações gerais e diferentes tipos de layouts. Isso é fixe. Para onde queremos que isto vá? Configurações do blog, talvez, categorias. Mas todas as coisas aqui. Infelizmente, eu não vou ser capaz de cobrir tudo isso só porque há muito e você pode até mesmo dizer que até eu estou ficando um pouco sobrecarregado com tudo isso. Mas novamente, passe muito tempo aqui e fique a saber disso. A coisa boa sobre isso também é com qualquer site WordPress, é cada site WordPress vem com este personalizador. Então, se você usar este tema ou outro tema, ou você decidir um dia que você quer ser um desenvolvedor e trabalhar em sites WordPress. Esta ferramenta está prontamente disponível para você em todos os temas. Então eu realmente não vou gastar mais tempo tentando personalizar isso porque eu não quero desperdiçar seu tempo neste vídeo, mas eu definitivamente sei que a configuração de gradiente está lá dentro. Não se esqueça, você pode mudar seu logotipo, você pode mudar basicamente tudo de seu site inteiro. Então vá em frente e faça o upload de um novo logotipo, gerar um novo tipo de logotipo no gerador de logotipo livre do Google. Não pague por isso, apenas faça um grátis por enquanto. Talvez obter alguma inspiração de alguns dos gratuitos que são criados para você. Porque você pode ver algo que você goste. Nunca se sabe. Carregue esse logotipo. O meu é ruim, vou ter que consertar isso. Então, você agora, uma vez que você está bastante feliz com o seu site, compartilhe-o conosco, pegue esse URL. Então ele vai ser seuwebsite.flywheelsites.com e compartilhá-lo abaixo. Não se esqueça de nos dar a senha. Aquele Demo123. Não se esqueça de nos dar essa senha de privacidade para que possamos ir e conferir. Então compartilhe lá embaixo. Então a segunda coisa é quando você terminar e estiver feliz, vá para o próximo vídeo e eu te encontro lá. 11. Como adicionar um produto físico: Ei, bem-vindo de volta. No último vídeo, temos um Woo Commerce Setup. Temos um monte de plug-ins configurados e instalados. Neste vídeo vamos criar nosso primeiro produto físico. Nós imediatamente vemos que temos PayPal Checkout notificação, temos uma notificação Woo Commerce Strait. Temos uma notificação da estação. Honestamente, eu só vou me livrar disso, porque essas são configurações que podemos ajustar mais tarde. Vamos em frente e fechar tudo isso. Dispensado. O que eu vou fazer é ir para HTTPS. Certifique-se de que estou sempre no site HTTPS. Podemos ver que estou em uma nova página de produto. Tudo o que fiz foi ir a produtos e depois novo. Adicionar novo. Vamos começar a criar um produto agora mesmo. Primeiro é o nome do seu produto. Isso é qualquer que seja o seu nome. Talvez seja uma camiseta branca. Então a descrição do seu produto, quão branca é a camiseta? Quão grande é? De que produto é feito? De que material é feito? É realmente toda essa descrição. Talvez mantê-lo um pouco curto. Escolher o tipo de produto? Este é um produto simples, produto de grupo, produto afiliado externo, produto variável? Vamos ficar com o produto simples por enquanto. Não vamos entrar no mundo dos afiliados, variáveis e coisas assim. Vamos manter isto agradável e simples por enquanto. Este é um produto virtual? Podemos selecionar se este é um produto virtual ou não, aqui mesmo. Este é um produto para download? Talvez seja, talvez não seja. Eu não acho que você pode baixar uma camiseta. Seu preço normal, seu preço de venda, seus produtos, descrição curta. Qualquer que seja a sua breve descrição, esta deve ser bastante curta, eu acho. Imagens do produto. Você pode selecionar a imagem do produto aqui. Uma foto de alguém usando uma bela camiseta, por exemplo. Tags de produto, você pode adicionar tags diferentes. É uma camiseta? É um tipo diferente de camisa? Talvez você tenha expandido as camisas, e você não é mais apenas uma empresa de camisas. Talvez você também venda jeans, moletons, e talvez ternos. Quem sabe? Aqui é onde você colocaria essas etiquetas. Categorias. Temos uma moda popular tendências acessórios e sem categoria. Talvez criemos uma nova categoria lá, porque não queremos nenhuma delas. A moda é muito ampla para camisetas. Talvez só queiramos uma categoria chamada camisetas ou talvez branca para uma camiseta branca. Então aqui em cima temos publicar nosso produto. Podemos publicar a página. Podemos salvar um rascunho e podemos sempre visualizá-lo também, o que é bom. Vamos entrar em tudo isso muito em breve. A primeira coisa que precisamos fazer aqui é adicionar um nome de produto. Vamos em frente e chamar essa camiseta branca. De preferência soletrado direito. Aqui está a descrição principal e você pode vê-lo apenas gerou um link para nós. É flywheelsites.com ou ktshirts.flywheel sites.com/products/white-t-shirt. Se você quisesse mudar isso, você poderia mudar isso também. Aqui está a descrição principal de uma camiseta branca. Eu não vou preencher muito isso, porque honestamente, isso vai ser muito chato, só de me ver preencher coisas assim. Vamos adicionar um preço. Quanto é esse preço? Esta camisa vai ser, geralmente é 9.99, então é uma camisa de $10. O preço de venda vai ser 6,99 porque eu pedi muitos deles e honestamente, eles estão ocupando um lugar no meu apartamento e eu preciso me livrar deles. Eles estão ocupando espaço no meu porão, e eu quero abrir espaço para um novo inventário que está vendendo um pouco melhor. Status fiscal. Tributável, provavelmente deveria ser tributável. Sua classe fiscal, taxas reduzidas, taxa padrão. Vamos com a taxa padrão. Se você não tem certeza do que são, você sempre pode passar o mouse sobre esse pequeno ponto de interrogação. Então, por exemplo, este diz, escolha um imposto de classe para este produto. As classes de imposto são usadas para aplicar diferentes taxas de imposto específicas para certos tipos de produto. Por exemplo, se você estivesse vendendo, o que seria algo que poderia ser um imposto um pouco maior? Produtos químicos. Se você estava vendendo produtos mais limpos, por exemplo, você pode ter uma taxa de imposto diferente, porque há taxas ambientais. Inventário. Vamos dar uma distorção a isto. Vamos dar esta camiseta branca e é uma distorção terrível. Vamos chamar de camiseta branca 001. Gerenciar estoque em um nível de produto. Quanto é que temos? Temos 100 destes. Permitir pedidos atrasados? - Não. Limiar de estoque baixo. Quando Woo Commerce vai dizer: “Ei Caleb, quando você está fora de estoque ou quando você está prestes a ser capaz de estoque ou quando você pode ser considerado obter mais ações?” Eu vou dizer 50 por cento. Isto não é um por cento, isto é 50 de um 100, que acontece de ser apenas 50 por cento. Envio. Quanto pesa uma camisa? Vai ser, não sei, uma libra. Nós só fazemos um. Comprimento. Na verdade, não faço ideia do comprimento da camisa. Eu só vou colocar alguns números aqui. Se eles estão totalmente errados e você sabe, melhor, apenas tente ignorar esses números terríveis. A largura vai ser, não sei, 34. Eu não sei. Uma classe de remessa. Não temos produtos vinculados à classe de envio, não precisamos de vendas adicionais ou células cruzadas. Atributos. Podemos adicionar um atributo personalizado se quisermos. Poderíamos simplesmente adicionar isto aqui. Não vamos entrar na ordem do menu da nota de compra. Podemos fazer todas as coisas aqui. Novamente, não vamos entrar nas complexidades de tudo isso, porque vamos ficar aqui por muito tempo. Eu recomendo vivamente verificar mais sobre isso. Sinta-se livre para o Google. Sinta-se à vontade para clicar e ver o que acontece quando você adiciona um determinado campo. Em seguida, visualize sua página, o que você sempre pode fazer clicando em Visualizar. Aqui podemos ver que temos uma camiseta branca, 9,99, está à venda por 6,99. Eu tenho 100 em estoque. Posso adicioná-lo ao carrinho. Eu tenho uma descrição. Esta é a descrição principal da camiseta. Algumas informações adicionais. É uma libra, 34 por 34 por 34, e há 0 comentários. Isso é apenas uma prévia e nada fantástico, apenas uma prévia regular. Agora, precisamos de uma breve descrição. Esta é uma breve descrição aqui, e nós vamos usar isso como um exemplo para mostrar como isso parece um pouco mais tarde. Também precisamos de uma imagem de produto. Agora eu não tenho uma imagem de alguém usando uma camiseta. O que eu vou fazer é abrir pixels.com. Este é apenas um site de imagem livre de direitos autorais, e eu vou digitar uma camiseta. Vamos com esse cara. É uma bela camisa. Download gratuito. Provavelmente, não preciso de uma imagem maior do que média. Só vou baixar essa foto. Então eu posso ir para a imagem do meu produto. Fui um pouco mais rápido, peço desculpas por isso. Sob a imagem do produto, você pode clicar, definir a imagem do produto. Selecione seu arquivo. Acabei de selecionar a imagem que eu tinha baixado do pixels.com. Aí está, e assim podemos mudar esse título. Vamos chamar a isto, não sei, T-shirt número 1. Definir imagem do produto. Temos uma imagem de produto. Queremos uma galeria de produtos? Poderíamos adicionar várias imagens aqui, então vamos clicar nessa, e talvez clicar, não há realmente outra de uma camiseta aqui. Vamos colocar uma amostra aqui. Vamos colocar aquele ali. Acho que não podemos colocar este aqui, porque não me deixou. Não, ele fez. Lá vamos nós. Temos os três lá dentro. Vamos pré-visualizar nossa página agora. Agora vai parecer um pouco melhor. Olhe para isso. Agora, nós temos a imagem principal, e nós temos um pouco disso aqui. Este é realmente apenas pequeno, porque a imagem em si não é maior do que esta. Temos estes dois aqui. Vou me livrar delas, porque elas não parecem boas. Então, quando eu terminar, eu vou apenas clicar em publicar. É assim que criamos nosso primeiro produto físico. Agora, se voltarmos ao nosso site, e clicarmos para cima em nossa área de logotipo, e nós apenas rolamos para baixo para onde diz produtos. Temos um produto de t-shirt branco sem categoria que está à venda por US $7. Vamos criar uma nova categoria aqui. Crie uma nova categoria. Vamos chamar isso de camisetas. Não precisa de uma categoria parental. Adicione uma nova categoria. Está selecionado e vamos atualizar. Vamos voltar para a nossa página inicial, atualizar e isso não vai mais dizer sem categoria. Isto agora vai dizer camisetas, perfeitas. Agora podemos clicar nisso. Podemos clicar em camisetas. Podemos ver toda a categoria de camisetas diz camisetas aqui. Vai mostrar todas as nossas camisetas para essa categoria. As categorias estão funcionando bem. Isso está funcionando bem para adicionar ao carrinho é realmente fácil. Só quero adicionar um ao meu carrinho. Tenho uma camiseta branca no meu carrinho. Eu posso ir para o meu carrinho, e eu posso dar uma olhada. Agora, por alguma razão isto diz que está a ser enviado para o Reino Unido. Eu provavelmente apenas armei isso errado. Deve ser o Canadá ou os Estados Unidos a embarcar para a AB. Deve ser para o Canadá. Você pode mudar seu endereço e outras coisas lá também. Você pode verificar com PayPal ou você pode prosseguir para check-out. Vamos preencher isto. Acho que não fiz isso direito. Espero que não seja o código postal de alguém. Então podemos ver que podemos pagar com PayPal. Basicamente, seu checkout é um checkout regular. Ele ainda tem a taxa regular de frete fixo, porque ele está fora do país. É assim que criamos um produto físico. Agradável e fácil. Agora, se quisermos, poderíamos ver todos os nossos produtos em nosso administrador. Poderíamos apagar os outros se quiséssemos. Também podemos duplicar um. Se você tem exatamente a mesma coisa que você quer vender em vermelho e talvez a única coisa que você quer mudar é a imagem. Você quer mostrar alguém usando uma camiseta vermelha em vez de uma camiseta branca. Você poderia fazer isso e apenas clicar em duplicar. Essa é a maior coisa aqui. Novamente, eu só quero realmente enfatizar ou enfatizar que há um monte de opções diferentes aqui. Eu realmente recomendo passar por isso, e aprendê-los. Se você vai aprender a vender online. É uma boa idéia para se familiarizar com diferentes tipos de inventário, enviando diferentes produtos vinculados. Se você vai vender, vender coisas como essa, porque você nunca sabe quando alguém está comprando uma camisa branca e hey, talvez eles também queiram meias brancas com ela. Nunca se sabe. Talvez eles tenham um pacote de três camisas brancas, mas talvez eles também queiram um pacote de cinco camisas brancas como presente. Quem sabe? Você só não sabe o que seus clientes sempre querem. É bom dar-lhes opções de venda adicional e venda cruzada. Seu exercício para este vídeo é criar um produto físico, e apenas colocá-lo em funcionamento. Sinta-se livre para pegar uma imagem do pixels.com. Há imagens livres de royalties lá. Então, uma vez que você realmente tem um produto real para vender, certifique-se de que você está usando suas próprias imagens em vez de, usando imagens de outra pessoa. Essa é sempre uma maneira segura de garantir que sua qualidade seja muito melhor do que a que outras pessoas podem fornecer. Crie o produto físico. Depois de fazer isso, vejo você no próximo vídeo e criaremos um produto digital. 12. Como adicionar um produto digital: Olá e bem-vindo de volta nos últimos dois vídeos porque essa seção foi bastante longa. Criamos um produto físico e neste vídeo, vamos criar um produto digital. Este deve ser relativamente curto porque já aprendemos os prós e contras da criação de um produto. Um produto digital é a mesma coisa que um produto físico, mas na verdade tem menos detalhes porque realmente tudo que você precisa fazer é carregar um determinado arquivo realmente ou link mesmo. Vamos aos nossos produtos e você pode ver isso logo atrás de mim e eu vou sair do caminho aqui. Estou no meu painel e vou para produtos e, em seguida, todos os produtos. Vamos em frente na parte superior e clicar em “Adicionar novo”. Vamos criar um novo produto e isto vai ser chamado de manutenção da camiseta. Como cuidar de suas camisetas. Algo assim. Vou colocar isso na descrição curta. O preço para este vai ser $3,99 e não estará à venda. Este é um produto virtual. Você pode realmente ver que eu tenho algumas das opções de troca dentro e fora daqui. É um produto virtual, não precisa mais de envio, é um produto para download e simplesmente precisamos adicionar um arquivo. Vamos adicionar um arquivo aqui. Vamos escolher esse arquivo. Precisamos carregar um novo arquivo. Eu só entro em meus Downloads e eu tenho esse arquivo chamado sample.pdf. Este arquivo sample.pdf realmente não tem nada a ver com camisas. Acabei de encontrar um arquivo sample.pdf na internet. Mas para o seu produto, certifique-se de que você tem um PDF adequado ou um arquivo adequado. Porque as pessoas acabarão por pagar por isso e se pagarem 4 dólares por algo que é impreciso, isso pode prejudicar a sua empresa e você não quer isso. Tudo bem, então isso é fazer upload e inserir arquivo. O nome do arquivo será chamado, cuidando de suas camisetas. Limite de download. Talvez você esteja fazendo uma campanha no Facebook e disse: “Na verdade, só quero que 100 pessoas ganhem isso por US$4.” Há 100 downloads, isso é como seu estoque digital, seu inventário digital, ele baixa expiração. Talvez você vai dizer que as pessoas precisam baixar isso antes do próximo fim de semana. Talvez seja um Cinco de Mayo ou uma promoção de Natal, ou talvez uma promoção de aniversário. Quem sabe o que é. Pode ser realmente qualquer coisa e você pode adicionar uma data de expiração de download. Mas não vou fazer isso neste exemplo. Mais uma coisa que eu vou fazer é, eu vou adicionar uma imagem de um livro. Vamos adicionar este. Esta é uma bela imagem. Vamos baixar uma foto de tamanho médio. Vou definir esta imagem do produto agora. Isso vai me pedir para enviar uma foto nova. Eu seleciono minha foto e vai demorar um segundo porque vai criar um monte de miniaturas para nós. Vamos chamar esse livro, definir a imagem do produto. Vamos pré-visualizar isso. Manutentibilidade da camisa, bom. Então tem uma foto de um livro aqui com a descrição, “Como cuidar de suas camisas.” São $4 ou $3.99. Você também pode adicionar isso ao seu carrinho. Você pode aparentemente adicionar quantos quiser. Há provavelmente uma configuração lá dentro que eu vou deixar em suas mãos para descobrir como desativar, porque é um produto digital e você provavelmente não deve ter muitos em seu. Limite de download, talvez seja apenas um. Digamos que estamos felizes com isso. Não. Vamos colocar isso na categoria de camisetas. Vamos também colocar isso na categoria de digital. Vamos clicar em “Publicar”. Provavelmente feche algumas dessas guias aqui e vamos clicar nesse link. Aqui podemos ver que tudo está bem. Produtos relacionados porque estão na mesma categoria e já estão à venda, é lidar com isso para nós. Volte para a nossa página inicial, vamos vê-la aqui e olhe para aquilo, manutenção da camiseta e uma camiseta branca. Agora temos dois produtos e lá tivemos um produto físico e um produto digital. Se o seu site, se a sua loja de comércio eletrônico vai ter um produto digital, definitivamente vá e adicione um agora. Pode até ser apenas uma amostra. Não se esqueça que tudo isso é mutável. No momento, o Google não vai indexar seu site, ele não vai salvá-lo. O Google não consegue realmente acessar seu site por causa da senha inicial que colocamos nele. Você está seguro para experimentar o conteúdo do seu coração aqui. Seu exercício para este vídeo é, se você tem algum produto digital que deseja vender, certifique-se de configurar um produto agora. Até este ponto você provavelmente tem um produto físico ou digital. Eu recomendo apenas compartilhar seu progresso abaixo, se você quiser feedback sobre uma determinada imagem para usar ou talvez certas palavras ou direitos autorais. Não se esqueça, estamos criando uma comunidade de comércio eletrônico. Você sempre pode verificar abaixo a inspiração de outras pessoas, as coisas que eles estão perguntando sobre você, você pode colocar suas próprias perguntas lá. Este é um espaço seguro. Ninguém vai se envergonhar por fazer qualquer pergunta, e eu vou te ajudar o máximo que eu puder. Sinta-se sempre à vontade para compartilhar seu progresso abaixo. Assim que você tiver um produto físico ou digital pronto para entrar em seu site, vá para o próximo vídeo e vamos abordar nosso próximo passo. 13. Abri: Olá e bem-vindo de volta. Neste vídeo vamos adicionar um formulário de contato, agora, quando configuramos WooCommerce, não WooCommerce eu acho. Quando criamos esse tema, ele dizia: “Ei, você quer formulários WP?” Nós dissemos: “Não, não queremos isso.” Isso é porque isso é um plugin premium e eu não quero que você pague por algo tão simples como as pessoas tentando entrar em contato com você. Isso não faz sentido para mim. O que faz sentido para mim é um plugin gratuito que faz tudo o que você precisa que vai cuidar de todas as suas necessidades formulário de contato. A razão pela qual vamos adicionar um formulário de contato é porque, e você pode realmente ver aqui em cima é onde eu vou querer colocar isso, um formulário de contato é uma ótima maneira para as pessoas entrarem em contato com você, seja para suporte porque eles acabaram de comprar um produto de você, ou talvez seja porque eles estão pensando em comprar um produto de você, ou talvez seja um professor comprando 30 t-shirts para seus filhos ou Girl Guides ou algo assim, quem sabe qual é a situação. Mas eles querem falar com você para alguma informação adicional de qualquer maneira, e se você não tiver essa linha aberta, as pessoas não podem comprar de você. Então vamos em frente e abrir nossa linha de comunicação. Sob plugins, podemos ver que temos todas essas notificações aqui, vamos adicionar um novo plugin, e queremos procurar aqui por Ninja Forms. É o primeiro aqui que diz Formulários Ninja, vou fazer isso um pouco maior aqui. Instale agora, só um momento. Agora, clicamos em Ativar, e veremos uma nova opção aqui. Ninja Forms, aí está. Gostaria de melhorar os Formulários Ninja? Sim, por favor. Ocasionalmente alguns e-mails, não, eu não quero isso. Você pode querer isso, eu não. Agora, por padrão, Ninja Forms vem com um formulário de contato, ou um formulário de contato comigo, e se clicarmos nisso, é realmente super fácil editar isso, podemos clicar em qualquer parte, clicar naquele pequeno ícone de engrenagem, e podemos mudar tudo isso. Agora, há novamente um monte de configurações aqui, e este plugin vai fazer basicamente tudo que você precisa, qualquer coisa que você pode pensar, ele vai fazê-lo. Agora, eu realmente não quero ir e personalizar isso, embora você possa querer. Então, se você quiser, por favor, sinta-se livre para passar um pouco de tempo aqui, não há pressão para fazer uma forma bonita ou qualquer coisa, ele só precisa ser uma forma funcional. As pessoas querem entrar em contato com você, elas não querem se surpreender quando entram em contato com você. Eu vou deixar esta página porque ela já está construída, e você pode ver sob a coluna de código curto, que ela nos dá ninja_form id=1. Eu só vou selecionar isso e copiá-lo. Agora, eu quero criar uma nova página, que as páginas vão para, adicione Novo, e eu vou chamar esta página, contato. Agora, por que isso não aparece para mim? Vamos fazer uma prévia rápida aqui. Conact, soletrei errado. Por alguma razão, essa cor não está aparecendo da maneira que deveria, e isso é muito interessante. Então o que eu vou fazer é salvar isso e eu vou apenas voltar. Isso pode ser um bug com qualquer, WordPress ou o próprio tema. Vá para Todas as Páginas, onde está o contato? Nós acabamos de conseguir, vamos fazer uma busca aqui, contato. Nem sequer está lá dentro. Onde você foi? É o nosso último rascunho, onde você está? Aí está você, chama-se Conact de novo, porque eu soletrei engraçado. Então nós temos um título que podemos colocar aqui, se isso realmente importa muito que queremos lá dentro. Na verdade, só queremos este pequeno ícone aqui, e queremos que este diga Forma Ninja. Nós podemos até mesmo selecioná-lo, o que é muito bom e ele irá pré-preencher exatamente assim. A outra maneira de fazer isso é se você quisesse adicionar outra seção, você poderia adicionar um código curto, e esse código curto é adicionado aqui e simplesmente colar esse código curto lá, ele lhe dará exatamente a mesma saída de qualquer maneira. Vou remover este bloco, e o que queremos aqui? Adicionar um título, contato, eu não sei por que isso não está aparecendo. Sim, você pode vê-lo lá contato, mas é uma fonte muito difícil de ver. Adicionar cabeçalho, lá vamos ver contato. Então vamos pegar isso e mover esse cara todo o caminho para cima, lá vamos nós. Isso não funcionou, vamos clicar nesse botão. Lá vamos nós, que reorganiza. Agora, vamos clicar em pré-visualização, e temos que entrar em contato aqui, título do contato, esse é o nosso título real aqui. Então vamos dar uma olhada neste título de contato, e quando eu clicar em Visualizar, ele mudará esse título para mim, exatamente assim. Então você pode colocar qualquer título lá, se você quiser. Vamos adicionar outro campo, você pode adicionar um parágrafo. Entre em contato conosco sobre qualquer coisa que você gosta, estamos abertos 24/7, porque estamos na internet, pré-visualização. Legal. Então nós temos uma página de contato, título de contato, nós temos um pequeno parágrafo e nosso formulário, e a coisa legal sobre Ninja Forms é que ele vem com um monte de validação instantânea. Se eu selecionar o campo de nome e sair, é como, “Oh, este é um campo obrigatório.” E quanto ao e-mail? Oh, este é um campo obrigatório e continua e continua. Eu só vou colocar teste aqui, meu e-mail vai ser ecomm.kalob@gmail.com, e Olá mundo, como minha mensagem de teste. Então eu só fiz isso maior, agora eu vou apertar “Submit”. Processamento, legal, Nós temos um formulário de contato lá, e vamos para Ninja Forms, e então podemos ver nossas submissões. Agora, no começo isso vai ser um pouco alarmante, parece que não há nada lá dentro, mas isso é realmente impreciso. Só precisamos selecionar um formulário, então vamos selecionar entre em contato comigo, e podemos ver aqui que temos um nome, e-mail e uma mensagem. A próxima coisa que você vai querer fazer é, você vai querer entrar no seu e-mail, que eu tenho aqui, e nós podemos realmente ver que, oh não, eu não tenho um e-mail lá dentro. Sempre verifique seu spam. Por qualquer motivo, o WordPress é notoriamente ruim para enviar e-mails que vão direto para spam, então basta selecionar os dois e dizer: “Não, estes não são spam. Estes são realmente do meu site, pare de marcá-los como spam.” Confirmação de Submissão, então esta é a confirmação aqui e recebemos uma nova mensagem aqui. A coisa boa é tudo o que você tem a fazer, é clicar em responder e ele irá responder para o endereço certo para você. Então ele cuida de todos os detalhes técnicos nitty gritty nos bastidores para você. Você não tem que se preocupar com uma única coisa. Mais uma vez, certifique-se de verificar sempre essa pasta de spam, ao longo do tempo ela fica melhor com seu site, e realmente isso só afeta você, porque as pessoas estão tentando entrar em contato com você, você não está tentando entrar em contato com eles. Então você não precisa se preocupar com seus e-mails entrando em spam neste momento, você só precisa se preocupar com eles tentando entrar em contato com você e acertar seu spam. Isso é tudo o que há para criar uma Forma Ninja. Agora, se você quiser adicionar um novo, você poderia adicionar um novo Formulário Ninja, e ele lhe dará um monte de opções diferentes aqui, entre em contato conosco, criar um post, coletar feedback, um formulário em branco, você pode personalizá-lo, importar, exportar configurações, ele tem todas as configurações aqui também. Então não se esqueça, você sempre pode ir e verificar tudo isso. Agora, há uma última coisa que temos que fazer, em nosso site não temos nenhuma maneira de chegar a esta página de contato, então vamos para a aparência, e vamos para Menus, aí está você. Queremos selecionar o padrão superior, vamos selecionar o menu principal, menu primário, clique em selecionar. Vamos nos livrar de alguns destes porque estes são realmente irritantes, sair daqui, nós não queremos vê-los mais. Então selecione o menu principal, o menu principal, clique em “Selecionar” se você ainda não fez, e vamos descer aqui e vamos encontrar nossa página, onde está a nossa página? Procure por contato, sem resultados, o que aconteceu aqui? Vamos voltar às nossas páginas, precisamos editar algo na nossa página de contato, é porque não foi publicado, idiota Caleb. Isso foi culpa minha. Então vamos em frente e publicar nossa página. Sim, estamos prontos para publicar. Agora, volte aqui, aperte “Refresh”. Peço desculpas por isso, eu pulei totalmente esse passo, esse é um passo importante também. Pressione “Contato”, então basta selecionar essa pequena caixa de seleção, adicionar ao Menu. Você pode reorganizar isso, então eu quero que este seja o primeiro. Salvar menu e, em seguida, vamos atualizar nossa página. Você verá aqui em cima que diz contato. Legal. Isso nos leva à nossa página de contato. Agora, há mais uma configuração que eu quero alterar porque este ID de página é nojento. WordPress vem com isso por padrão, e eu absolutamente não gosto que até o grau final. É ruim para os motores de busca, é ruim para as pessoas, ninguém vai se lembrar desse número. Então o que vamos fazer é ir para suas configurações, permalinks, e vamos apenas mudar isso para o nome da postagem, rolar para baixo, clicar em “Salvar alterações”, atualizar sua página e isso irá automaticamente para contato. Lá vamos nós, isso faz muito mais sentido. Fizemos muito neste vídeo. A principal coisa que eu gostaria que você faça é certificar-se de que você tem algum plugin formulário de contato, se é Ninja Forms ou Contact Form 7 ou WPForms. Eu gosto de Ninja Forms porque lhe dá tudo, dá-lhe o melhor de todos os mundos de graça, mas se você preferir usar WPForms, vá em frente, se você preferir usar o Formulário de Contato 7, você também precisa Flamingo para salvar todos os de seus envios de formulário, ou você pode simplesmente usar formulários Ninja como eu fiz e apenas ter tudo pronto e funcionando quase instantaneamente. Uma vez que você tem um plugin formulário de contato, isso será suficiente para passar para a próxima lição e eu vou encontrá-lo lá. 14. Ajustando configurações de pagamento: Neste vídeo, precisamos falar sobre algo muito importante, e essas são as nossas configurações de pagamento. Neste ponto no tempo, você pode realmente ver logo atrás de mim aqui, que eu estou no meu painel do volante e eu só quero clicar em WP admin, e nós podemos nos livrar dele se isso está aparecendo para você novamente e nós podemos nos livrar dele e nós podemos Livre-se dessa. Vamos nos livrar dessa e cancelar uma regeneração de miniaturas. Isso é apenas livrar-se de notificações que não tem nada a ver com essa lição em particular. O que queremos fazer é entrar em WooCommerce e, em seguida, entrar em nossa configuração. Essas configurações são realmente importantes. Temos configurações gerais, configurações produtos, configurações de impostos, envio, pagamentos, contas e privacidade, integração de e-mails e avançado. Nesta lição em particular, estamos apenas a falar de pagamentos. Você pode ver que há toneladas de pagamentos suportados diferentes aqui. Os únicos dois que realmente precisamos, PayPal Checkout e Stripe, que você pode ver já estão ativados. Vou tocar em Gerenciar PayPal Checkout. Desejamos que isto seja ativado? Sim. Queremos que o título seja o compartilhamento do PayPal? Podemos mudar a descrição aqui. Configurações da conta, ambiente, live ou sandbox. Quando você configura uma conta PayPal, você terá duas opções que você pode ter ao vivo ou sandbox. Sandbox está testando. Credenciais de API, isso vai cuidar de tudo para você. Tudo o que você precisa fazer é clicar neste link e, em seguida, fazer login com sua conta PayPal. Ponha isso aí e vai te ajudar. Se você não quiser fazer isso, você pode passar pela entrada manual de credenciais API, e WooCommerce irá orientá-lo através de tudo isso. Para o PayPal, você vai querer selecionar uma imagem do PayPal, um cabeçalho diferente. Estes são como quando você check-out com PayPal no Pay, ele ainda pode mostrar sua marca lá. Estilo da página, página de destino. Você quer que seja o faturamento (conta não PayPal) ou o login (login da conta PayPal). Honestamente, muitos desses padrões são provavelmente perfeitamente bons. Não há muita coisa que realmente queremos mudar aqui, mas se você quisesse, você poderia. Agora eu não vou passar por todas as configurações aqui só porque há tantos deles , mas o que eu definitivamente recomendo é que se você estivesse interessado em toda a coisa PayPal, basta começar a pesquisar por aí, e eu sei que isso não soa como uma grande coisa para fazer, mas há muito apoio e há tantas respostas e tantas perguntas sobre WooCommerce e PayPal e Stripe já porque estamos usando um plug-in que é um mundo plugin renomado, é provavelmente o número um do mundo E-Commerce Plugin. Todo mundo está usando e todo mundo tem perguntas e todo mundo tem alguma resposta até certo ponto. Há muito suporte lá fora do que o que eu posso fornecer em um único vídeo, mas fique à vontade para ir e fazer isso. Agora, se você ficar realmente perdido depois de fazer um pouco de Googling, definitivamente sinta-se livre para perguntar na seção abaixo, e eu ficarei feliz em ajudar o melhor que eu puder. Lá novamente, há um monte de configurações diferentes aqui, e isso é apenas PayPal. O outro que temos aqui era o Stripe. Se eu for gerenciar o Stripe, queremos habilitar? Sim. Título? Cartão de crédito. O que o Stripe faz é que, vez de entrar no Stripe.com, que é o que o PayPal faz, PayPal faz você entrar. Stripes faz realmente, você pode adicionar cartões de crédito diretamente para o seu site, que é um recurso muito, muito legal. Nós realmente precisávamos de SSL habilitado para usar isso, caso contrário, o stripe irá bloqueá-lo e dizer : “Seu site não é seguro de todo.” Você pode alterar sua descrição. Você pode ativar e desativar o modo de teste. Agora aqui está um grande, é quando você tem o modo de teste em, você tem diferentes chaves API que você pode obter do Stripe diretamente. Quando você desabilita o modo de teste, você terá uma chave publicável ao vivo. Estas são chaves API, e novamente, você pode obtê-las diretamente da sua conta Stripe. Stripe e PayPal ou ambos gratuitos e eles só vão tirar dinheiro de você por transação, que é em algum lugar em torno de 2.9 por cento mais 30 centavo cada depende de seu país embora, mas é em algum lugar por lá. Novamente, há um monte de opções diferentes aqui, não tantas como PayPal, mas há algumas. Se você ficar preso com a configuração do seu gancho web, não se esqueça, você sempre pode deixar um comentário abaixo ou você pode simplesmente Google para uma resposta mais rápida, provavelmente muito mais rápida de alguém que já experimentou o mesmo problema que você pode estar passando. Então você tem todas essas outras configurações WordPress ou essas configurações WooCommerce em vez. Certifique-se de tomar um tempo para passar por estes, porque estas são as configurações que são essenciais para executar o seu negócio de comércio eletrônico e sem estas configurações, você pode ou não obter os resultados que você está esperando. Passe algum tempo aqui, veja todas as suas configurações, configure seus impostos, seu envio, seus produtos, seu general, todas essas coisas boas. Uma vez feito isso, e enquanto isso, você pode precisar criar uma conta Stripe e uma conta PayPal. Mas uma vez que você terminar com toda essa cabeça sobre o próximo vídeo e nós vamos lançar este site. Vamos colocar isso em funcionamento para que você possa realmente começar a vender e começar a ganhar algum dinheiro. Obrigado por se juntar a mim neste vídeo e eu vou encontrá-lo no próximo. 15. Lançando seu site: Já está na hora. Fizemos muito trabalho em um site. Espero que você realmente personalizou seu site e você está feliz com ele. Neste ponto, se você está feliz com isso, vamos em frente e lançar o site. Agora, lançar um site em flywheel.com ou na verdade eu acredito que é getflywheel.com ou [inaudível] ou realmente qualquer site hospedado WordPress é muito, muito simples. Então, como podem ver aqui, eu só tenho meu painel carregado. Então eu estou no app.get flywheel.com e eu vou clicar no meu site. Para iniciar meu site, mesmo que descêssemos para o modo de privacidade, você pode ver aqui que ele diz, eu preciso completar o faturamento para desativar o modo de privacidade, então eu não posso desativar isso. Na verdade, tudo o que temos de fazer é completar a nossa facturação. Agora é neste ponto que vamos realmente estar lançando nosso site. Então, se você estiver satisfeito com isso, conclua seu faturamento agora. Se você ainda não está satisfeito com ele e você acha que há um pouco mais de trabalho para fazer, então por todos os meios, continue trabalhando em seu site e não pague por ele até que você absolutamente precisa. A razão pela qual estou dizendo isso é porque assim que você concluir seu faturamento, você será cobrado imediatamente. Então eu vou estar pagando pelo meu próprio site. Mas se você é uma agência ou gostaria de ser uma agência, você pode criar um site em nome de alguém e fornecer suas informações de cobrança. Então vou pagar sozinho aqui. O plano que eu quero escolher é o plano Starter. Então comece sempre com o menor plano possível. Você não sabe se vai ter 100 mil visitas por mês. Você não sabe se vai precisar de 20 gigs de largura de banda. Ainda não sabes nada destas coisas. Essas são variáveis desconhecidas. Então, sempre comece pelo mais baixo e você sempre pode atualizar mais tarde. Então eu selecionei o plano inicial. Se você está otimista sobre onde você está indo com isso, você pode pagar anualmente, você vai economizar alguns dólares lá, ou você pode pagar mensalmente. Então, se você quiser nos dar um julgamento de seis meses e você não certeza se isso realmente vai funcionar da maneira que você acha que vai funcionar. Tudo bem ter algum ceticismo saudável ou crítica lá. Você pode pagar mensalmente por US $25 por mês. Agora, eu vou ser honesto, eu não sei se isso é em dólares canadenses ou dólares americanos porque na semana passada isso dizia 17, mas eu também estava em uma conexão americana enquanto que esta semana eu estou em solo canadense e diz $25. Então este preço pode realmente ser diferente para você dependendo do país, ele simplesmente não me diz em que moeda ele está. Então você pode selecionar mensalmente. Se você tiver um desconto, você pode aplicá-lo. Você pode querer ir e fazer um pouco rápido no Google para ver se há alguma promoção acontecendo. É sempre uma boa ideia procurar uma promoção. Se você pode economizar 10%, você pode economizar 10%. Se você pode dizer 50 por cento, isso é ótimo. Isso significa que você está recebendo seis meses ou anos de serviço por seis meses ou três meses ou metade do tempo realmente. Então sempre procure um código de desconto. Em seguida, ele irá levá-lo para o seu tipo de método de pagamento. Agora ele vai nos pedir um dos dois tipos de pagamentos. Nós podemos, e muito parecido com o nosso site, pagar com um cartão de crédito ou pagar com stripe. Qualquer um deles está totalmente bem. Então, se você quiser pagar com um cartão de crédito, basta selecionar o cartão de crédito e colocar as informações do seu cartão de crédito e você estará pronto para ir. Caso contrário, se você quiser pagar com PayPal, você pode simplesmente pagar com PayPal e, em seguida, ele entrará em seu PayPal e deduzirá automaticamente o dinheiro de sua conta. Então eu vou deixar você escolher o caminho que você quer tomar aqui. Vou supor que colocou um número de cartão de crédito. Então, uma vez que você tenha feito que rolar para baixo para a parte inferior da página, a página de pagamento aqui, basta rolar para baixo para baixo, clique em “Pagar agora” e você estará pronto para ir. Então eu não vou pagar agora porque eu não terminei de ajustar meu site. Eu provavelmente vou passar mais um dia ou dois nele consertando alguns dos produtos, consertando no logotipo, consertando um monte de direitos autorais e outras coisas lá. Uma vez que eu fiz isso, eu vou ser capaz de bem, completar meu faturamento, mas eu também posso desativar o modo de privacidade. Agora, o modo de privacidade novamente é um pequeno pop-up irritante, então talvez ele apareça aqui. Sim, esta coisa, isto é modo de privacidade. Você não pode dar isso a pessoas que você não conhece na internet porque ninguém vai saber. Você não vai saber quem vai acessar seu site. Então precisamos nos livrar disso. Assim que tiver concluído o faturamento, desative o modo de privacidade e poderá dar às pessoas o seu link. Então, o link que estou usando é ktshirts.flywheelsites.com. Posso dar essa ligação às pessoas e vamos embora. Agora, não se esqueça quando iniciar, você precisa alterar sua chave de API de distribuição. Então você quer usar suas chaves dinâmicas. Você quer mudar seu modo PayPal para modo ao vivo fora do modo sandbox, esses são muito, muito importantes. Caso contrário, as pessoas vão mandar-te dinheiro que não existe e tu não serás pago. Agora, há uma última coisa a ter em mente aqui é que seu site ainda será um subdomínio do flywheelsites.com. Então, vai ser neste caso, ktshirts.flywheelsites.com. Agora eu possuo 30 domínios diferentes e você pode ter um monte de domínios diferentes também. Mas se você não fizer isso, você sempre pode ir para os domínios do Google se isso estiver disponível em seu país, e eu sugiro que você use esse, ou você pode ir para GoDaddy.com e comprar um nome de domínio lá. Então você pode basicamente apontar que, esse domínio aqui, clique em “Adicionar um domínio”, torná-lo seu principal. Vai demorar alguns minutos para atualizar, dependendo do seu DNS. Depois disso, você pode usar seu próprio nome de domínio. Então, por exemplo, eu poderia usar kalebtaulien.com, kaleb.io, codingforeverybody.com e wagtail.com. Esses são apenas quatro dos domínios que eu possuo e eu poderia registrar isso lá. Agora não vamos passar por esse detalhe técnico porque isso fica um pouco fora do escopo para este curso. No entanto, se isso é algo que você quer e eu recomendo, simplesmente pule no Google e digite volante. Na verdade, eu vou fazer isso agora: suporte DNS volante. Eu nem soletrei direito, mas o Google não se importa. Como configurar seu DNS no GoDaddy. Aqui está uma boa, porque eu mencionei GoDaddy. Então isso vai te guiar por tudo, tudo que você precisa fazer aqui. Então isso é muito, muito importante. Se você não quer usar GoDaddy, e esta é a minha preferência pessoal, mas se você pode evitar usar GoDaddy, não use GoDaddy. Eles são um pouco caros e eles não dão muito a você hoje em dia. Considerando que se você usa domains.google.com, eu acho, o que é? Domínios do Google. Não, que eles têm seu próprio domínio de nível superior, é domains.google. Você pode obter seu próprio domínio por aqui por provavelmente US $7 por mês. Você pode obter um a.com, algo assim. Proteção D-dos, todo tipo de coisas boas, tem tudo o que GoDaddy oferece. É mais barato, é melhor, ganchos em seu Google Suite oferece um endereço de e-mail gratuito, bem como que você pode usar para que você não precise pagar pelo endereço de e-mail. Eu recomendo o uso de domínios do Google. Então, novamente, isso não é algo que vamos falar neste vídeo em particular porque isso está fora de alcance para o que este curso abrange. Mas se você quisesse, há muito apoio lá fora. Agora, se você estiver usando WP admin, isso é totalmente legal também, porque eles também têm artigos úteis para usar Go Daddy ou cloudflare ou Google domain. Eles têm todos os tipos de artigos de suporte lá. Como você vai pagar por suporte neste site, você sempre pode clicar em “Obter Ajuda” e abrir um novo ticket e eles irão ajudá-lo muito rapidamente. suporte do volante sempre foi muito bom para mim. WordPress ou WP Engine suporte em vez tem sido realmente grande para mim também. Eu acho que você vai estar em boas mãos com qualquer serviço. Então isso é tudo o que realmente há para lançar um site no Flywheel. O processo é quase idêntico em wpengine.com. Então, para o seu exercício, o que eu gostaria que você fizesse é uma vez que você lançou seu site, compartilhar seu link abaixo, compartilhá-lo com a comunidade. Eu quero vê-lo. Se você quiser feedback, você pode pedir feedback. Terei todo o prazer em dar-lhe qualquer tipo de feedback, ideias para melhoria, seja design ou direitos autorais ou produtos ou preços, qualquer coisa assim, posso ajudá-lo lá fora. Você só tem que compartilhá-lo na seção abaixo. Então, uma vez que você lançou seu site e você compartilhou seu link abaixo, eu vou encontrá-lo no próximo vídeo onde falamos sobre todas as diferentes coisas que aprendemos neste curso. 16. Resumo do curso: Olá. Bem-vindo ao vídeo de resumo. Se você está aqui, isso significa que você provavelmente lançou um site, então eu quero dizer um enorme parabéns ao lançamento do seu site. Não se esqueça de compartilhar seu link abaixo com o resto da comunidade para que possamos ajudá-lo, dar feedback, dar ideias e inspirá-lo. Você também pode conferir os sites de outras pessoas para se inspirar também. Mas neste vídeo, eu rapidamente queria rever algumas das coisas que já aprendemos. A primeira coisa que fizemos foi criar um site WordPress e , em seguida, habilitamos imediatamente SSL e forçamos SSL. Isso significa que temos HTTPS em nosso site e aquele pequeno bloqueio verde que aparece em sua barra de URL. Então é como https://seu website.com. Nós forçamos isso para que é o nosso site de comércio eletrônico é sempre agradável e seguro. Em seguida, instalamos um tema personalizado chamado hestia, que você pode baixar dos arquivos do projeto a qualquer momento. Trabalhamos com WooCommerce e temos WooCommerce configuração e todas as configurações diferentes que ele vem com. Criamos um produto físico e digital. Ativamos o PayPal e ativamos o Stripe e analisamos suas configurações. Nós personalizamos nosso site, dando-lhe um logotipo personalizado e talvez mudando algumas das cores e o que não. Você verá meu produto final na verdade abaixo, então eu vou começar, você pode realmente ver meu site que eu fiz. Lançamos nosso site e agora estamos na última fase, estamos prontos para vender. A primeira coisa que você precisa fazer é começar a construir algum público. Você precisa compartilhar seu link com as pessoas na internet, e o melhor lugar para começar é abaixo, você pode compartilhar seu link com nossa comunidade agora. Se você se sentir um pouco nervoso, isso é realmente um ok, Eu estava super nervoso a primeira vez que eu tive lançamento no meu primeiro site fora dos meus primeiros 500 sites provavelmente, Eu estava super nervoso. Mas está tudo bem se sentir nervoso, isso significa que você está fazendo algo que está fora da sua zona de conforto e você vai conseguir algo grande. Agora há um monte de pequenos detalhes que eu não passei no resumo que estão entre os cursos, um monte de coisas que você provavelmente aprendeu por conta própria. Se você aprendeu algo grande por conta própria, novamente, compartilhe isso abaixo com todos os outros. Agora eu tenho duas coisas que eu quero mencionar, primeiro lugar, eu sou Kalob Taulien, eu sou seu instrutor para este curso, e eu realmente aprecio você tomar o tempo para assistir através deste curso. vez, se você tiver alguma dúvida, você precisar de qualquer apoio, deixe uma pergunta abaixo em qualquer um dos vídeos relevantes onde você precisar de alguma ajuda, e eu estarei lá para você. A segunda coisa é, eu tenho um grupo no Facebook chamado Aprendendo a Code. Na verdade, cresceu muito além da codificação, é apenas o nome da marca agora. Há cerca de 20.000 pessoas lá dentro, muitas delas já têm experiência muito semelhante a esta. Você pode ir para facebook.com e apenas procurar, aprender a codificar, e se inscrever para participar desse grupo, é um grupo absolutamente livre. Eu realmente respondo perguntas lá muito mais rápido do que eu faço em qualquer plataforma só porque eu sempre tenho isso em mim, com meu telefone sempre sendo em mim o tempo todo eu recebo notificações push cada vez que alguém faz uma pergunta nesse grupo. Eu posso chegar a essas perguntas muito mais rápido se você quiser se juntar ao aprendizado de código no Facebook. Se você não quiser, isso é totalmente legal e você pode ficar com apenas deixando perguntas abaixo, eu não tenho problemas com qualquer maneira, eu só queria que você saiba que há uma linha de suporte secundário que vai através do Facebook. Muito obrigado por fazer este curso e ir nesta jornada comigo, eu realmente aprecio você tomar o tempo. Espero que tenha aprendido algo realmente fantástico, algo realmente grande que possa tirar que melhore a sua vida. Eu trabalho duro para criar conteúdo significativo para as pessoas. Se você gosta deste curso, eu realmente apreciaria se você pudesse apenas dar-lhe uma revisão rápida. Basta dar um pequeno polegar lá em cima, dizer às pessoas o que você gostou neste curso, e por que outras pessoas talvez deveriam fazer este curso. Muito obrigada. Parabéns pelo lançamento de um site. Acho que te verei em outro curso ao fundo da estrada. Boa sorte.