Tutoriais

Atendimento em horário comercial via chat

WooCommerce na Umbler

WooCommerce é um plugin open source de e-commerce para WordPress. Ele é projetado para comerciantes online de pequeno a grande porte usando o WordPress.

Preparando o ambiente

      1. O primeiro passo é instalar o Wordpress. Caso não tenha instalado e configurado o seu Wordpress ainda, verifique nosso tutorial aqui. 

        Importante! Recomendamos utilizar no mínimo o plano Container P. Por causa da quantidade de recursos que possuem, não recomendamos que instale o WooCommerce nos planos de Site PRO e Container tamanho PP.
      2. É preciso realizar a configuração do Wordpress como links permanentes, idioma dentre outras configurações que mostrarei a seguir:

        mceclip0.png

      3. Aqui no menu Configurações > Geral você deverá se atentar a algumas configurações como o Fuso horário Formato de Data e Formato de Hora, pois isso impactará diretamente lá na frente quando formos configurarmos o WooCommerce.mceclip1.png

      4. Após realizado essas primeiras configurações é necessário ativar o SSL, pois o WooCommerce exige que você tenha o SSL instalado. 

        Para isso vamos voltar no Painel do Usuário e ativar o certificado gratuito do Let's Encrypt.
        tempsnip.png

      5. Após isso, clique em Habilitar o certificado Let's Encrypt grátis.
        mceclip6.png
      6. Clique em Habilitar na tela seguinte.
        mceclip7.png

      7. Voltando ao seu site, agora vamos instalar o plugin para habilitar o certificado SSL em seu site. Para isso, vá em Plugins > Adicionar Novo.
        mceclip8.png

      8. Agora vamos instalar o plugin Really Simple SSL. Digite o nome do plugin na barra de pesquisa.
        mceclip9.png
      9. Após isso você irá clicar em Instalar Agora.
        mceclip10.png
      10. Clique em Ativar.
        mceclip11.png
      11. Após ativá-lo você será deverá configurar corretamente o plugin. Para isso você deverá ir em Configurações > SSL.
        mceclip12.png
      12. Clique no botãoAtivar SSL e aguarde até ativar.
        mceclip13.png
      13. Após isso, altere algumas configurações do plugin como indica a imagem e clique em salvar.
        mceclip14.png

Instalando o Woocomerce

      1. Para instalar o plugin Woocomerce, acesse seu Wordpress, vá em Plugins > Adicionar Novo.

        mceclip6.png

      2. Na barra de pesquisa vamos digitar WooCommerce e aguardar até aparecer os plugins.
        mceclip7.png
      3. Encontrando o plugind do WooCommerce, vamos clicar no botão Instalar Agora e depois no botão Ativar que irá aparecer a seguir:
        mceclip8.png

        mceclip9.png
      4. Ao ativar o Plugin do WooCommerce você será redirecionado para a parte das configurações do plugin onde você deverá inserir as informações de sua loja:
        mceclip10.png
        Atenção! Essas informações são extremamente importantes principalmente se você for oferecer o frete pago de algum de seus produtos, pois é dessas informações que o plugin de frete (por exemplo o dos Correios) irá calcular o frete final para apresentar para seu cliente.
      5. A seguir o plugin irá lhe dar a opção de compartilhar seus dados, você pode escolher ou não, isso é indiferente.
        mceclip11.png
        A seguir você deverá inserir qual o segmento de sua loja!

        Atenção! Você deverá marcar ao menos 1 opção, com isso o botão Continuar será ativo e você poderá passar para a próxima etapa de configuração.

        mceclip0.png

      6. A seguir serão mostrados os tipos de produtos que você oferecerá em sua loja, você deverá selecionar um específico ou apenas clicar em continuar.

        mceclip1.png

        Atenção! Todas essas configurações poderão ser alteradas posteriormente dentro de seu painel do WooCommerce.
      7. A seguir ele irá perguntar sobre alguns detalhes de seu negócio, configure conforme sua realidade, após isso clique em Continuar.
        mceclip2.png

      8. Após isso ele irá apresentar algumas opções de plugins (recomendamos desmarcar a opção "Add recommended business feature to my site") e então clicar no botão Continuar.
        mceclip3.png

      9. Após isso ele irá apresentar uma série de Temas.

        Para pular essa etapa role toda sua página para baixo até encontrar a opção Pular esta Etapa.
        mceclip4.png

      10. Após isso será apresentado o painel de Boas vindas de sua loja WooCommerce!

        Nessa janela você pode clicar no 'x' para sair dessa tela e começar a construir sua loja :-)

        mceclip5.png