Texto

1. Adicionar texto:
• Arraste e solte "Texto" da barra de ferramentas principal;
• Escolha a composição de texto;
• Escreva o seu texto.
2. Editar texto:
• Selecione o texto e clique em "Editar Texto" na barra de ferramentas de contexto;
• Destaque a área do texto que deseja editar;
• Escolha as opções no editor de texto avançado.
3. Personalizar texto:
• Cor:

  Selecione "Estilos" e clique no ícone ao lado da paleta de cores. Escolha a cor do texto

• Links:

  Destaque a área onde deseja inserir o link, clique no ícone correspondente no editor de texto avançado e preencha as propriedades do link.

• Adicionar âncora:

  Destaque a área onde você deseja que a âncora apareça, no editor de texto avançado clique no ícone e preencha o nome da âncora.

Nota: Se você escolher a cor branca para o texto, o modo escuro será ativado automaticamente para o editor de texto avançado.
Pré-visualização:

Website builder's text editor can display automatically updating date and time using datetime format string.

Here is how to add automatically updating date/time to your website:

• Select or add text element;
• Press "Edit Text" button;
• Add following value: {{date:placeholder}} (be sure to replace placeholder with desired PHP format character);
• Here are a few examples of datetime format string:
• If you wish website visitors to see message "Today's date: (current date here)", then your datetime format string would look like this: {{date:Y m d}}
• If you wish to display current time, you should enter into text editor: {{date:H:i}}
• Press "Done" to save and apply changes.

A full list of paramaters supported by datetime format string can be found in official PHP article.

1. Clique no texto que deseja editar para selecioná-lo
2. Clique no botão editor de texto avançado;
3. Destaque a área específica do texto cuja cor deseja alterar;
4. Clique no ícone de estilos de texto para abrir as configurações de estilos;
5. Clique no ícone ao lado de "Cor" para abrir a paleta de cores;
6. Selecione a cor desejada na paleta de cores;
7. Clique no botão "Aplicar" para alterar a cor do texto;

The button is disabled because no OpenAI key is added in your builder brand on Site.pro. Please follow instructions on this page in order to add one.

In order to fix this problem just create API key from Google by going to Google Developer API page and put key in file "config.json" located in website builder web root folder — you need to set it to parameter "googleFontsApiKey".

Note: Sometimes, the Google Maps widget also may not work in your website builder. To resolve this, do the same as for Google Fonts but use this link for key creation and parameter "googleMapsApiKey" in file "config.json".

Ao adicionar fontes do Google ao seu site, você pode perceber que a fonte aparece de forma diferente no editor e nos sites publicados (ou ao visualizar o site).

Cada fonte do Google adicionada possui opções extras, como Regular, Itálico, Negrito, etc. Cada uma dessas opções pode ter uma largura separada, definida por números como 400, 700, etc.

Geralmente, o problema ocorre porque algumas opções de estilo não estão habilitadas no diálogo de edição de fontes no editor. Para corrigir isso, certifique-se de que todas as versões (variantes) da fonte que você usa no site estejam habilitadas.

Por exemplo, você adiciona uma fonte que oferece as seguintes opções:
Regular 400
Regular 400 Itálico
Negrito 700
Negrito 700 Itálico
Se você usar texto em itálico com essa fonte na sua página, certifique-se de que a opção "Regular 400 Itálico" esteja habilitada para a fonte.
Se você usar texto em negrito, certifique-se de que a opção "Negrito 700" esteja habilitada.
Por fim, se você usar texto que seja negrito e itálico ao mesmo tempo, habilite a opção "Negrito 700 Itálico".

No editor, todas as versões da fonte são carregadas de uma vez, permitindo que você veja o texto com a fonte correta. Porém, no site publicado, apenas as versões habilitadas no diálogo de edição de fontes são carregadas, para fins de otimização.

1. Arraste e solte o elemento "Layout" da barra de ferramentas principal;
2. Selecione a composição do layout desejada;
3. Adicione uma imagem ao layout desejado;
4. Adicione o texto ao layout desejado.

1. Adicionar idiomas:
   • Arraste e solte o elemento "Idiomas" da barra de ferramentas principal;
   • Escolha a configuração dos idiomas;
   • No popup, clique em "Adicionar idioma";
   • Selecione os idiomas necessários e clique em "Aplicar".
2. Editar idiomas:
   • Clique na bandeira do idioma necessário (ex.: Inglês) para editar o conteúdo (ex.: digitar texto, menu, imagens etc.);
   • Selecione outro idioma (ex.: Chinês) e faça alterações nesse idioma da mesma maneira.
     Nota: O idioma padrão possui o ícone ao lado dele.
     Só pode haver um idioma padrão e ele não pode ser excluído apenas clicando no "x" ao lado dele.
