The extension was created to make working inside the platform editor easier, allowing you to apply effects, capture IDs and generate code automatically in a practical and safe way. Below you will find how to install and use all the available features.

Installing the extension

To get started, you need to install the extension in your Google Chrome browser.

1. Go to the official Extension installation link - https://chromewebstore.google.com/detail/greatassistant/oemgomchjnagihocbmefjehngaekoigf?hl=pt-br
2. Click on Add to Chrome.
3. Confirm by clicking on Add extension.
4. After the installation, the extension icon will appear in the top right corner of the browser (next to the address bar).
5. Click on the extensions icon (puzzle piece) and pin the extension for quick access.

Access and overview

1. Go to the published page you want to edit on GreatPages.
2. Click on the extension icon.
3. The interface will display the available sections:

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

4. While selecting elements/blocks, a marker will be displayed in the top right corner: green means the selection is active, red/transparent means it is disabled.

Each area has a specific function, explained in the next sections.

Identificação de ID

This function identifies the ID of blocks or elements on the page, used in scripts and customizations.

1. Click on the Identificar button.

2. Select the desired block or element on the page.

3. Press ESC to finish the selection; the ID(s) will appear automatically in the list.

5. Click on the ID to copy it, or click on the X to remove it.

Delays (Timed display)

The Delays function lets you show blocks or elements after a set amount of time in seconds.

Blocks

1. Click on Identificar Blocos and select the desired blocks on the page.

2. Press ESC to finish the selection; the selected blocks will be displayed as a list inside the extension. You can view or remove any block from the list at any time by clicking on the “X” icon.

3. Set the display time (e.g.: 5 seconds).

4. Click on Gerar to create the code.

5. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

6. Paste the code generated by the extension and check the ""Funcionamento"" option.

7. Important: click on the blocks that will receive the delay, click on editar and hide them on desktop and mobile. This action is necessary so that the code shows these blocks automatically after the configured time.

8. Click on the “Atualizar” button (orange) to save the changes.

Elements

1. Click on Identificar and select the desired items.

2. Press ESC to finish the selection; the selected elements will be displayed as a list inside the extension. You can view or remove any element from the list at any time, by clicking on the “X” icon.

3. Set the display time (e.g.: 5 seconds).

4. Click on Gerar to create the code.

5. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

6. Paste the code generated by the extension and check the ""Funcionamento"" option.

Degradês

Create gradient effects on blocks and elements, choosing colors and direction.

Blocks

1. Choose the gradient type (e.g.: Linear 45°).

2. Select the two colors of the gradient.

3. Click on Identificar and select the desired blocks.

4. Press ESC to finish the selection; the selected blocks will be displayed as a list inside the extension. You can view or remove any block from the list at any time, by clicking on the “X” icon.

5. Click on Gerar to get the code.

6. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

7. Paste the code generated by the extension and check the ""Funcionamento"" option.

8. Update the editor using the orange ""Atualizar"" button.

Elements

1. Choose the gradient type (e.g.: Linear 45°).

2. Click on Identificar and select the elements on the page.

3. Press ESC to finish the selection; the selected elements will be displayed as a list inside the extension. You can view or remove any element from the list at any time, by clicking on the “X” icon.

4. Click on Gerar to create the ready-to-use code.

5. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

6. Paste the code generated by the extension and check the ""Funcionamento"" option.

7. Update the editor using the orange ""Atualizar"" button.

Efeitos

Add simple and attractive visual effects to the elements on your page.

Efeito Pulse

1. In Efeito Pulse, choose the effect color.

2. Click on Identificar and select the desired elements.

3. Press ESC to finish the selection; the selected elements will be displayed as a list inside the extension. You can view or remove any element from the list at any time, by clicking on the “X” icon.

4. Click on Gerar to generate the animation code

5. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

6. Paste the code generated by the extension and check the ""Funcionamento"" option.

7. Update the editor using the orange ""Atualizar"" button.

Efeito Flutuante

1. Click on Identificar and select the desired elements.

2. Press ESC to finish the selection; the selected elements will be displayed as a list inside the extension. You can view or remove any element from the list at any time, by clicking on the “X” icon.

3. Click on Gerar to generate the animation code.

4. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

5. Paste the code generated by the extension and check the ""Funcionamento"" option.

6. Update the editor using the orange ""Atualizar"" button.

WhatsApp Flutuante

Create a fixed WhatsApp contact button for your page.

1. Fill in the country code (e.g.: 55 for Brazil) and the full number with the area code, without dashes or spaces. Example: 5511999998888.

2. Click on Gerar and Copiar Código to create the button.

3. Go to the GreatPages editor and click on the gear icon in the top right corner of the screen. Then click on ""Javascript/CSS"" and after that on ""Adicionar código"".

4. Paste the code generated by the extension and check the ""Funcionamento"" option.

5. Update the editor using the orange ""Atualizar"" button.

Final tips

• If you notice any incorrect behavior, refresh the page and try again.
• The name of the current page is displayed in the extension footer.
• The form element uses the same ID across all of its components. Therefore, when you add any effect or code targeting the button, that change will be applied to the entire form, and not only to the button.

Still have questions? Contact our support team. We're always here to help! 😊

Updated on: 08/01/2026