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

# Loja Virtual

> O Recurso de Loja Virtual permite que você crie uma loja online simples, com marca e amigável para dispositivos móveis, onde você pode exibir produtos de Pagamento Único e produtos de Assinatura. Este recurso elimina a complexidade de construir um site inteiro, permitindo que você ofereça rapidamente seus produtos ou serviços online sem esforços adicionais de desenvolvimento web.

<Frame>
  <img src="https://mintcdn.com/dodopayments/mOQO5ej_lx0yH9p-/images/cover-images/Storefront.png?fit=max&auto=format&n=mOQO5ej_lx0yH9p-&q=85&s=01a8c507034e9c40fd4bd7c2afd51226" alt="Storefront Cover Image" style={{ maxHeight: '500px', width: 'auto' }} width="1200" height="630" data-path="images/cover-images/Storefront.png" />
</Frame>

## Principais Destaques do Recurso

1. **Loja com Marca**
   * Personalize sua loja com Nome da Loja, Logotipo e Imagem de Capa.
   * Compartilhe facilmente a URL da sua loja (por exemplo, `store.dodopayments.com/your-store`).
2. **Segregação de Produtos**
   * Organiza automaticamente seus produtos em seções de Pagamento Único e Assinatura.
3. **Fluxo de Checkout Simples**
   * Os clientes podem selecionar um produto e quantidade e clicar em **“Comprar agora”** para serem redirecionados ao checkout do Dodopayments.
4. **Publicar/Não publicar**
   * Controle quais produtos aparecem na sua loja: publique ou não publique rapidamente no Painel do Comerciante.
5. **Sem Configuração Adicional**
   * Você não precisa de um CMS separado; todo o gerenciamento de produtos acontece no Painel do Comerciante, onde você já administra preços, descrições e detalhes de assinatura.
6. **Compatível com Dispositivos Móveis**
   * O layout da vitrine é responsivo, garantindo uma experiência de compra fluida em celulares, tablets e desktops.

## Configuração da Loja Virtual

Abaixo está o processo passo a passo para os comerciantes configurarem e gerenciarem sua loja virtual:

<img src="https://mintcdn.com/dodopayments/5D2vY2CKcFOZLLyz/images/store-front/sf-1.png?fit=max&auto=format&n=5D2vY2CKcFOZLLyz&q=85&s=085dab26f05d5f0ea48cb31fd6e8e0f9" style={{ maxHeight: '500px', width: 'auto' }} width="1920" height="1440" data-path="images/store-front/sf-1.png" />

### Acessando as Configurações da Sua Loja Virtual

1. Abra a Seção de Negócios → Selecione Loja Virtual

### Branding da Loja

1. **Nome da Loja**: Insira o nome público da sua loja. Ele aparece em destaque no topo da sua vitrine.
2. **Logotipo**: Faça upload de uma imagem (por exemplo, PNG ou JPG) para o logotipo da sua marca.
3. **Imagem de Capa**: Selecione ou envie um banner/imagem de capa que aparece na página inicial da vitrine.
4. **URL da Loja**:
   * Normalmente gerada automaticamente com base no nome da sua empresa (por exemplo, `business.dodopayments.com/my-store`).
   * Você pode editar essa URL se o sistema oferecer suporte a slugs personalizados.
5. **Produtos:** Você pode selecionar os produtos que deseja exibir na sua vitrine

### Salvando & Visualizando Sua Loja

<img src="https://mintcdn.com/dodopayments/5D2vY2CKcFOZLLyz/images/store-front/sf-2.png?fit=max&auto=format&n=5D2vY2CKcFOZLLyz&q=85&s=b0b3e18d91f835b0812ee708ee7a8d8b" style={{ maxHeight: '500px', width: 'auto' }} width="1920" height="1440" data-path="images/store-front/sf-2.png" />

1. **Clique em Publicar**: Clique em Publicar para confirmar a configuração da sua loja virtual e as decisões de publicação de produtos.
2. **Visualizar Loja**: Você pode visualizar sua loja virtual na URL gerada.
3. **Compartilhar URL**: Uma vez satisfeito, compartilhe o link com seus clientes via e-mail, redes sociais ou seu site.

### Modo de Teste

<img src="https://mintcdn.com/dodopayments/5D2vY2CKcFOZLLyz/images/store-front/sf-3.png?fit=max&auto=format&n=5D2vY2CKcFOZLLyz&q=85&s=01545a337bee2e0d3914af1712d0710c" style={{ maxHeight: '500px', width: 'auto' }} width="1920" height="1440" data-path="images/store-front/sf-3.png" />

O Modo de Teste e o Modo Ao Vivo têm lojas virtuais separadas. Você pode ver o indicador de modo de teste na parte superior do seu site e na loja virtual gerada através do modo de teste também.

O Modo de Teste é para você experimentar o fluxo do usuário e a experiência de compra na loja. Por favor, compartilhe o link da loja no modo ao vivo com seus usuários para facilitar compras reais.

## Experiência do Cliente

<img src="https://mintcdn.com/dodopayments/5D2vY2CKcFOZLLyz/images/store-front/sf-4.png?fit=max&auto=format&n=5D2vY2CKcFOZLLyz&q=85&s=4acd4e306ff344645e8cb218fd6876e8" style={{ maxHeight: '500px', width: 'auto' }} width="1920" height="1440" data-path="images/store-front/sf-4.png" />

### Aterrissando na Loja Virtual

* **Branding Visual**: Os clientes veem imediatamente o nome da sua loja, logo e imagem de capa.
* **Produtos Organizados**: Duas categorias são exibidas: Pagamento Único e Assinatura.

### Navegando pelos Produtos

* **Cartões de Produto**: Cada produto mostra um nome, descrição e preço. A descrição pode ser visualizada clicando no ícone de i no canto inferior direito do cartão.
* **Seleção de Quantidade**: Os clientes podem escolher quantos itens desejam comprar.
* **Frequência de Assinatura & Teste**: Produtos de assinatura indicam explicitamente a frequência de cobrança (por exemplo, mensal) e se um teste está disponível (por exemplo, teste gratuito de 7 dias).

<img src="https://mintcdn.com/dodopayments/5D2vY2CKcFOZLLyz/images/store-front/sf-5.png?fit=max&auto=format&n=5D2vY2CKcFOZLLyz&q=85&s=38357ae5c9893b01d684a01eb1c106d4" style={{ maxHeight: '500px', width: 'auto' }} width="1920" height="1440" data-path="images/store-front/sf-5.png" />

### Processo de Compra

1. **Selecione “Comprar agora”**: Uma vez pronto, o cliente clica em “Purchase” para o produto desejado, seleciona a quantidade e clica em “Comprar agora”
2. **Redirecionamento para o checkout do Dodo Payments**:
   * O cliente será levado ao checkout do Dodo Payments
   * O cliente conclui o fluxo de checkout seguro no Dodo Payments.
3. **Confirmação**:
   * Após o pagamento bem-sucedido, o Dodo Payments mostra uma confirmação.
   * Opcionalmente, o cliente pode ser redirecionado de volta para uma página de “Obrigado” na sua vitrine com base na URL de redirecionamento informada.

<Card title="Design & Theme Customization" icon="palette" href="/features/design">
  Personalize a aparência da sua vitrine com temas pré-construídos, tipografia, cores e visualização ao vivo na página Design.
</Card>