A extensão foi criada para facilitar o trabalho dentro do editor da plataforma, permitindo aplicar efeitos, capturar IDs e gerar códigos automaticamente de forma prática e segura. Abaixo, você confere como instalar e utilizar todas as funções disponíveis.

Instalação da extensão

Para começar, é necessário instalar a extensão em seu navegador Google Chrome.

1. Acesse o link oficial de instalação da Extensão - https://chromewebstore.google.com/detail/greatassistant/oemgomchjnagihocbmefjehngaekoigf?hl=pt-br
2. Clique em Adicionar ao Chrome.
3. Confirme clicando em Adicionar extensão.
4. Após a instalação, o ícone da extensão aparecerá no canto superior direito do navegador (próximo à barra de endereço).
5. Clique no ícone de extensões (peça de quebra-cabeça) e fixe a extensão para acesso rápido.

Acesso e visão geral

1. Acesse a página publicada que deseja editar no GreatPages.
2. Clique no ícone da extensão.
3. A interface exibirá as seções disponíveis:

• Identificação de ID
• Delays
• Degradês
• Efeitos
• WhatsApp Flutuante

4. Durante a seleção de elementos/blocos será exibido uma marcação no canto superior direito, verde significa que a seleção está ativa, vermelha/transparente está desativada.

Cada área possui uma função específica explicada nas próximas seções.

Identificação de ID

Essa função identifica o ID de blocos ou elementos da página, utilizado em scripts e personalizações.

1. Clique no botão de Identificar.

2. Selecione o bloco ou elemento desejado na página.

3. Pressione ESC para finalizar a seleção; os ID(s) aparecerão automaticamente na lista.

5. Clique sobre o ID para copiar ou clique no X para remover.

Delays (Exibição temporizada)

A função Delays permite mostrar blocos ou elementos após um tempo determinado em segundos.

Blocos

1. Clique em Identificar Blocos e selecione os blocos desejados na página.

2. Pressione ESC para finalizar a seleção, os blocos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer bloco da lista a qualquer momento, clicando no ícone de “X”.

3. Defina o tempo de exibição (ex: 5 segundos).

4. Clique em Gerar para criar o código.

5. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

6. Cole o código gerado pela extensão, marque a opção "Funcionamento".

7. Importante: clique nos blocos que receberão o delay, clique em editar e oculte-os no desktop e mobile. Essa ação é necessária para que o código mostre esses blocos automaticamente após o tempo configurado.

8. Clique no botão “Atualizar” (laranja) para salvar as alterações.

Elementos

1. Clique em Identificar e selecione os itens desejados.

2. Pressione ESC para finalizar a seleção, os elementos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer elemento da lista a qualquer momento, clicando no ícone de “X”.

3. Defina o tempo de exibição (ex: 5 segundos).

4. Clique em Gerar para criar o código.

5. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

6. Cole o código gerado pela extensão, marque a opção "Funcionamento".

Degradês

Crie efeitos de gradiente em blocos e elementos, escolhendo cores e direção.

Blocos

1. Escolha o tipo de degradê (ex: Linear 45°).

2. Selecione as duas cores do gradiente.

3. Clique em Identificar e selecione os blocos desejados.

4. Pressione ESC para finalizar a seleção, os blocos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer bloco da lista a qualquer momento, clicando no ícone de “X”.

5. Clique em Gerar para obter o código.

6. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

7. Cole o código gerado pela extensão, marque a opção "Funcionamento".

8. Atualize o editor, no botão laranja "Atualizar".

Elementos

1. Escolha o tipo de degradê (ex: Linear 45°).

2. Clique em Identificar e selecione os elementos da página.

3. Pressione ESC para finalizar a seleção, os elementos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer elemento da lista a qualquer momento, clicando no ícone de “X”.

4. Clique em Gerar para criar o código pronto.

5. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

6. Cole o código gerado pela extensão, marque a opção "Funcionamento".

7. Atualize o editor, no botão laranja "Atualizar".

Efeitos

Adicione efeitos visuais simples e atrativos aos elementos da página.

Efeito Pulse

1. Em Efeito Pulse, escolha a cor do efeito.

2. Clique em Identificar e selecione os elementos desejados.

3. Pressione ESC para finalizar a seleção, os elementos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer elementos da lista a qualquer momento, clicando no ícone de “X”.

4. Clique em Gerar para gerar o código de animação

5. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

6. Cole o código gerado pela extensão, marque a opção "Funcionamento".

7. Atualize o editor, no botão laranja "Atualizar".

Efeito Flutuante

1. Clique em Identificar e selecione os elementos desejados.

2. Pressione ESC para finalizar a seleção, os elementos selecionados serão exibidos em formato de lista dentro da extensão. Você pode visualizar ou remover qualquer elementos da lista a qualquer momento, clicando no ícone de “X”.

3. Clique em Gerar para gerar o código de animação.

4. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

5. Cole o código gerado pela extensão, marque a opção "Funcionamento".

6. Atualize o editor, no botão laranja "Atualizar".

WhatsApp Flutuante

Crie um botão fixo de contato via WhatsApp para sua página.

1. Preencha o DDI (ex: 55 para Brasil) e o número completo com DDD, sem traços ou espaços. Exemplo: 5511999998888.

2. Clique em Gerar e Copiar Código criar o botão.

3. Acesse o editor do GreatPages e clique no ícone de engrenagem no canto superior direito da tela. Em seguida, clique em "Javascript/CSS" e depois em "Adicionar código".

4. Cole o código gerado pela extensão, marque a opção "Funcionamento".

5. Atualize o editor, no botão laranja "Atualizar".

Dicas finais

• Caso perceba comportamento incorreto, atualize e tente novamente.
• O nome da página atual é exibido no rodapé da extensão.
• O elemento de formulário utiliza o mesmo ID em todos os seus componentes. Portanto, ao adicionar qualquer efeito ou código direcionado ao botão, esse ajuste será aplicado ao formulário inteiro, e não apenas ao botão.

Atualizado em: 21/03/2026