# Como inserir um contador de escassez no editor por Componentes

Objetivo: Ensinar o passo a passo de como inserir um contador de escassez no Construtor por Componentes.\
Para que serve: Com uma contagem regressiva na sua página, é possível ativar o gatilho mental \
da escassez nos seus contatos, o que pode gerar mais vendas ou engajamento. \
Ela é recomendada quando você está em um lançamento, fará um webinar ou quando o carrinho de vendas de algum produto seu está para fechar ou iniciar.

## Requisitos obrigatórios: 

1\. Ter um[ contador de escassez](/paginas/construtores/como-criar-um-contador-de-escassez) criado. 

2\. Possuir uma página feita no Construtor por Componentes, o editor padrão da leadlovers.

### **Inserindo o contador de escassez na página**

Nº1– Dentro da opção “Páginas” de seu projeto, clique no ícone de engrenagem daquela que deseja inserir o contador.

Nº2– Selecione a opção “Editar”.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fcontador-editor-editar.png"}

Nº3– No menu que fica na lateral direita, clique sobre o ícone “HTML” e o arraste até o local da página que deseja inserir o contador.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-519c389e4c152443.png"}

Nº4– Clique sobre “Sou um novo bloco de HTML”.

Nº5– No campo que abrir no menu da lateral direita, exclua todo o texto e o substitua pelo código que você copiou e guardou no tutorial: [Como criar um contador de escassez?](/paginas/construtores/como-criar-um-contador-de-escassez)

⚠ **ATENÇÃO:**

Sempre que fizer uma edição no contador, o código deverá ser copiado e substituído dentro do editor também.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-3142784f4f7cddb2.png"}

Nº6– Assim que fizer este procedimento, já será possível ver o contador na página.

Nº7– Lembre-se de salvar para aplicar as alterações.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-b7fdf0e25a93e8c8.png"}

Confira também em sua página final como aparecerá o contador:

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-0f21a96830cb77ab.png"}

**Suporte**

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, **entre em contato com o nosso suporte**!