Editor HTML para Descrição de Eventos

Introdução

O plugin Editor HTML para Eventos permite que os responsáveis pelos eventos criem descrições mais completas e visualmente atrativas. Em vez de ficarem limitados a um campo de texto padrão, os responsáveis pelos eventos podem usar ferramentas de edição HTML para formatar o conteúdo e criar detalhes de eventos mais envolventes.

Com o Editor HTML, os responsáveis pelos eventos podem:

• Formatar textos usando negrito, itálico e sublinhado.
• Alterar o alinhamento do texto.
• Escolher diferentes fontes e tamanhos de fonte.
• Criar listas com marcadores e listas numeradas.
• Adicionar hiperlinks.
• Inserir imagens.
• Organizar as informações do evento usando diferentes opções de formatação.
• Criar descrições que correspondam melhor ao conteúdo e à identidade visual do evento.

O conteúdo HTML criado no formulário do evento também será exibido na página pública de detalhes do evento.

Antes de começar

Antes de usar o Editor HTML para Eventos, certifique-se de que:

• Você tenha acesso à área do Administrador do site do eDirectory.
• O plugin Editor HTML para Eventos esteja instalado e ativo no seu site eDirectory. Se não tiver certeza de como verificar quais plugins estão instalados no seu site, consulte nosso guia: Como visualizar seus plugins instalados.

Passo 1: Acesse a área de gerenciamento de eventos

1.1. Faça login no Administrador do site

Logue em sua área administrativa do eDirectory.

1.2. Acesse os Eventos

Navegue até Conteúdo > Eventos

Essa seção permite criar e gerenciar os eventos do seu site.

1.3. Adicione ou edite um evento

Você pode usar o Editor HTML ao criar um novo evento ou editar um evento existente.

Para criar um novo evento, clique em Adicionar evento.

Para editar um evento existente, clique na opção Editar correspondente ao evento.

Passo 2: Acesse o Editor HTML

2.1. Localize o campo Descrição

No formulário de criação ou edição do evento, localize o campo Descrição.

Quando o plugin Editor HTML para Eventos estiver instalado e ativo, o campo de descrição padrão será substituído pela interface do Editor HTML.

Campo de descrição padrão sem o plugin HTML instalado:

Campo de descrição com o Editor HTML para Eventos instalado:

2.2. Use o Editor HTML

Clique dentro do editor para começar a adicionar ou formatar a descrição do seu evento.

As ferramentas disponíveis permitem personalizar a aparência e a organização do conteúdo.

Passo 3: Formate a descrição do evento

O Editor HTML oferece diversas ferramentas que os responsáveis pelos eventos podem usar para personalizar a aparência e a organização das descrições.

Você pode digitar o conteúdo diretamente no editor e usar as ferramentas de formatação disponíveis para criar uma descrição mais visualmente atrativa.

3.1. Formate o texto

Você pode aplicar diferentes opções de formatação ao texto, incluindo:

• Negrito – Destaque informações importantes.
• Itálico – Dê ênfase a palavras ou frases específicas.
• Sublinhado – Destaque um texto selecionado.
• Tachado – Indique informações removidas, desatualizadas ou que não são mais aplicáveis.
• Alinhamento do texto – Alinhe o texto à esquerda, centralizado, à direita ou use a opção justificado para distribuir o texto uniformemente pelo espaço disponível.
• Fonte – Escolha uma fonte diferente para o texto.
• Tamanho da fonte – Aumente ou diminua o tamanho do texto selecionado.
• Cor do texto – Altere a cor do texto.
• Cor de fundo – Adicione uma cor de fundo ao texto selecionado.

Por exemplo, um responsável por um evento pode usar negrito para destacar datas importantes, uma fonte maior para o título do evento ou uma cor de texto diferente para destacar informações sobre inscrições.

3.2. Formate títulos e cabeçalhos

O Editor HTML permite aplicar diferentes formatos de cabeçalho ao conteúdo, como Título 1, Título 2, Título 3 e outros níveis disponíveis.

Os cabeçalhos podem ajudar a organizar descrições de eventos mais longas em seções claras.

Por exemplo:

Título 1: Conferência Anual de Negócios

Título 2: Programação do Evento

Título 3: Informações sobre Inscrições

Usar cabeçalhos, em vez de simplesmente aumentar o tamanho do texto, também pode ajudar a criar uma estrutura mais consistente em toda a descrição.

