Banner com Código de Cupom

Este componente apresenta os detalhes de um cupom que podem ser cadastrados via CMS, como título, um texto de destaque, uma descrição e o código do cupom.

No componente, o código do cupom é oferecido em um botão para que o usuário copie diretamente para a área de transferência. Assim, o usuário pode utilizá-lo de forma rápida e prática ao finalizar a compra, sem precisar digitá-lo manualmente.

Configurando o Banner

Realize o login no painel administrativo da Shopify e entre no espaço destinado ao CMS
Selecione a opção do componente "Banner | Código de Cupom".
Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:

Campo	Descrição
Ativo	Define se o componente deve ser exibido ou não.
Título	Texto que será exibido no início do Banner.
Texto de destaque	Texto destacado abaixo do título, em geral indica o desconto que o usuário vai receber com o cupom.
Código do cupom	Código do cupom para ser copiado e aplicado no carrinho pelo usuário.
Descrição	Texto menor ao final do banner, normalmente com mais explicações sobre o funcionamento do cupom.
Cor do texto	Insira o código hexadecimal da cor desejada para definir o texto exibido no banner
Cor do background	Insira o código hexadecimal da cor de fundo do banner
Cor do texto botão	Insira o código hexadecimal da cor que vai ser o texto do botão
Cor de fundo botão	Insira o código hexadecimal da cor de fundo do botão
Exibir timer	Habilite para que seja deseje que o cronômetro seja exibido
Exibição programada(Data de início e fim)	Define o período em que o Banner deve ser exibido.

Para que o “Banner | Código de Cupom” seja exibido na home do app, é necessário adicionar esse componente dentro do componente “Home” no CMS.