> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hypesquad.store/llms.txt
> Use this file to discover all available pages before exploring further.

# Como funciona uma loja na Hyper

> Entenda como a Hyper cria e mantém sua loja online: endereço, vitrine, catálogo e checkout em um só lugar.

Esta página é para quem está começando na Hyper e quer entender, de forma simples, como uma loja funciona na prática. Você vai descobrir o que acontece desde a criação da conta até o momento em que um cliente finaliza uma compra.

## O que é uma loja na Hyper

Uma loja na Hyper é um endereço na internet onde seus clientes encontram seus produtos, conferem preços e finalizam compras. Tudo isso sem que você precise saber programar ou contratar uma equipe técnica. A Hyper cuida da infraestrutura, do checkout e dos pagamentos, e você cuida dos seus produtos e da marca.

Desde o primeiro dia, sua loja já nasce publicada. Isso significa que, assim que você cria a conta, qualquer pessoa consegue acessar sua vitrine pelo endereço da Hyper, mesmo antes de você cadastrar produtos ou escolher um tema.

## Para que serve

A loja serve para:

* Exibir seus produtos de forma organizada e bonita
* Receber pedidos e pagamentos automaticamente
* Ter um endereço próprio para divulgar nas redes sociais
* Gerenciar tudo, produtos, pedidos e clientes, em um único painel

## Como funciona na prática

A Hyper organiza sua loja em três camadas que trabalham juntas:

### 1. Endereço

Toda loja recebe um endereço gratuito desde o primeiro dia. O formato exato aparece no painel e pode variar conforme a versão da plataforma. Quando quiser, você pode registrar ou conectar um domínio próprio, como `www.atelielua.com.br`.

### 2. Vitrine

A vitrine é a parte visível para seus clientes. Nela ficam os banners, as coleções de produtos, a barra de navegação e as informações da sua marca. A aparência muda conforme o tema que você escolher e as personalizações que fizer.

### 3. Painel administrativo

O painel é onde você controla tudo: cadastra produtos, ajusta preços, acompanha pedidos, configura pagamentos e convida membros da equipe. O acesso é protegido por login e senha, e você pode ativar autenticação em duas etapas para mais segurança.

## Como fazer

<Steps>
  <Step title="Crie sua conta">
    Acesse a [página de registro da Hyper](https://hypesquad.store/registro) e preencha os dados solicitados. Sua loja já nasce publicada automaticamente.
  </Step>

  <Step title="Escolha um tema">
    No painel da sua loja, abra a área de aparência e escolha um tema que combine com a cara da sua marca. Você pode ajustar cores, fontes e logo depois.
  </Step>

  <Step title="Cadastre produtos">
    Ainda no painel, vá até a área de produtos e adicione seus itens um a um ou importe uma planilha. Cada produto pode ter nome, imagens, descrição, preço e opções como tamanho ou cor.
  </Step>

  <Step title="Conecte um gateway de pagamento">
    Para receber pagamentos, conecte pelo menos um gateway parceiro exibido no site, como Mercado Pago, PagBank ou Asaas. O passo a passo está na área de pagamentos do painel.
  </Step>

  <Step title="Divulgue sua loja">
    Copie o endereço público da sua loja e compartilhe nas redes sociais, WhatsApp ou onde seus clientes estiverem.
  </Step>
</Steps>

<Note>
  Os nomes exatos das opções no painel podem variar conforme a versão da plataforma e o plano contratado.
</Note>

## O que acontece depois

Depois que sua loja está no ar, o fluxo de vendas funciona assim:

1. Um cliente acessa sua vitrine, escolhe um produto e clica em comprar
2. O checkout da Hyper guia o cliente pelos dados de entrega e pagamento
3. O pagamento é processado pelo gateway que você conectou
4. Você recebe a notificação do pedido no painel
5. O cliente recebe a confirmação por e-mail

Tudo isso acontece automaticamente. Você só precisa acompanhar os pedidos e enviar os produtos, ou, no caso de produtos digitais, a entrega também é automática.

## Problemas comuns

<AccordionGroup>
  <Accordion title="Minha loja está vazia">
    Isso é normal nos primeiros minutos. Cadastre pelo menos um produto com nome, preço e imagem para que a vitrine mostre algo. Confira também se o produto está marcado como disponível.
  </Accordion>

  <Accordion title="Não sei qual é o endereço da minha loja">
    O endereço público aparece no painel, geralmente em uma área chamada loja, vitrine ou configurações. Se não encontrar, tente abrir sua loja pelo link exibido na página inicial do painel.
  </Accordion>

  <Accordion title="A loja não carrega no celular de um cliente">
    Verifique se você está usando o endereço correto. Se o problema persistir, peça para o cliente limpar o cache do navegador ou testar em outro aparelho. Você também pode conferir a [página de Status](https://hypesquad.store/status) para ver se há alguma instabilidade.
  </Accordion>
</AccordionGroup>

## Quando pedir ajuda

Se você já seguiu os passos acima e algo ainda não funciona, entre em contato pelo [chat do painel](/suporte/canais-de-atendimento) ou pela [Central de ajuda](https://hypesquad.store/ajuda). Leve em conta que respostas por e-mail costumam levar mais tempo do que o chat.

<CardGroup cols={2}>
  <Card title="Personalizar a aparência" icon="wand-magic-sparkles" href="/lojas/personalizar-aparencia">
    Aprenda a escolher tema, cores, fontes e logo para deixar sua loja com a cara da sua marca.
  </Card>

  <Card title="Publicar e conferir" icon="globe" href="/lojas/publicar-e-conferir">
    Veja como testar sua loja em diferentes dispositivos antes de divulgar.
  </Card>

  <Card title="Cadastrar produtos" icon="box" href="/produtos/cadastrar-produto">
    Saiba como adicionar produtos com nome, descrição, preço e imagens.
  </Card>

  <Card title="Canais de atendimento" icon="life-ring" href="/suporte/canais-de-atendimento">
    Conheça todos os canais para tirar dúvidas e reportar problemas.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.