--- 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/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/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. 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/organizar-seu-conteudo-r93/entender-as-secoes-e-a-estrutura-do-seu-app-a34/) para obter todos os detalhes.* **2. Sua identidade visual** Este menu irá mostrar-lhe como: - Escolher um tema, definir 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. 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/personalizar-a-navegacao-a-home-e-o-header-r88/configurar-e-personalizar-o-menu-de-navegacao-a251/) ; [Personalização dos ícones do seu menu de navegação](https://pt.goodbarber.com/help/personalizar-a-navegacao-a-home-e-o-header-r88/personalizar-os-icones-do-menu-de-navegacao-a167/)* **4. 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/personalizar-a-navegacao-a-home-e-o-header-r88/configurar-e-personalizar-a-home-do-seu-app-a250/) ; [Widgets disponíveis na seção Home](https://pt.goodbarber.com/help/personalizar-a-navegacao-a-home-e-o-header-r88/configurar-os-widgets-da-home-a358/)* **5. Conteúdo do seu aplicativo** Este menu mostra como criar conteúdo para seu aplicativo, como definir categorias e gerenciar seu conteúdo em lote. *Leia estas ajudas online para obter todos os detalhes.* **6. Loja de extensão** 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/dar-os-primeiros-passos-no-app-r68/loja-de-extensoes-a144/) para obter todos os detalhes* Depois de criar seu conteúdo e aperfeiçoar seu design, você pode testar seus aplicativos nativos usando o [aplicativo My GoodBarber](https://pt.goodbarber.com/help/testar-seu-app-antes-de-publicar-r7/testar-o-seu-app-com-o-app-my-goodbarber-a121/) (somente ofertas nativas) ou usar a [visualização do back office](https://pt.goodbarber.com/help/testar-seu-app-antes-de-publicar-r7/visualizar-o-seu-app-a-partir-do-back-office-a87/) para testar seu PWA. ## 2. Publicação do Progressive Web App (PWA) Quando seu aplicativo estiver pronto: - Acesse o menu Publicar > PWA > Publicar - Clique em "**Publicar meu aplicativo**" para iniciar sua geração. A página Publicar > PWA > Publicar é seu painel do PWA. Nesta página: Ative ou desative o PWA, veja todos os recursos que você pode configurar 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: - Vá para o menu **Publicar > App 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. [Inscreva-se](https://pt.goodbarber.com/help/gerenciar-o-faturamento-e-a-assinatura-r34/gerenciar-os-detalhes-de-faturamento-pagamentos-e-faturas-a75/) na GoodBarber. 3. Escolha* entre o modo Solo ou o serviço "[GoodBarber Takes Care" (GBTC)](https://pt.goodbarber.com/help/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.*