3. Excluir idiomas:
   • Selecione o elemento "Idiomas" no criador;
   • Na barra lateral direita "Idiomas", passe o cursor do mouse sobre o idioma que deseja remover;
   • Clique no "x" que aparece ao lado direito do idioma para removê-lo;
   • Para remover todos os idiomas, selecione o idioma em "Estrutura da página" e pressione "Excluir" no teclado.
     Selecione "Excluir todos os idiomas e todos os itens de idioma".
     Nota: Se os idiomas forem excluídos apenas no conteúdo do site, eles ficarão invisíveis, mas não completamente excluídos.

1. Adicionando link:
   • Selecione o texto que deseja transformar em um link e clique no botão "Editar Texto";
   • No editor de texto avançado clique no ícone ;
   • Escolha uma das opções de configuração do link;
   • Selecione as opções de abertura do link;
   • Insira o "Título do Link";
   • Clique em "Aplicar".
2. Personalizar o link:
   • Vá até "Configurações" no canto superior direito do construtor, selecione "Estilos" e depois a aba "Links";
   • Clique no ícone para selecionar a cor do texto do link e personalizar o texto;
   • Clique no ícone para selecionar a cor de hover do link e personalizar o texto de hover.

1. Selecione o texto que deseja editar no construtor de sites;
2. Clique em no editor de texto avançador;
3. Clique no ícone de fonte para editar as fontes;
4. CClique em "Adicionar fonte", escolha uma fonte da lista ou envie sua própria fonte e clique em "Aplicar".
Pré-visualização:

1. Selecione o menu suspenso Configurações e clique novamente em Configurações;
2. Marque a opção "Forçar cópia local das fontes no site publicado".
   Agora, as fontes personalizadas serão servidas a partir do servidor do site publicado, em vez do CDN do Google Fonts.

1. Go to My Licenses page;
2. Expand your brand by clicking button "Manage";
3. Switch to section "Configuration" from left menu bar;
4. Tick checkbox "Force local copy of fonts on published website (applies to new websites)";

   (Custom fonts will be served on published website);

5. Or select "Force local copy of fonts in website builder";

Custom fonts will be served on website builder server.

Há 3 tipos de estilos no criador – estilos de bloco, estilos em linha e estilos de lista.

Existem 2 estilos em linha: Destaque e Especial; 3 estilos de lista: Lista 1, 2 Lista e 3 Lista; todos os outros são estilos de bloco.

• O estilo de bloco é aplicado a todo o parágrafo do texto. Não é necessário que o texto esteja selecionado para aplicar o estilo de bloco – basta que o cursor seja colocado em algum lugar no parágrafo do texto, e seu estilo será alterado ao selecionar um estilo de bloco no editor de texto.
• Para o estilo em linha, é necessário selecionar a parte do texto, pois ele é aplicado somente à parte do texto. Observe que, ao definir o estilo inline para o texto, o estilo de bloco permanece. Portanto, pode haver uma confusão:
  • Selecione todo o texto;
  • Selecione um dos estilos em linha – Destaque ou especial;
  • Tente alterar o estilo da mesma seleção para qualquer estilo de bloco;
  • O estilo não é alterado!
• Isso acontece porque o estilo em linha é aplicado acima do estilo de bloco, fazendo com que o estilo de bloco não fique visível. Quando você altera o estilo de bloco, ele é alterado, mas ainda não está visível sob o estilo em linha selecionado anteriormente. Para corrigir esse problema, selecione todo o texto e clique no estilo embutido ativo no editor de texto para removê-lo do texto. Em seguida, você deverá começar a ver o estilo de bloco nesse texto.
  Como alternativa, você pode selecionar o texto inteiro e selecionar o botão “Tx” no editor de texto para limpar toda a formatação. Em seguida, aplique novamente o estilo ao texto.
• O estilo de lista deve ser usado somente ao usar listas no texto. O estilo de lista é aplicado à cor dos marcadores ou números.

Esta funcionalidade é alimentada pelo ChatGPT (OpenAI)

Como usar o Gerador de Texto com IA:

1. Selecione um elemento de texto existente no Criador de Sites ou adicione um novo;
2. Selecione “Gerar Texto (IA)” no editor de texto avançado;
3. Preencha “Tipo de seu negócioe” e “Nome do seu negócio”;
4. Selecione o “Tópico do Texto” desejado;
5. Defina o "Comprimento do Texto" desejado;
6. Preencha “Palavras-chave” que você quer que a IA utilize no texto gerado;
7. Clique no botão “Gerar”;
8. Escolha um dos textos gerados clicando no botão "Selecionar"

Coisas a considerar ao usar o Gerador de Texto com IA:

• Se o botão "Gerar Texto (IA)" não aparecer — aguarde alguns minutos e recarregue a página do Criador de Sites.
• Se sua conexão for interrompida enquanto gera o texto, verifique o status da conexão e tente novamente.

Nota: Se você ver que o botão "Gerar Texto (IA)" está inativo, será necessário adicionar uma chave de API para conectar ao OpenAI;