Central de Ajuda - GreatPages
  • English (US)
  • Spanish
  • Portuguese (BR)
Go to website
Back
Articles on:Page Editor
Tutorials for the landing page and corporate website EDITOR.

Categories

  • Users
  • Integrations
  • Leads
  • Subscriptions
  • Domains
  • Pages
  • Page Editor
  • How to CHANGE THE FONTS of a page
    To change the Fonts being used on a given page, you need to access the page editor and follow the steps below: Access the GreatPages page editor; In the side menu, on the Color palette icon, click on fonts and choose whether you want to change it on the title or on a text; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000Few readers
  • How to add an external CHAT to your page
    The process of implementing an External Chat in GreatPages will always be the same. The only difference will be in the code itself that you are going to install. So, to install it, follow the step by step below: Log in to the chat platform you are going to use. Inside it, find the chat installation code (if you can't find it, we recommend searching the internet or contacting the company's support). Then copy the installation code and save it; Now, log in to GreatPages and accessFew readers
  • What are the FORM FIELD types on GreatPages
    If you have questions about how to insert a form into your page click here. Texto curto (short text): As the name says, it refers to a short text field, ideal for simple information such as name, email and others. Texto longo (long text): The long text field is ideal for askingFew readers
  • How to add a PANDAVIDEOS VIDEO in GreatPages
    To add PandaVideos videos to your landing page, follow the tutorial below: Access your page editor; Through the menu on the left side of the screen, click on the video icon; Next, click on "Editar"; ![](https://storage.crisp.chat/users/helpdesk/websiFew readers
  • How to create a COLOR GRADIENT EFFECT on your site's BACKGROUND
    To create the color gradient effect on the background of your site, follow the steps below: Go to your page editor; Click the color palette icon located in the top left corner of your screen and, in the "Cores salvas" section, click adicionar; In theFew readers
  • How to create an SMS BUTTON
    To create an SMS button on your page, follow the tutorial below. Open the GreatPages page editor; Add to your page the element you'd like to trigger the SMS; It can be a button element, an image element, or a text element (in this example we'll use a button element). In the "Estilos" tab, find the "Link" field and select the **"LinkFew readers
  • How to create a COLOR GRADIENT EFFECT on a site BUTTON
    To create a color gradient effect on a button of your page, follow the steps below: Access your page editor; In the side menu, click on Guia de estilos located on the left side of the screen and click on "Adicionar" in the Cores salvas section; In tFew readers
  • How to PUBLISH a page
    The first step to publish a page in GreatPages is to point the subdomain you'll use with us. || If you haven't connected your domain yet, click here to see our tutorial. Once you've completed the steps above, you can open the page editor and click "Publicar", in the top right corner of the screen. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d60Few readers
  • How to create a 3-second REDIRECT PAGE to WhatsApp
    To create a redirect page, you first need to create that page. It can be a simple page with just a text letting the visitor know they are being redirected (e.g.: You are being redirected to WhatsApp. Please wait...). Keep in mind that the only function of this type of page is to tag visitors with the Pixel (from Facebook or Google). Therefore, on this page you will need to install the pixel you want to use. That way, while the redirect is happening, the visitor will be tagged by the pixel.Few readers
  • How to add ICONS in GreatPages
    To add an icon to a page, follow the steps below: Log in and access the page editor; Click the "emoji" icon (located in the left side menu of the screen) Next, a small box will open on the screen with our icon library, where you can choose the icon you want to usFew readers
  • How to access the JAVASCRIPT field of a BUTTON
    The "Javascript do Botão" function is a field used exclusively to add codes that will only be triggered when this button is clicked. An example of a function generally installed in the button's Javascript field are the conversion tags from Google Ads or Facebook Ads. To access this function, follow the step by step below: Access the page editor in GreatPages; Click the **button elemFew readers
  • How to apply a DELAY TO ELEMENTS in GreatPages
    To add an opening delay to a specific element, follow the tutorial below: Access the page editor; Click the gear icon located in the top right corner of your screen, and then click on "Javascript/CSS"; Then, click on Adicionar código;Few readers
  • How to add a PAYMENT button for PAYPAL
    To create a payment button integrated with Paypal, follow the steps below: Open the page editor in GreatPages; Click the Add icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you like using theFew readers
  • How to add a FAQ (frequently asked questions) to your page
    To insert a FAQ (frequently asked questions) element on a page, follow the tutorial below: In the page editor, using the menu on the left side of the screen, click the FAQ icon; The FAQ element will then be inserted on the page, click Editar; You will be able to configure thFew readers
  • How to add the COUNTRY CODE TO THE PHONE FIELD in GreatPages
    To add the country code (DDI) to a "Telefone" field of a form, follow the tutorial below: Access the GreatPages page editor; Inside the editor, click to "Editar" your form; When you do this, a screen will open on the side with the "Configurar" option and you will need to click on "Adicionar campo"; || If there is already a "Telefone" fieldFew readers
  • How to CONVERT VARIABLES sent in a form to HOTMART
    To convert the data submitted by a lead on the conversion page into automatic fill-in on a thank you page, follow the tutorial below. || The first step is to create and publish both pages (conversion page and thank you page). Once both are ready, you can follow the next instructions. Settings on the conversion page Access the page editor and click on "Editar" in the form editing options; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/editarFew readers
  • How to create a FLOATING WHATSAPP BUTTON
    Go to the page editor; Click on the gear icon in the top right corner of the screen; Then click on "Javascript & CSS"; Click to "Adicionar" a new code; ![](httFew readers
  • How to change the LANGUAGE of the COOKIE NOTICE button
    To change the language of the cookie notice button to English, follow the step by step below: Access the page editor; Click the gear icon in the top right corner of the screen; Then click on "Javascript & CSS"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/bFew readers
  • How to create a HAMBURGER menu in GreatPages
    ||| Available only for the mobile version Access the page editor; Click the gear icon in the top right corner of the screen; Then click "Javascript & CSS"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/achar-Few readers
  • How to add an EXIT POP-UP on GreatPages
    To add an Exit Pop-up to a page on GreatPages, follow the tutorial below: ||| The Exit Pop-up only works on the DESKTOP version (computer) Log in to your account and go to the page editor; Using the icons bar located on the left side of your screen, click on the "Adicionar Botão" option; Once the button element has been inserted into the page, click on "Editar"; !Few readers
  • How to keep a SPECIFIC BLOCK FIXED at the FOOTER
    To keep a specific block fixed at the footer while visitors browse your site, follow the tutorial below: Log in to your GreatPages account and access the page editor; Go to the gear icon in the upper right corner of the screen, and access "Javascript & CSS"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/clicar-engrenagem_1cyFew readers
  • How to add a MODAL or POP-UP in GreatPages
    In GreatPages you can trigger a Modal or Pop-up through a click on a button, an image, an icon or a text. Access your page editor No matter which element it is, you will need to click on "Editar"; After that, a settings screen will openFew readers
  • How to add a PAYMENT button for SHOPIFY
    To create a payment button integrated with Shopify, follow the steps below: Access the page editor in GreatPages; Click the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you like usingFew readers
  • How to REDIRECT to WHATSAPP after submitting a form
    To set up the form redirect to WhatsApp you will need to: Open your page editor; Click on the form and then click on "Editar"; In the menu that opens, click on "Configurar" and in the "Redirecionar para" section add the WhatsApp link (if you don't have your WhatsApp linFew readers
  • How to add a PAYMENT BUTTON for CARTX
    To create a payment button integrated with Cartx, follow the steps below: Access the page editor in GreatPages; Click on the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you want usingFew readers
  • How to CONVERT VARIABLES submitted in a FORM
    To convert the data submitted by a lead on the conversion page so it is automatically filled in on a thank you page, follow the tutorial below. || The first step is to create and publish both pages (conversion page and thank you page). Once both are ready, you can follow the next instructions. Settings on the conversion page Open the page editor and click on "Editar" on the form; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/editar-form_1rFew readers
  • How to install the HOTMART UPSELL WIDGET on GreatPages
    Follow the steps below to install the Hotmart upsell widget on GreatPages. || If you do not have the code yet, request it from Hotmart support. Go to your page editor; Add the ""Elemento em HTML"" to your page. This element is located in the icons tab on the left side of your screen; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90dFew readers
  • How to add an IMAGE SLIDER (carousel) to your page
    To create an Image Slider on a page, follow the tutorial below: In the page editor, using the menu on the left side of the screen, click the slider icon; The slider element will then be inserted into the editor; Click on Editar; ![](https://storage.crisp.chat/users/helpdesk/webFew readers
  • How to add an HTML ELEMENT in GreatPages
    To add an HTML element to a page in GreatPages, follow the steps below: Click the "</>" icon (the last element found in the left side menu of the screen, in the icon bar); Next, the HTML box will open inside your page; In the code tab, just click on the blFew readers
  • How to add ANIMATIONS to the elements of your page
    Video tutorial: How to add ANIMATIONS to the elements of your page All elements inserted in GreatPages can receive animations. Regardless of the element, the process will always be the same... Click on the element and then click the "Editar" button; Next, a side menu will open with the "Estilos" options. Click on "Animações", as shown iFew readers
  • How to SAVE BLOCKS in GreatPages
    Follow the steps below to Save blocks here in GreatPages. Access the page editor in GreatPages; Then, click on the block you want to save, click the three dots icon and press "Salvar bloco"; On the next screen that will open, you can give your block a name and you can alFew readers
  • How to insert a GIF in GreatPages
    To insert a GIF inside GreatPages, follow the step by step below: || GIFs are inserted as an image element. Access the page editor; Click the "image" icon located in the icon bar on the left side of your screen; Upload the GIF to the platform,Few readers
  • How to DISABLE the STICKY MENU on your page
    Video Tutorial: How to DISABLE the STICKY MENU on your page Some GreatPages templates include a code that keeps the first block of the page fixed on the screen. Depending on the layout you created, this may prevent you from scrolling your page down. If this happened to you, or if you'd simply like to disable this code, follow the tutorial below. Open your page editor; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/botao-eFew readers
  • How to create an EMAIL BUTTON in GreatPages
    To create a button that redirects visitors to send an email when clicked, follow the tutorial below: Go to the GreatPages page editor; Add to your page the element that, when clicked, will redirect the visitor to send an email. It can be either a button element or a text element. (In the example below we'll use the button element); After adding the element, click **Few readers
  • How to add a PAYMENT BUTTON for YAMPI
    To create a payment button integrated with Yampi, follow the steps below: Go to the page editor in GreatPages; Click the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you like using theFew readers
  • How to add a PAYMENT button for GoExplosion
    To create a payment button integrated with GoExplosion, follow the steps below: Access the page editor in GreatPages; Click on the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you wantFew readers
  • How to find the ID of a BLOCK in GreatPages
    To find the ID of a block on a GreatPages page, follow the steps below: With the page editor open, click on "Pré-visualizar" in the top right corner of your screen; Then, right-click on the block whose ID you want to find and select the "Inspect element" option; A bFew readers
  • How to add a COPY TEXT function inside GreatPages
    Follow the step-by-step guide below to add a COPY function to a text element inside GreatPages. Sign in to your account and open the page editor; Using the icon bar on the left side of your screen, click the "Parágrafo" element; Once the element is on the page, click to edit it and enter the text or number you want your visitor to copy. In the example below, we're using aFew readers
  • How to add a GOOGLE MAPS MAP to a page
    To add a Google Maps map to your site, you will need to follow the steps below: Go to https://www.google.com.br/maps and search for the address you want to embed in the page; Next, click the "Share" button, as shown in the image below; After that, a screen will open where you will neFew readers
  • How to add an INTERNAL LINK in GreatPages (Block anchoring)
    In GreatPages you can trigger an internal link through a click on a button, an image, an icon or a text. Access your page editor; Regardless of which element it is, you will need to click on "Editar"; After that, a settings screen will open on the left side, where you will need to click on "AdiFew readers
  • How to CREATE and VIEW REDIRECTS in GreatPages
    How to create a redirect in GreatPages Click the Greatpages logo in the top left corner of the screen and then click on "Domínios"; In the domain list that opens, click on "Redirecionamentos". Then click on "Adicionar redirecionamento"; ![](https://storaFew readers
  • How to create a PHONE CALL BUTTON
    To create a phone call button on your page, follow the tutorial below. Go to the GreatPages page editor; Add to your page the element you want to trigger the phone call. It can be a button element, an image element or a text element. (In this example we'll use the button element). On the "Estilos" tab, find the "Adicionar link" field and select the "Link externo" oFew readers
  • How to insert or edit a PROGRESSIVE COUNTER on GreatPages
    The progressive counter is a code you add so that a number element is displayed with a progressive counting animation inside the page. We split the tutorial into two parts: for when you want to add a progressive counter, and for when you just want to edit an existing counter. Editing an existing Progressive Counter on a page In the text field, where the code that randomizes the counter is, you will need to edit the IDs of the text elements that contain the numbers that will be animFew readers
  • How to use the Style Guide (Design System) on GreatPages
    How to use the Guia de Estilos The Guia de Estilos (Style Guide) is an editor panel that brings together, in one place, the colors, fonts, borders, shadows and spacing used on your page. With it, you configure the visual standards once and can apply them to different elements on the page. When a style is changed in the Guide, all elements linked to it are updated automatically. This makes maintaining the page easier, saves time and helps keep the visual identity consistent. HowFew readers
  • How to create a TELEGRAM FLOATING BUTTON
    Go to the page editor; Click the gear icon in the top right corner of the screen; Then click "Javascript & CSS"; Click to "Adicionar" a new code; Choose a name for your codFew readers
  • How to add VIDEOS to your Landing Page
    To add videos to your landing page, follow the tutorial below: Open your page editor; Using the menu on the left side of the screen, click the video icon; The video will then be inserted into the editor; ![](https://storage.crisp.chaFew readers
  • How to add a YOUTUBE VIDEO on GreatPages
    To add YouTube videos to your landing page, follow the tutorial below: Go to your page editor; Using the menu on the left side of the screen, click the video icon; Next, click "Editar"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/Few readers
  • How to add a VIMEO VIDEO in GreatPages
    To add Vimeo videos to your landing page, follow the tutorial below: Open your page editor; In the menu on the left side of the screen, click the video icon; Then, click on "Editar"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6Few readers
  • How to EDIT or DELETE the WHATSAPP BUTTON in templates
    Some GreatPages templates include a floating WhatsApp icon like the one below: To change the number shown on the button, or to delete the icon, you will need to open the page editor and click the gear icon, located in the top right corner of your screen; Next, go to the *Few readers
  • How to create a 3-second REDIRECT PAGE
    To create a redirect page, you first need to build that page. It can be a simple page with only a text letting the visitor know they are being redirected (e.g.: You are being redirected to the page. Please wait...). Keep in mind that the only purpose of this type of page is to tag visitors with the Pixel (from Facebook or Google). Therefore, on this page you will need to install the pixel you want to use. That way, while the redirect is happening, the visitor will be tagged by the pixel. ThFew readers
  • How to set up the COUNTDOWN TIMER in GreatPages
    The countdown timer is generally used as a way to create urgency to buy. But that doesn't mean you can't also use it on your conversion pages, in order to create urgency to sign up. See now how to add and set up the countdown timer inside GreatPages. Log in to your GreatPages account and access the page editor; Click to add the counter element; ![](https://storage.crisp.chat/useFew readers
  • How to add a PAYMENT button for HOTMART
    To create a payment button integrated with Hotmart follow the steps below: Access the page editor in GreatPages; Click on the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you want usinFew readers
  • How to add BLOCKS in GreatPages
    There are two ways to add new blocks in GreatPages: Access your page editor; Click the "Adicionar bloco" button located on the divider of each block. This action will automatically include a new block below that same line. Click the "Bloco" icFew readers
  • How to keep a MENU FIXED on the screen (Sticky Menu)
    To keep the menu of your page fixed on the screen while visitors browse your site, follow the tutorial below: Log in to your GreatPages account and access the page editor; Go to the gear icon in the top right corner of the screen; Go to "Javascript & CSS" and click on "AdiciFew readers
  • How to use RULERS to ALIGN ELEMENTS in GreatPages
    The use of Rulers in the GreatPages page editor can be triggered through the "Shift +R" shortcut. After using the shortcut, the rulers will be applied in your editor. And to add new alignment guides, click and drag the guides from inside the ruler areas. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-Few readers
  • How to install CRISP.CHAT on GreatPages
    To install Crips.Chat on a page in GreatPages, follow the steps below: Log in to Crisp.Chat and go to the "Settings" tab. Then go to "Website Settings" and a screen just like the one below will open, where you will need to click on "Integrations"; After that, click on "HTML" to access the chat installation code; ![](https://storage.crisp.chat/users/helpdesk/website/a6ab90dFew readers
  • How to include a PAYMENT METHOD on a Sales Page
    To create a Sales Page with GreatPages, you just need to build your page with all the presentation details of the product/service and then include the action buttons distributed across the page. To start, access your page editor; Insert a button on your page (as shown in the image below). And change its text using actions such as "Comprar agora"; ![](https://storFew readers
  • How to add a PAYMENT button for MERCADO PAGO
    To create a payment button integrated with Mercado Pago, follow the steps below: Access the page editor in GreatPages; Click on the Add Icon (+) in the menu on the left side of the screen; After adding the button to your page, customize it however you wanFew readers
  • How to add an EXTERNAL LINK in GreatPages
    In GreatPages you can trigger an External link through a click on a button, an image, an icon or a text. Access your page editor; No matter which element it is, you will need to click on "Editar"; After that, a settings screen will open on the left side, where you will needFew readers
  • How to use the GreatPages EDITOR SHORTCUTS
    You've probably noticed there's a question mark icon in the bottom right corner of the screen in the GreatPages Editor. Clicking this icon opens our Guia de Atalhos (Shortcuts Guide). Shortcuts are there to make editing faster and you can choose whether or not to use them. Their functions already exist in every element, but as the name says, they "shortFew readers
  • How to INSTALL UTMs in GreatPages
    To install UTMs on your page, you will need to follow the tutorial below: ||| You cannot integrate your form with another platform until you have added the UTM code and created the hidden fields in the form. Access the page editor and click on the gear icon in the top right corner; Next, click on "Javascript & CSS"; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6Few readers
  • How to insert a FORM inside a POP-UP on GreatPages
    To insert a Form inside a Pop-up, follow the steps below. The first step is to add the pop-up element, and if you do not know how to do it, follow our tutorial: https://ajuda.greatsoftwares.com.br/pt-br/article/como-adicionar-uma-modal-ou-pop-up-no-greatpages-4q0iao/; After that, you will already be able to edit your pop-up however you want, using theFew readers
  • How to install the PULSE effect on an element
    To install the pulse effect on an element of your page, follow this step by step below: Go to your page editor; Click the gear icon located in the top right corner of your screen; Next, select the Javascript/Css option; ![](httpFew readers
  • How to insert the WIGGLE EFFECT animation (Floating Elements)
    Go to the page editor; Click the gear icon in the top right corner of the screen; Next, click "Javascript & CSS"; Click to "Adicionar" a new code; ![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/adicionar-codigo_sqhe1r.pngFew readers

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
  • Send us an email
© 2026Central de Ajuda - GreatPages