3.3. Adicione links

Você pode adicionar hiperlinks a textos selecionados na descrição do evento.

Para fazer isso, selecione o texto que deseja transformar em um link e use a opção de link disponível no Editor HTML.

Por exemplo, você pode selecionar a palavra torneio e vinculá-la a uma página externa de inscrição.

Selecione o texto desejado e clique no ícone de link.

Digite a URL no campo URL e clique em OK.

O link será exibido no texto.

Os links podem ser usados para:

• Páginas de inscrição.
• Sites de palestrantes.
• Sites externos do evento.
• Informações adicionais.

3.4. Adicione imagens

Você pode inserir imagens diretamente na descrição do evento.

As imagens podem ser usadas para apresentar:

• Locais dos eventos.
• Palestrantes.
• Edições anteriores do evento.
• Programações.
• Materiais promocionais.
• Identidade visual do evento.

Adicionar imagens relevantes pode tornar a descrição mais envolvente e fornecer informações adicionais aos visitantes.

• Para adicionar uma imagem, clique no ícone de imagem.

• Acesse a aba Carregar, clique em Escolher arquivo e selecione uma imagem do seu computador.

• Depois de selecionar a imagem no computador, clique em Enviar para o servidor.

• Clique em OK.

• A imagem será adicionada com sucesso ao campo de descrição.

3.5. Adicione tabelas

O Editor HTML também permite criar tabelas.

As tabelas podem ser úteis para organizar informações que são mais fáceis de entender em linhas e colunas.

Por exemplo, o responsável pelo evento pode criar uma programação:

• Para adicionar uma tabela, clique no ícone de tabela.

• Informe o número de linhas e colunas e clique em OK.

• Preencha a tabela com o conteúdo desejado.

As tabelas também podem ser úteis para:

• Programações de eventos.
• Informações sobre preços.
• Informações sobre palestrantes.
• Sessões de workshops.
• Pacotes de eventos.
• Comparações.

3.6. Crie listas com marcadores e listas numeradas

Você pode criar listas com marcadores ou listas numeradas para organizar as informações.

Use uma lista com marcadores quando a ordem dos itens não for importante.

Por exemplo:

• Networking
• Apresentações ao vivo
• Comidas e bebidas
• Palestrantes convidados

Use uma lista numerada quando a ordem dos itens for importante.

Por exemplo:

1. Faça sua inscrição no evento.
2. Efetue o pagamento.
3. Receba seu e-mail de confirmação.
4. Participe do evento.

As listas podem facilitar a visualização de programações, requisitos, recursos e outras informações.

3.7. Adicione citações em bloco

O Editor HTML também oferece a opção Block Quote.

As citações em bloco podem ser usadas para destacar uma citação, depoimento, declaração importante ou trecho de outra fonte.

Por exemplo, o responsável pelo evento pode destacar o depoimento de um participante anterior:

"Este foi um dos melhores eventos de networking dos quais já participamos."

Isso ajuda a separar visualmente citações importantes do restante da descrição do evento.

3.8. Use a opção Código-Fonte

O botão Código-fonte permite que usuários avançados acessem e editem o código-fonte HTML da descrição do evento.

Ao clicar em Código-fonte, o editor exibirá o código HTML subjacente ao conteúdo.

Usuários com conhecimento de HTML e CSS podem usar essa área para adicionar ou modificar o código manualmente.

Por exemplo, um usuário avançado pode utilizar a opção Código-fonte para fazer uma personalização específica em HTML/CSS que não esteja disponível nas ferramentas padrão do editor.

3.9. Evite colar textos formatados de outras fontes

Ao adicionar conteúdo ao Editor HTML, recomendamos digitar o texto diretamente no editor sempre que possível e aplicar a formatação usando as próprias ferramentas do editor.

Copiar e colar conteúdo de outra fonte, principalmente quando o texto já estiver formatado, pode causar problemas de compatibilidade.

Por exemplo, se você copiar conteúdo do Microsoft Word, Google Docs, outro site ou outro editor HTML, o texto copiado pode conter formatações como:

• Texto em negrito.
• Cores de texto.
• Cores de fundo.
• Diferentes fontes.
• Diferentes tamanhos de fonte.
• Alinhamento.
• Justificação.
• Links.
• Outras formatações ocultas ou códigos HTML.

