Olá, futuros mestres do e-commerce! 👋 Sejam muito bem-vindos à nossa segunda aula do curso “Loja Shopify do Zero ao Avançado”. Na aula passada, mergulhamos no fascinante universo do Shopify e entendemos o papel crucial que ele desempenha no e-commerce moderno. Agora, é hora de colocar a mão na massa!

Chega de teoria e vamos para a prática! Prepare-se para criar sua primeira conta, seja ela de desenvolvimento ou teste, e configurar as bases que sustentarão todo o seu projeto. Vamos construir os alicerces da sua loja Shopify juntos. 🏗️

—

Aula 2 – Loja Shopify do Zero ao Avançado: Criando sua primeira conta e configuração inicial completa

📚 O que você vai aprender nesta aula

Ao final desta aula, você será capaz de:

• Entender a diferença entre uma conta Shopify Partner e uma conta de teste.
• Criar sua primeira conta de desenvolvimento Shopify através do programa Partner.
• Navegar com confiança pelo painel de administração (Admin) da sua loja Shopify.
• Configurar as informações essenciais da sua loja, como nome, endereço, fuso horário e moeda.
• Realizar as configurações iniciais de Pagamentos, Frete e Entrega e Impostos.
• Compreender as opções para conectar um Domínio à sua loja.
• Instalar e ter um primeiro contato com o Editor de Temas do Shopify.
• Estabelecer uma base sólida para as próximas etapas de personalização e desenvolvimento da sua loja.

🔗 Conectando com aulas anteriores

Na Aula 1, exploramos o ecossistema do Shopify, entendemos sua proposta de valor e por que ele é uma ferramenta tão poderosa para construir lojas virtuais de sucesso. Falamos sobre sua escalabilidade, facilidade de uso e o vasto leque de funcionalidades que oferece, tanto para empreendedores quanto para desenvolvedores.

Agora, a teoria se encontra com a prática! Aqueles conceitos que discutimos – como a facilidade de lançar uma loja e a integração de pagamentos – começarão a fazer sentido de uma forma muito mais concreta. Esta aula é o ponto de partida físico da sua jornada. Vamos transformar a visão que você teve na Aula 1 em uma loja Shopify real, ainda que em desenvolvimento. É o nosso primeiro passo real para construir algo incrível! 🚀

📖 Conteúdo Principal

1. Onde Começar? Shopify Partner vs. Shopify Trial (Teste Gratuito)

Antes de mais nada, precisamos decidir como vamos criar nossa loja. O Shopify oferece duas opções principais para começar:

• Shopify Trial (Teste Gratuito): É a opção mais comum para quem quer testar o Shopify para um negócio pessoal. Você tem um período de teste (geralmente 3 dias gratuitos, mais $1/mês pelos três primeiros meses, sujeito a alterações da Shopify) para explorar a plataforma e, em seguida, precisa escolher um plano pago para continuar. A loja tem todas as funcionalidades, mas o tempo de desenvolvimento “gratuito” é limitado.
• Shopify Partner Program: Esta é a opção que recomendo fortemente para vocês, nossos alunos e futuros desenvolvedores Shopify! O programa Shopify Partner é feito para agências, freelancers e desenvolvedores que constroem lojas para clientes ou para si mesmos, com fins de desenvolvimento e aprendizado.
• Vantagens do Shopify Partner:
• Lojas de Desenvolvimento Ilimitadas: Você pode criar quantas lojas de desenvolvimento quiser, sem custo. Essas lojas ficam ativas indefinidamente no modo de desenvolvimento.
• Ambiente de Teste: Perfeito para testar apps, temas e customizações sem custo antes de lançar.
• Ganhos: Se você construir lojas para clientes, poderá receber uma comissão mensal do Shopify.
• Recursos Exclusivos: Acesso a documentação e ferramentas específicas para parceiros.

