La extensión fue creada para facilitar el trabajo dentro del editor de la plataforma, permitiendo aplicar efectos, capturar IDs y generar códigos automáticamente de forma práctica y segura. A continuación, puedes ver cómo instalar y utilizar todas las funciones disponibles.

Instalación de la extensión

Para comenzar, es necesario instalar la extensión en tu navegador Google Chrome.

1. Accede al enlace oficial de instalación de la Extensión - https://chromewebstore.google.com/detail/greatassistant/oemgomchjnagihocbmefjehngaekoigf?hl=pt-br
2. Haz clic en Agregar a Chrome.
3. Confirma haciendo clic en Agregar extensión.
4. Después de la instalación, el ícono de la extensión aparecerá en la esquina superior derecha del navegador (cerca de la barra de direcciones).
5. Haz clic en el ícono de extensiones (pieza de rompecabezas) y fija la extensión para acceder rápidamente.

Acceso y visión general

1. Accede a la página publicada que deseas editar en GreatPages.
2. Haz clic en el ícono de la extensión.
3. La interfaz mostrará las secciones disponibles:

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

4. Durante la selección de elementos/bloques se mostrará una marca en la esquina superior derecha: verde significa que la selección está activa, roja/transparente significa que está desactivada.

Cada área tiene una función específica, explicada en las próximas secciones.

Identificação de ID

Esta función identifica el ID de bloques o elementos de la página, utilizado en scripts y personalizaciones.

1. Haz clic en el botón Identificar.

2. Selecciona el bloque o elemento deseado en la página.

3. Presiona ESC para finalizar la selección; el o los ID aparecerán automáticamente en la lista.

5. Haz clic sobre el ID para copiarlo o haz clic en la X para eliminarlo.

Delays (Visualización temporizada)

La función Delays permite mostrar bloques o elementos después de un tiempo determinado en segundos.

Bloques

1. Haz clic en Identificar Blocos y selecciona los bloques deseados en la página.

2. Presiona ESC para finalizar la selección; los bloques seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier bloque de la lista en cualquier momento, haciendo clic en el ícono de “X”.

3. Define el tiempo de visualización (ej.: 5 segundos).

4. Haz clic en Gerar para crear el código.

5. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

6. Pega el código generado por la extensión y marca la opción "Funcionamento".

7. Importante: haz clic en los bloques que recibirán el delay, haz clic en editar y ocúltalos en desktop y mobile. Esta acción es necesaria para que el código muestre esos bloques automáticamente después del tiempo configurado.

8. Haz clic en el botón “Atualizar” (naranja) para guardar los cambios.

Elementos

1. Haz clic en Identificar y selecciona los ítems deseados.

2. Presiona ESC para finalizar la selección; los elementos seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier elemento de la lista en cualquier momento, haciendo clic en el ícono de “X”.

3. Define el tiempo de visualización (ej.: 5 segundos).

4. Haz clic en Gerar para crear el código.

5. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

6. Pega el código generado por la extensión y marca la opción "Funcionamento".

Degradês

Crea efectos de degradado en bloques y elementos, eligiendo colores y dirección.

Bloques

1. Elige el tipo de degradado (ej.: Linear 45°).

2. Selecciona los dos colores del degradado.

3. Haz clic en Identificar y selecciona los bloques deseados.

4. Presiona ESC para finalizar la selección; los bloques seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier bloque de la lista en cualquier momento, haciendo clic en el ícono de “X”.

5. Haz clic en Gerar para obtener el código.

6. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

7. Pega el código generado por la extensión y marca la opción "Funcionamento".

8. Actualiza el editor con el botón naranja "Atualizar".

Elementos

1. Elige el tipo de degradado (ej.: Linear 45°).

2. Haz clic en Identificar y selecciona los elementos de la página.

3. Presiona ESC para finalizar la selección; los elementos seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier elemento de la lista en cualquier momento, haciendo clic en el ícono de “X”.

4. Haz clic en Gerar para crear el código listo.

5. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

6. Pega el código generado por la extensión y marca la opción "Funcionamento".

7. Actualiza el editor con el botón naranja "Atualizar".

Efeitos

Agrega efectos visuales simples y atractivos a los elementos de la página.

Efeito Pulse

1. En Efeito Pulse, elige el color del efecto.

2. Haz clic en Identificar y selecciona los elementos deseados.

3. Presiona ESC para finalizar la selección; los elementos seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier elemento de la lista en cualquier momento, haciendo clic en el ícono de “X”.

4. Haz clic en Gerar para generar el código de animación

5. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

6. Pega el código generado por la extensión y marca la opción "Funcionamento".

7. Actualiza el editor con el botón naranja "Atualizar".

Efeito Flutuante

1. Haz clic en Identificar y selecciona los elementos deseados.

2. Presiona ESC para finalizar la selección; los elementos seleccionados se mostrarán en forma de lista dentro de la extensión. Puedes ver o eliminar cualquier elemento de la lista en cualquier momento, haciendo clic en el ícono de “X”.

3. Haz clic en Gerar para generar el código de animación.

4. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

5. Pega el código generado por la extensión y marca la opción "Funcionamento".

6. Actualiza el editor con el botón naranja "Atualizar".

WhatsApp Flutuante

Crea un botón fijo de contacto por WhatsApp para tu página.

1. Completa el código de país (DDI) (ej.: 55 para Brasil) y el número completo con código de área, sin guiones ni espacios. Ejemplo: 5511999998888.

2. Haz clic en Gerar y Copiar Código para crear el botón.

3. Accede al editor de GreatPages y haz clic en el ícono de engranaje en la esquina superior derecha de la pantalla. Enseguida, haz clic en "Javascript/CSS" y después en "Adicionar código".

4. Pega el código generado por la extensión y marca la opción "Funcionamento".

5. Actualiza el editor con el botón naranja "Atualizar".

Consejos finales

• Si notas un comportamiento incorrecto, actualiza e intenta nuevamente.
• El nombre de la página actual se muestra en el pie de la extensión.
• El elemento de formulario utiliza el mismo ID en todos sus componentes. Por lo tanto, al agregar cualquier efecto o código dirigido al botón, ese ajuste se aplicará a todo el formulario, y no solo al botón.

¿Te quedó alguna duda? Contacta a nuestro soporte. ¡Siempre estamos a disposición para ayudarte! 😊

Actualizado el: 28/07/2026