Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Index

Índice
outlinetrue
exclude.*ndice
stylenone

Speaking of page designer...

The page designer allows users to configure elements to be displayed on screen, based on each element’s order and properties.

...

Nota

Changes made to the page are automatically saved every 15 seconds. These changes are saved as drafts until the user selects “Post” (upper right corner of the page), making the page available to the public through the defined URL.




Web components


Componentes web: To add a component, click the button to expand components, select the desired component and drag it to the area on the page where it will be displayed.

...

Remove component from page


Dica
titleTip!

If you created the page from a template, you can also use the Configure component option to access each component’s settings and customize the page.


The components that can be added to pages and their respective settings are detailed below.


Parágrafo

...

Veja a imagem. Veja a imagemSee the image

This component allows entering a title and a text paragraph to the page, optionally showing an image and buttons. The following settings are available for this component:

...

Painel

Adicionar item: add icons to the paragraph that redirect users to other web addresses. The following settings are available for each item:

  • Título: title of the link.
  • URL: web address opened after clicking the item.
  • Cor do texto: item text color.
  • Cor do fundo: item color.
  • Abrir em uma nova aba?: indicates whether the address should be opened in a new tab.


Seção

...

Veja a imagem. Veja a imagemSee the image

This component allows splitting the page into content portions, called sections. Each section has an image, which may have a title and a description. The following settings are available for this component:

...

Painel
  • Imagem de fundo: image displayed as the section’s background. The image must be a file from the gallery or the device.
  • Título: title of the section.
  • Tamanho do título: font size of the section title.
  • Subtítulo: description shown below the title.
  • Tamanho do subtítulo: font size of the section subtitle.
  • Cor do texto: section text color.
  • Altura: height of the page used for this section.
  • Alinhamento: alignment of the title and subtitle. Options: left, centered or right.
  • Parallax: indicates whether the parallax effect must be used to paralyze the image when the page is being scrolled.
  • Máscara: indicates whether the mask effect must be used to highlight the section’s text.
  • Habilitar container?: component width. If the container is disabled, the component will be resized based on the screen width, regardless of the device. If the container is enabled, the maximum width defined in this area will be followed.


Banner

...

Veja a imagem. Veja a imagemSee the image

Banners highlight image or video content, alternated manually or automatically. The following settings are available for this component:

...

Painel

 If more than one banner is used, they are automatically displayed alternately every 5 seconds. The following settings must be defined for each banner:

  • Conteúdo: image or video content. Images and videos shown in banners must be saved in the gallery or the device. Accepted image formats: JPG, JPEG, GIF or PNG. Accepted video formats: MP4 or OGG. If the video is more than 5 seconds long and there are more banners to be displayed, the video will be interrupted to display the next banner.
  • Título: banner title.
  • Subtítulo: description shown below the title.
  • Cor do texto: banner text color.
  • Alinhamento: alignment of the title and subtitle. Options: left, centered or right.
  • Adicionar item: add buttons to the banner that redirect users to other web addresses. The following settings are available for each item: 
    • URL: web address opened after clicking the button.
    • Abrir em uma nova aba?: indicates whether the address should be opened in a new tab.
    • Texto: button label.
    • Cor do texto: sets button label color.
    • Cor do botão: sets the button color.


Galeria de imagens

...

Veja a imagem. Veja a imagemSee the image

This component creates an image gallery, which may have a title and a description, as well as a color mask for each image. The following settings are available for this component:

...

Painel

Click the  button to insert new images. The following settings are available for each image:

  • Legenda: description shown when opening the image in the gallery.


Menu

...

Veja a imagem. Veja a imagemSee the image

This component creates a menu with options, in order to make the page content more organized and accessible. The following settings are available for this component:

...

Painel

Click the button to insert new items. The following settings are available for each item:

  • Abrir em uma nova aba?: indicates whether the address should be opened in a new tab.
  • URL: web address opened after clicking the item.
  • Título: item label.


Conteúdo do texto

...

Veja a imagem. Veja a imagemSee the image

Unlike the paragraph, this component allows adding multiple texts that are displayed side by side horizontally, with up to 4 contents per line. Each text content can also have an image and buttons. The following settings are available for this component:

...

Painel
  • Habilitar container?: Component width. If the container is disabled, the component will be resized based on the screen width, regardless of the device. If the container is enabled, the maximum width defined in this area will be followed.
  • Alinhamento: alignment of the text content. Options: left, centered or right.
  • Conteúdo:  indicates if the text content should have an image or icon. Images and icons must be saved in the gallery or the device.
  • Imagem de fundo como ícone: enables or disables the feature to adjust the image as an icon, in order to avoid cuts or distortions.
  • Título: title of the gallery.
  • Texto: text content shown below the title.
  • Adicionar item: add buttons to the text content that redirect users to other web addresses. The following settings are available for each item: 
    • URL: web address opened after clicking the button.
    • Abrir em uma nova aba?: indicates whether the address should be opened in a new tab.
    • Texto: button label.
    • Cor do texto: sets button label color.
    • Cor do botão: sets the button color.


Rodapé

...

Veja a imagem. Veja a imagemSee the image

Footers are small areas on the bottom of the page, which are very important both for design purposes and to provide additional information. Footers typically contain information such as copyrights, social media links, slogans, etc. The following settings are available for this component:

...

Painel

Adicionar item: add icons to the footer that redirect users to other web addresses. The following settings are available for each item:

  • Imagem: image shown in the footer link. The image must be a file from the gallery or the device.
  • Título: title of the link.
  • URL: web address opened after clicking the item.
  • Abrir em uma nova aba?: indicates whether the address should be opened in a new tab.


Conteúdo externo

...

Veja a imagem. Veja a imagemSee the image

This component was essentially designed as a link to the Forms tool, in order to use forms on the page. This allows adding contact, evaluation or suggestions forms, for example. The following settings are available for this component:

...