Passar para o conteúdo principal

Página de Cupons no App: Configuração no Shopify

b
Escrito por bruno bulso

FAQ: Este artigo fornece instruções passo a passo sobre configurar a página de cupons no app (shopify).

Página de Cupons no App

A Página de Cupons é uma área dedicada dentro do seu aplicativo para centralizar promoções. Ela substitui o botão de "Favoritos" na barra inferior (Tab Bar)

Importante: Antes de começar, verifique se o componente "Lista | Cupons" aparece no seu CMS. Se não o encontrar, solicite a ativação abrindo um chamado no Portal de Suporte Kobe.

Criando a estrutura da página

  1. Para começar, acesse o painel administrativo da Shopify e entre na área do CMS.\

  2. No modelo de edição, preencha as configurações gerais:

  3. Título: Apenas para identificação interna no painel (não aparece no app).

  4. Ativo: Marque para que a lista fique visível no aplicativo.

  5. Banner: Adicione uma imagem de destaque para o topo da página (opcional).

  6. Cupons: Aqui é onde você adicionará os cards de cada oferta.

Adicionando e Editando um Cupom

Dentro da seção "Cupons", clique em "Adicionar nova entrada" para criar um card de desconto.

Configurações do Card:

  • Nome: Identificação interna do cupom.

  • Imagem: Envie a arte do cupom. Recomendamos os tamanhos 800x250 ou 800x520.

  • Tipo de Cupom: Escolha entre Porcentagem, Valor Fixo, Frete Grátis ou Progressivo.

  • Texto de Aviso: Uma frase curta em destaque logo abaixo da imagem.

  • Texto do Valor: Ex: "10% OFF" ou "R$ 50 de desconto".

  • Código do Cupom: O código que o cliente deve digitar no checkout.

  • Regras e Instruções: Use este espaço para detalhar condições de uso (ex: "Válido para compras acima de R$ 100"). A formatação feita aqui aparecerá no app.

  • Exibição Programada: Escolha a data e hora em que o cupom deve aparecer e sumir automaticamente.

Cupons Progressivos (Ofertas em Escada)

Se você selecionar o tipo ProgressiveCoupon, a configuração muda um pouco:

  1. Deixe o campo Texto do Valor vazio no cupom principal.

  2. Na seção Cupons Progressivos, adicione os "cupons filhos" (os níveis do desconto).

  3. Exemplo: Nível 1 (10% OFF), Nível 2 (15% OFF), etc.

  4. Para cada "cupom filho", preencha apenas o Nome, Tipo (Percentual ou Fixo) e os Informativos (Valor e Regras).

Exibindo a página no menu inferior (Navbar)

Para que o cliente consiga clicar e abrir a página de cupons, você precisa configurar o ícone no menu do app.

Para começar, acesse o painel administrativo da Shopify e entre na área do CMS.\

  1. No CMS, selecione o componente "Item na barra de navegação".

  2. Preencha os campos:

  3. Ícone: Suba a imagem que representará os cupons.

  4. Destino: Selecione a opção "cupons".

  5. Substituir: Escolha "favoritos" (isso fará com que o ícone de cupons ocupe o lugar do coração de favoritos).

  6. Login: Marque como "Falso" (para que qualquer pessoa possa ver os cupons sem precisar estar logada).

Finalização

Após preencher tudo, clique em Publicar. As alterações serão aplicadas e ficarão visíveis para os usuários no aplicativo.

Respondeu à sua pergunta?