Conclusão: Para o nosso curso, onde o foco é aprender e desenvolver, o Shopify Partner Program é o caminho ideal. Ele nos dá a flexibilidade e o tempo que precisamos para experimentar e construir sem pressa.

2. Criando sua Conta Shopify Partner e sua Primeira Loja de Desenvolvimento

Vamos ao que interessa!

Passo a Passo:

1. Acesse o Programa Shopify Partner: Abra seu navegador e vá para partners.shopify.com.

2. Crie sua Conta: Clique em “Join now” (ou “Comece agora”). Você pode se cadastrar com sua conta Google, Apple ou e-mail. Siga os passos para preencher suas informações básicas e criar sua conta de parceiro.

Dica de Experiência:* Preencha seus dados de forma completa e profissional. Isso é útil para quando você, no futuro, quiser gerenciar clientes ou até mesmo solicitar aprovações para Apps na Shopify App Store.

3. Acesse o Dashboard Partner: Após o cadastro, você será levado ao seu Painel de Parceiro Shopify.

4. Crie uma Nova Loja de Desenvolvimento:

• No menu lateral esquerdo, clique em “Stores” (Lojas).
• Clique no botão “Add store” (Adicionar loja) no canto superior direito.
• Selecione “Development store” (Loja de desenvolvimento).
• Preencha os detalhes da sua loja de desenvolvimento:
• Store name: Escolha um nome exclusivo (ex: minhaloja-dev-aula2). Este nome formará a URL minhaloja-dev-aula2.myshopify.com.
• Store purpose: Selecione “Build a new store for a client” ou “Play around with Shopify and test features” (Construir uma nova loja para um cliente ou Brincar com o Shopify e testar recursos). Para nosso aprendizado, a segunda opção é perfeita.
• Shopify account password: Crie uma senha forte para acessar esta loja específica.

• Clique em “Save” (Salvar).

Pronto! Sua primeira loja de desenvolvimento está criada! 🥳 Você será redirecionado automaticamente para o painel de administração dessa nova loja.

3. Visita Guiada ao Painel de Administração (Admin) do Shopify

Agora que você está dentro da sua loja, vamos explorar o painel de administração. É aqui que você passará a maior parte do seu tempo gerenciando e configurando sua loja.

Observe o menu lateral esquerdo. As principais seções são:

• 🏡 Home: Um panorama geral da sua loja, com dados de vendas, tarefas pendentes e sugestões.
• 🛍️ Orders (Pedidos): Gerencie todos os pedidos da sua loja.
• 📦 Products (Produtos): Adicione, edite e organize seus produtos, coleções, estoque e gift cards.
• 👥 Customers (Clientes): Gerencie a base de clientes da sua loja.
• 📊 Analytics (Análises): Relatórios detalhados sobre vendas, visitantes, comportamento do cliente, etc.
• 📈 Marketing: Ferramentas para criar campanhas de marketing.
• 🏷️ Discounts (Descontos): Crie códigos de desconto e ofertas automáticas.
• 🌐 Online Store (Loja Virtual): Esta é uma das seções mais importantes para nós desenvolvedores! Aqui você gerencia Temas, Páginas, Navegação (menus), Blog posts e Preferências (SEO).
• ⚙️ Apps: Gerencie os aplicativos instalados em sua loja.
• 🛠️ Settings (Configurações): Onde faremos a maior parte das configurações iniciais nesta aula.

4. Configurações Iniciais Essenciais (Settings)

Clique no ícone de engrenagem (⚙️) no canto inferior esquerdo do painel para acessar as Settings. Vamos configurar as bases da sua loja.

A. Detalhes da Loja (Store details)

Aqui você define a identidade fundamental da sua loja.

• Store name: O nome da sua loja que aparece para os clientes. (Ex: “Minha Loja Incrível”).

Dica de Código:* Este nome é acessível em seu tema Liquid através de {{ shop.name }}.

