Skip to main content
Imagem de capa da Storefront da Dodo Payments
Uma Storefront é uma loja online com sua marca, hospedada pela Dodo Payments, onde os clientes navegam pelos seus produtos de pagamento único e assinatura e compram usando o checkout da Dodo Payments. Você vende online sem precisar criar ou manter um site.

Principais destaques do recurso

  1. Storefront com sua marca
    • Personalize sua loja com um nome, logotipo e banner.
    • Compartilhe a URL da sua loja, por exemplo store.dodopayments.com/your-store.
  2. Separação de produtos
    • A loja agrupa seus produtos em uma seção Products para produtos de pagamento único e em uma seção Subscriptions.
  3. Fluxo de checkout simples
    • Os clientes selecionam um produto e a quantidade e, em seguida, clicam em Buy now para acessar o checkout da Dodo Payments.
  4. Publicação/despublicação
    • Escolha quais produtos aparecem na sua loja pelo dashboard, onde você pode adicioná-los ou removê-los a qualquer momento.
  5. Nenhuma configuração adicional
    • Você não precisa de um CMS separado. Gerencie preços, descrições e detalhes das assinaturas no dashboard, e a loja os utilizará.
  6. Otimizada para dispositivos móveis
    • O layout da Storefront é responsivo, funcionando em celulares, tablets e computadores.

Configuração da Storefront

Para configurar e gerenciar sua Storefront, siga estas etapas.
Configurações da Storefront no dashboard da Dodo Payments com campos de nome, URL, logotipo, banner e produtos

Acessando as configurações da Storefront

  1. No dashboard da Dodo Payments, acesse Settings → Storefront.

Identidade visual da loja

  1. Nome da loja: informe o nome público da sua loja. Ele aparece na parte superior da sua Storefront.
  2. Logotipo da loja: envie uma imagem quadrada do logotipo da sua marca.
  3. Banner da loja: envie um banner 16:9 para a parte superior da Storefront. O tamanho recomendado é 1920×1080. Mantenha seu logotipo e os textos principais centralizados, pois telas mais largas cortam as partes superior e inferior.
  4. URL da loja:
    • Informe o slug do endereço da sua loja, por exemplo store.dodopayments.com/my-store.
    • O slug pode conter apenas letras minúsculas, números e hífens. Você pode alterá-lo depois.
  5. Produtos listados: selecione os produtos que deseja exibir na sua Storefront.
As imagens do logotipo e do banner podem ser arquivos PNG, JPG, JPEG, GIF, SVG ou WebP de até 5 MB.

Salvando e visualizando sua loja

Configurações da Storefront com o botão Publish e a visualização da loja
  1. Clique em Publish: clique em Publish para salvar a configuração da sua Storefront e os produtos listados.
  2. Visualizar a loja: visualize sua Storefront na URL correspondente ou clique em Visit Store para abri-la.
  3. Compartilhar a URL: compartilhe o link com seus clientes por e-mail, nas redes sociais ou no seu site.

Modo de teste

Storefront no modo de teste mostrando o banner do modo de teste na parte superior da página
O modo de teste e o modo ao vivo têm Storefronts separadas. Uma Storefront criada no modo de teste exibe um banner do modo de teste na parte superior da página. Use o modo de teste para experimentar por conta própria o fluxo de navegação e compra. Para receber pagamentos reais, compartilhe o link da loja no modo ao vivo com seus clientes. Quando estiver satisfeito com a aparência da sua loja no modo de teste, você poderá copiar o design e a identidade visual da Storefront para o modo ao vivo, sem precisar recriá-los. Consulte Copiar design do modo de teste para o modo ao vivo.

Experiência do cliente

Visão do cliente de uma Storefront com o banner, o logotipo e os cards de produtos da loja

Acessando a Storefront

  • Identidade visual: os clientes veem primeiro o nome, o logotipo e o banner da sua loja.
  • Produtos organizados: os produtos aparecem em duas seções: Products para pagamentos únicos e Subscriptions.
  • Cards de produtos: cada card mostra o nome, a descrição e o preço do produto. Para ler a descrição, os clientes clicam no ícone i no canto inferior direito do card.
  • Seleção de quantidade: os clientes escolhem quantos itens desejam comprar.
  • Frequência e teste da assinatura: os cards de assinatura mostram a frequência de cobrança, por exemplo, mensal, e qualquer período de teste gratuito, por exemplo, um teste de 7 dias.
Card de produto em uma Storefront com o seletor de quantidade e o botão Buy now

Processo de compra

  1. Selecionar Buy Now: O cliente clica em Purchase em um produto, seleciona a quantidade e clica em Buy now.
  2. Redirecionar para o checkout do Dodo Payments: O cliente acessa o checkout do Dodo Payments e conclui o fluxo seguro de checkout.
  3. Confirmação: Após um pagamento bem-sucedido, o Dodo Payments exibe uma confirmação. Os links de checkout da loja não incluem uma URL de redirecionamento, portanto, não é possível enviar os clientes da loja para sua própria página de “Obrigado”.

Design & Theme Customization

Personalize a aparência da sua loja com temas pré-criados, tipografia, cores e uma visualização ao vivo na página Design.
Última modificação em 26 de setembro de 2026