--- title: "Etapas para criar o seu App" description: "A criação e manutenção do seu aplicativo são feitas em uma única interface: o back office. O back office permite que você adicione conteúdo ao seu aplicativo," canonical_url: "https://pt.goodbarber.com/help/shop/dar-os-primeiros-passos-no-app-r68/etapas-para-criar-o-seu-app-a248/" lang: pt --- # Etapas para criar o seu App Source: https://pt.goodbarber.com/help/shop/dar-os-primeiros-passos-no-app-r68/etapas-para-criar-o-seu-app-a248/ ## 1. Criação do seu aplicativo GoodBarber A criação e manutenção do seu aplicativo são feitas em uma única interface: o back office. O back office permite que você adicione conteúdo ao seu aplicativo, personalize o design e interaja com seus usuários assim que o aplicativo for publicado. Quando você cria seu projeto GoodBarber e acessa seu back office, um menu de integração "**Iniciar**" estará disponível no canto inferior direito do seu back office. O menu "**Iniciar**" mostra como lidar com as principais etapas da criação do seu aplicativo. Cada etapa é apresentada com um texto explicativo, o caminho para acessar o menu certo no seu back office e um tutorial em vídeo. Isso ajudará você a se familiarizar com a plataforma rapidamente. O botão de menu "**Iniciar**" se tornará um link para a central de ajuda GoodBarber quando você o ler completamente, ou se você publicou seu PWA (plano Standard) ou publicou a versão iOS ou Android do seu aplicativo (planos Premium/Pro). **Etapas do menu Iniciar:** **1. Seu catálogo** O primeiro passo para criar sua loja é criar seus produtos, depois suas coleções para organizar e estruturar sua loja. Este menu mostrará como criar e publicar seu catálogo. Leia estas ajudas online para obter todos os detalhes. **2. Sua identidade visual** Este menu irá mostrar-lhe como: - Escolher um tema, defina o estilo global para personalizar o design do seu aplicativo a partir de um único menu. - Configurar o cabeçalho, os ícones e a tela de inicialização do seu aplicativo - Editar o design de uma seção específica. *Leia estas ajudas online para obter todos os detalhes: design geral ; design das seções .* **3. Estrutura do seu aplicativo** Seu aplicativo é composto de seções. Existem diferentes seções para diferentes tipos de conteúdo ou recursos diferentes. Este menu mostrará como adicionar, organizar, definir e gerenciar seções. *Leia esta [ajuda online](https://pt.goodbarber.com/help/shop/organizar-seu-conteudo-r121/entender-as-secoes-e-a-estrutura-do-seu-app-a34/) para obter todos os detalhes.* **4. Navegação do seu aplicativo** Para definir a navegação principal do seu aplicativo, este menu mostrará como: - Escolher entre 5 modelos de menu de navegação e configurá-lo - Expandir a arquitetura do seu aplicativo adicionando um subnível. *Leia estas ajudas online para obter todos os detalhes: [Menu de navegação](https://pt.goodbarber.com/help/shop/personalizar-a-navegacao-a-home-e-o-header-r88/configurar-e-personalizar-o-menu-de-navegacao-a251/) ; [Customização dos ícones do seu menu de navegação](https://pt.goodbarber.com/help/shop/personalizar-a-navegacao-a-home-e-o-header-r88/personalizar-os-icones-do-menu-de-navegacao-a167/)* **5. Página inicial** A página inicial é a primeira página que seus usuários visitarão. É feita de widgets que você pode definir e organizar. *Leia estas ajudas online para obter todos os detalhes: [Página inicial](https://pt.goodbarber.com/help/shop/personalizar-a-navegacao-a-home-e-o-header-r88/configurar-e-personalizar-a-home-do-seu-app-a250/)* **6. Configurações da loja** Antes de finalizar a criação da sua loja, você deve preencher todas as informações da sua loja . Esta informação será utilizada para a geração das suas faturas, entre outras coisas. Defina os termos de envio e configure seus métodos de pagamento para começar a vender. **7. Loja de extensões** Você pode adicionar recursos adicionais ao seu aplicativo, este menu mostra como adicionar e gerenciar extensões. *Leia esta [ajuda online](https://pt.goodbarber.com/help/shop/dar-os-primeiros-passos-no-app-r68/loja-de-extensoes-a144/) para obter todos os detalhes* ## 2. Publicação do Progressive Web App (PWA) Quando seu aplicativo estiver pronto: - Acesse o menu Canal de vendas > PWA > Publicar - Clique em "**Publicar meu aplicativo**" para iniciar sua geração. A página Canal de vendas > PWA > Publicar é seu painel do PWA. Nesta página: Ative ou desative o PWA, veja todos os recursos que você pode definir para o seu PWA, acesse a central de ajuda, restrinja o acesso ao PWA etc. ## 3. Publicação de aplicativos nativos (iOS - Android) Quando seu aplicativo estiver pronto: - Acesse o menu **Canal de vendas > iOS ou Android > Publicar**. 1. Se uma lista de ações a serem concluídas antes de começar a enviar seu aplicativo iOS ou Android for exibida, você precisará concluí-la para poder prosseguir com a publicação do seu aplicativo. 2. [Assine](https://pt.goodbarber.com/help/shop/gerenciar-seu-faturamento-e-sua-assinatura-r34/gerenciar-os-detalhes-de-faturamento-pagamentos-e-faturas-a75/) um plano da GoodBarber. 3. Escolha* entre o modo Solo ou o serviço ["GoodBarber Takes Care" (GBTC)](https://pt.goodbarber.com/help/shop/delegar-a-publicacao-ao-servico-gbtc-r80/entender-o-servico-goodbarber-takes-care-gbtc-a97/) para publicar seu aplicativo nas lojas e siga as instruções na tela. O modo Solo significa que você é responsável por todo o processo de envio, leia as ajudas online para processos iOS e Android . **Se você optou pelo modo solo e mudou de ideia, pode alternar para o serviço GBTC a qualquer momento. Se você optou pelo serviço GBTC, mas deseja assumir o gerenciamento sozinho, também é possível.* ## 4. Lançar o seu negócio Depois de todas as etapas estarem concluídas, você poderá finalmente iniciar seu negócio online. Você pode encontrar muitas dicas úteis no nosso [blog](https://www.goodbarber.com/blog/) para ajudá-lo a promover a sua loja. Diferentes ferramentas estão disponíveis em seu back office para ajudar você a promover o seu app: - **Botões de compartilhamento:** **Marketing > Promover > Compartilhar** - **QR Code:** **Marketing > Promover > QR Code**