• Legal name of business: O nome legal da sua empresa.
• Store industry: O segmento de mercado da sua loja.
• Store currency: A moeda padrão da sua loja (ex: BRL – Brazilian Real). Isso afeta como os preços são exibidos e processados.
• Time zone: O fuso horário da sua loja. Crucial para o registro correto de pedidos e relatórios.
• Units system: Sistema de unidades (métrico ou imperial) para produtos e frete.

Ação: Preencha esses campos com as informações da sua loja de desenvolvimento.

B. Pagamentos (Payments)

Esta seção é vital para receber dinheiro!

• Shopify Payments: Se disponível no seu país, é a forma mais simples e integrada de receber pagamentos com cartão de crédito. Siga os passos para ativá-lo.
• Third-party payment providers: Se você não usar o Shopify Payments ou precisar de outras opções (como PayPal, PagSeguro, Mercado Pago, Stripe), você os configura aqui.

Dica de Experiência:* Para o Brasil, é comum integrar gateways como PagSeguro e Mercado Pago além do Shopify Payments para oferecer mais opções de parcelamento e métodos de pagamento locais.

• Manual payment methods: Opções como “Pagamento na entrega” ou “Transferência bancária”.

Ação: Para a loja de desenvolvimento, você pode ativar o Shopify Payments se quiser experimentar (não haverá cobranças reais) ou apenas entender as opções.

C. Frete e Entrega (Shipping and delivery)

Defina como seus produtos chegarão aos clientes.

• Shipping:
• Shipping zones (Zonas de Frete): Crie zonas baseadas em países, estados ou até códigos postais (CEP no Brasil). Você pode ter diferentes tarifas para diferentes regiões.
• Shipping rates (Taxas de Frete): Dentro de cada zona, defina taxas baseadas em peso, preço do pedido ou tarifas fixas.
• Packages (Pacotes): Defina tamanhos de embalagens padrão.
• Custom fulfillment locations (Locais de processamento personalizados): Se você tem múltiplos locais de estoque.
• Local pickup: Opção para o cliente retirar o pedido na loja física.
• Local delivery: Opção para entregar pessoalmente dentro de uma área específica.

Ação: Para esta aula, apenas explore as opções de “Shipping zones” e entenda a lógica. Não precisamos configurar em profundidade agora, mas é bom saber onde encontrar.

D. Impostos e Taxas (Taxes and duties)

Configure como os impostos são cobrados.

• Manage tax collection: O Shopify tenta automatizar a cobrança de impostos com base na localização da sua loja e do cliente.
• Tax regions: Veja as regiões onde você cobra impostos.

Alerta do Professor:* A configuração de impostos pode ser complexa, especialmente no Brasil. Recomendo sempre consultar um contador especializado para garantir a conformidade fiscal do seu negócio. O Shopify ajuda, mas a responsabilidade final é sua.

Ação: Verifique se o Brasil está configurado como sua região de imposto principal.

E. Domínios (Domains)

O seu endereço profissional na web!

• Você pode comprar um novo domínio diretamente pelo Shopify.
• Ou conectar um domínio existente que você já possui (por exemplo, minhaloja.com.br).
• Isso envolve apontar os registros DNS (A record e CNAME) para o Shopify.

Dica de Experiência:* Ter um domínio personalizado (suamarca.com) em vez de suamarca.myshopify.com é crucial para a credibilidade e SEO da sua loja.

Ação: Por enquanto, não é necessário conectar um domínio. A URL .myshopify.com é suficiente para o desenvolvimento.

F. Notificações (Notifications)

Gerencie os e-mails e SMS que sua loja envia aos clientes e a você mesmo.

• Você pode personalizar os templates para cada tipo de notificação (confirmação de pedido, envio, reembolso, etc.).

Para Nossos Desenvolvedores:* Esses templates são escritos em Liquid e HTML/CSS, e nós teremos aulas futuras dedicadas a customizá-los!