Quando esse conteúdo é colado no Editor HTML, algumas dessas formatações podem ser interpretadas de maneira diferente.

Como resultado, você pode encontrar situações em que:

• Parte do texto está formatada e outra parte não.
• O conteúdo parece estar corretamente formatado no Administrador do site, mas aparece diferente no site ao vivo.
• As cores ou fontes aparecem corretamente no editor, mas não na página publicada.
• O negrito, itálico, alinhamento ou outras formatações não aparecem como esperado.
• Formatações adicionais ou indesejadas são adicionadas à descrição.

3.10. Método recomendado para colar textos

Para evitar problemas de compatibilidade de formatação, recomendamos uma das seguintes opções:

Opção 1: Digite o conteúdo diretamente no Editor HTML

Este é o método recomendado. Digite o conteúdo diretamente no campo de descrição e aplique a formatação desejada usando as ferramentas do Editor HTML.

Opção 2: Cole o texto sem formatação

Se precisar copiar um texto de outra fonte, cole-o primeiro como texto sem formatação e depois aplique a formatação diretamente no Editor HTML.

Windows

No Windows, use: Ctrl + Shift + V

Esse atalho cola o conteúdo sem a formatação original nos aplicativos que oferecem suporte a esse recurso.

Mac

No macOS, use: Command (⌘) + Shift + V

Esse atalho cola o conteúdo sem a formatação original nos aplicativos que oferecem suporte a esse recurso.

Depois de colar o texto sem formatação, você poderá usar as ferramentas do Editor HTML para aplicar a fonte, tamanho, cores, alinhamento, cabeçalhos, links, listas e outras formatações desejadas.

Essa abordagem ajuda a garantir que a formatação seja criada diretamente pelo Editor HTML do eDirectory e tenha maior consistência na página pública do evento.

Passo 4: Salve o evento

Depois de criar e formatar a descrição, preencha as demais informações do evento e salve-o.

O conteúdo HTML será salvo junto com o evento.

Se estiver editando um evento existente, salve as alterações depois de concluir a descrição.

Passo 5: Visualize a descrição do evento

Depois de salvar o evento, abra a página pública de detalhes do evento.

O conteúdo HTML criado no Administrador do site deverá ser exibido na página de detalhes do evento utilizando a formatação configurada no editor.

Isso permite que os responsáveis pelos eventos criem descrições mais organizadas visualmente e mais envolventes para os visitantes.

Passo 6: Restrinja as descrições HTML a planos específicos

Você pode configurar o recurso de descrição HTML para que esteja disponível somente para determinados planos.

Isso pode ser útil caso queira oferecer descrições HTML como um recurso premium para planos de nível superior.

6.1. Acesse as configurações dos planos

Navegue até Configurações > Produtos e Planos > Gerenciar Produtos

6.2. Localize a opção Descrição

Selecione a aba Eventos e procure pela opção: Descrição

Essa opção controla se o plano terá acesso à funcionalidade de descrição avançada.

6.3. Ative ou desative o recurso

Ative a descrição nos planos que deverão ter acesso ao recurso de descrição HTML.

Desative essa opção nos planos que não deverão ter acesso ao recurso.

6.4. Salve as alterações

Salve as configurações do produto depois de configurar os planos.

O recurso de descrição HTML ficará disponível de acordo com a configuração de cada plano.

Passo 7: Verifique a configuração

Depois de configurar o plugin e os planos, teste o recurso para garantir que tudo esteja funcionando conforme esperado.

7.1. Crie ou edite um evento

Crie um novo evento ou edite um evento existente utilizando um plano que tenha acesso ao recurso de descrição HTML.

7.2. Adicione conteúdo formatado

Adicione um texto e teste algumas das opções de formatação disponíveis, como:

• Texto em negrito ou itálico.
• Diferentes tamanhos de texto.
• Listas.
• Links.
• Imagens.
• Alinhamento do texto.

7.3. Salve o evento

Salve o evento depois de realizar as alterações.

7.4. Verifique a página pública do evento

Abra a página de detalhes do evento e verifique se o conteúdo está sendo exibido corretamente.

A formatação configurada no Editor HTML deverá ser refletida na página pública do evento.

Solução de problemas

O Editor HTML não aparece

Se o Editor HTML não aparecer no formulário do evento, verifique o seguinte:

• Confirme se o plugin Editor HTML para Eventos está instalado.
• Confirme se o plugin está instalado: Como visualizar seus plugins instalados
• Certifique-se de que você está criando ou editando um evento.
• Verifique se o plano utilizado tem acesso ao recurso Descrição.
• Confirme se as configurações corretas do produto foram salvas.

Se o plugin não estiver instalado no seu site, entre em contato com seu representante de vendas para obter mais informações sobre a aquisição do plugin premium.

O Editor HTML não está disponível para um plano específico

Se o Editor HTML funciona para um plano, mas não para outro, verifique a configuração do plano.

Navegue até: Configurações > Produtos e Planos > Gerenciar Produtos

Abra o plano afetado e certifique-se de que a descrição esteja ativada.

Salve as configurações do plano e teste o evento novamente.

A formatação não aparece na página pública do evento

Se o conteúdo foi salvo, mas a formatação não aparece corretamente na página pública de detalhes do evento, o problema pode estar relacionado à formatação copiada de outra fonte.

Primeiro, verifique se o conteúdo foi copiado e colado de outro aplicativo, site ou editor. Conteúdos copiados de fontes como Microsoft Word, Google Docs ou outros editores HTML podem conter formatações ocultas ou códigos HTML/CSS que não são totalmente compatíveis com o Editor HTML do eDirectory.

Por exemplo, o conteúdo pode:

• Aparecer corretamente formatado no Administrador do site, mas diferente no site ao vivo.
• Exibir parte do texto em negrito enquanto outra parte, que também deveria estar em negrito, não está.
• Apresentar cores ou fontes diferentes das configuradas no editor.
• Exibir alinhamento ou justificação incorretos.
• Apresentar uma formatação que aparece corretamente no editor, mas não é exibida corretamente na página pública.

Para solucionar o problema:

1. Abra o evento no Administrador do site.
2. Verifique a descrição no Editor HTML.
3. Se o conteúdo foi copiado de outra fonte, tente remover a formatação afetada.
4. Salve o evento e verifique novamente a página pública de detalhes do evento.
5. Se o problema continuar, crie uma nova descrição de teste digitando o texto diretamente no Editor HTML.
6. Aplique a formatação usando as próprias ferramentas do editor, como negrito, alinhamento, cores, cabeçalhos, listas e outras opções disponíveis.
7. Salve o evento e verifique novamente a página pública.

Se a formatação funcionar corretamente quando o conteúdo é digitado diretamente no editor, o problema original provavelmente foi causado pela formatação ou pelo código copiado da outra fonte.

Recomendação: Para evitar problemas de compatibilidade de formatação, digite o conteúdo diretamente no Editor HTML sempre que possível. Se precisar copiar um texto de outra fonte, cole-o sem formatação usando Ctrl + Shift + V no Windows ou Command (⌘) + Shift + V no Mac e, em seguida, aplique a formatação desejada diretamente no Editor HTML.

Se o problema continuar mesmo ao utilizar um texto digitado e formatado diretamente no Editor HTML, entre em contato com nossa equipe de suporte para que o comportamento possa ser investigado.

Uma imagem ou link não funciona

Se uma imagem ou hiperlink não funcionar conforme esperado, verifique se o conteúdo foi inserido corretamente no Editor HTML.

Para links, certifique-se de que a URL de destino esteja correta.

Para imagens, certifique-se de que a imagem tenha sido inserida corretamente e que sua origem esteja acessível.

O recurso está disponível quando não deveria estar

Se um plano não deveria ter acesso ao recurso de descrição HTML, navegue até:

Configurações > Produtos e Planos > Gerenciar Produtos

Abra o plano afetado e verifique se Descrição está ativada.

Desative a opção caso o plano não deva incluir o recurso e, em seguida, salve as alterações.

Conclusão

O plugin Editor HTML para Eventos oferece aos responsáveis pelos eventos maior controle sobre a aparência e a organização de suas descrições. Em vez de depender apenas de texto simples, os organizadores podem usar formatação, listas, links, imagens, fontes e outras ferramentas de edição para criar páginas de eventos mais informativas e envolventes.

Os administradores do site também podem utilizar a opção a descrição, disponível em Configurações > Produtos e Planos > Gerenciar Produtos, para controlar quais planos terão acesso ao recurso de descrição avançada.