Ação: Apenas dê uma olhada nos templates existentes.

G. Checkout

Personalize a experiência de finalização de compra.

• Customer contact: Opções de contato (apenas e-mail, e-mail ou telefone).
• Customer information: Quais campos são obrigatórios ou opcionais.
• Order processing: Configurações de pós-compra.

Ação: Explore as opções para ter uma ideia do que pode ser customizado.

5. Escolhendo seu Primeiro Tema (Online Store -> Themes)

Agora que as configurações básicas estão prontas, vamos dar uma olhada no visual da sua loja.

1. No menu lateral esquerdo, clique em “Online Store” e depois em “Themes”.

2. Você verá o tema padrão que o Shopify instala (geralmente o tema Dawn).

3. Explore a Theme Store: Clique em “Visit the Theme Store” para ver milhares de temas (gratuitos e pagos) disponíveis.

Dica de Experiência:* Para iniciarmos, o tema Dawn é excelente. Ele é gratuito, moderno, flexível e otimizado para performance. Ele será a base de muitos dos nossos aprendizados futuros.

4. Adicione um Tema:

• Selecione um tema gratuito (ou o Dawn, se ainda não estiver lá).
• Clique em “Add theme” ou “Try theme”. Ele será adicionado à sua biblioteca de temas.

5. Personalize (Customize): Clique no botão “Customize” ao lado do tema que você deseja usar. Isso abrirá o Editor de Temas, onde faremos a mágica visual acontecer.

Ação: Instale o tema Dawn (se já não estiver lá) e clique em “Customize” para ter um primeiro contato com o editor. Não se preocupe em personalizar agora, apenas explore a interface.

—

💻 Exemplos Práticos

Vamos recapitular as ações mais importantes com exemplos práticos (onde [IMAGEM AQUI] indicaria um screenshot).

A. Criando a Loja de Desenvolvimento

1. Acesse o Shopify Partner Dashboard:

[IMAGEM: Tela inicial do Shopify Partner Dashboard]

2. Clique em ‘Stores’ e depois ‘Add store’:

[IMAGEM: Menu lateral com ‘Stores’ selecionado e botão ‘Add store’ em destaque]

3. Selecione ‘Development store’:

[IMAGEM: Pop-up perguntando se é “Managed store” ou “Development store”, com “Development store” selecionado]

4. Preencha os detalhes da loja:

• Store name: minha-loja-aula2-dev
• Store purpose: Play around with Shopify and test features
• Shopify account password: suaSenhaForte123!

[IMAGEM: Formulário de criação de Development Store preenchido]

B. Navegando pelo Admin e Configurações Essenciais

1. Acesse ‘Settings’ (rodinha dentada):

[IMAGEM: Painel de administração do Shopify com a engrenagem de ‘Settings’ no canto inferior esquerdo destacada]

2. Edite ‘Store details’:

• Clique em Store details.
• Altere o Store name para Minha Primeira Loja Incrível.
• Selecione Brazilian Real (BRL) como Store currency.
• Defina o Time zone para (GMT-03:00) Brasília.
• Clique em Save.

[IMAGEM: Tela de Store details com os campos Name, Currency e Time zone preenchidos e o botão Save destacado]

Lembrete de Código:* Em seu tema, o nome da loja seria acessado via {{ shop.name }} e a moeda via {{ shop.currency }}.

3. Visite ‘Payments’:

• Clique em Payments.
• Observe as opções para Shopify Payments e Third-party payment providers.

[IMAGEM: Tela de Payments com as seções Shopify Payments e Third-party providers visíveis]

C. Instalação do Tema Dawn

1. Vá para ‘Online Store’ -> ‘Themes’:

[IMAGEM: Menu lateral com ‘Online Store’ expandido e ‘Themes’ selecionado]

2. Encontre e adicione o tema Dawn:

• Se o Dawn não for o tema atual, role para baixo até a seção “Free themes”.
• Clique em “Add theme” e selecione “Dawn”.

[IMAGEM: Seção de ‘Themes’ com a opção de ‘Add theme’ e a seleção do tema ‘Dawn’]

3. Clique em ‘Customize’ no tema Dawn:

[IMAGEM: Tema Dawn listado em “Theme library” com o botão “Customize” ao lado]

Você será levado ao editor visual, que exploraremos em profundidade na próxima aula!

—

🎯 Exercícios e Desafios

Hora de praticar o que aprendemos! 💪

1. Crie sua Loja de Desenvolvimento: Se você ainda não o fez, siga os passos para criar sua conta Shopify Partner e sua primeira loja de desenvolvimento.

2. Configurações Essenciais: Acesse as “Settings” da sua nova loja e:

• Atualize o Nome da Loja, Endereço (pode ser um fictício ou o seu, para fins de teste), Moeda para BRL e Fuso Horário para Brasília.
• Dê uma olhada na seção de Pagamentos e entenda as opções. Não é preciso configurar um gateway de verdade agora.
• Explore as Zonas de Frete em “Shipping and delivery”. Tente criar uma zona de frete para o Brasil e adicione uma taxa fixa de R$ 15,00 para qualquer pedido (apenas como exercício, não precisa ser perfeito).

3. Exploração Guiada: Passe pelo menos 15 minutos navegando por cada seção do painel de administração (Pedidos, Produtos, Clientes, etc.). O objetivo é se familiarizar com a interface.

4. Instale e Pré-visualize um Tema: Certifique-se de que o tema Dawn esteja instalado na sua loja. Clique em “Customize” para abrir o Editor de Temas e apenas explore as opções de layout e componentes, sem fazer alterações ainda.

5. Desafio Extra (Opcional): Tente adicionar um produto fictício à sua loja (ex: “Caneca Incrível”) com um preço e uma imagem. Isso vai te dar um gostinho do gerenciamento de produtos.

—

📝 Resumo da Aula

Nesta aula, demos um passo gigantesco! Criamos nossa base no Shopify através do Programa Partner, que nos oferece um ambiente robusto e gratuito para desenvolvimento. Fizemos um tour completo pelo Painel de Administração, familiarizando-nos com suas principais seções.

O mais importante foi a Configuração Inicial Essencial da loja, onde definimos:

• Os detalhes básicos como nome, moeda e fuso horário.
• Entendemos as opções para pagamentos, frete e impostos.
• Vimos como funciona a conexão de domínios.
• E, finalmente, instalamos o tema Dawn e tivemos um primeiro contato com o Editor de Temas, a porta de entrada para a personalização visual da nossa loja.

Você agora tem uma loja Shopify de desenvolvimento funcionando e configurada nas suas bases. Parabéns! 🎉

🚀 Preparação para próxima aula

Na próxima aula, vamos mergulhar de cabeça no Editor de Temas! 🎨

• Aprenderemos a usar suas seções e blocos para construir layouts de página.
• Exploraremos como adicionar e gerenciar conteúdo dinâmico.
• Começaremos a entender a estrutura por trás da interface arrasta e solta, conectando com seus conhecimentos de HTML/CSS.

Certifique-se de ter sua loja de desenvolvimento com o tema Dawn instalado e pronto para ser explorado. Sua base está criada, agora vamos construir!

📚 Recursos Adicionais

• Shopify Partner Program: partners.shopify.com – Onde você criou sua conta.
• Documentação Oficial do Shopify – Settings: help.shopify.com/manual/sell-online/store-settings (em inglês, mas excelente referência).
• Shopify Theme Store: themes.shopify.com – Para explorar outros temas.
• Tema Dawn (GitHub): github.com/Shopify/dawn – Para os mais curiosos, o código-fonte do tema padrão.

Até a próxima, desenvolvedores! Continuem praticando! 👋