Documentação · Tema Telefer + Elementor · Outubro 2026

Como funciona agora com o Elementor

As páginas institucionais já estão no Elementor, com widgets Telefer. Header, menu, rodapé e blog continuam no tema.

1. Modelo híbrido (como funciona hoje)

O site não foi remontado do zero no Elementor. Ele usa um modelo seguro:

Página publicada com Elementor → o site mostra o conteúdo do builder (widgets Telefer + Elementor).

Página sem Elementor → o site mantém o layout PHP do tema Telefer.

Em produção, as páginas institucionais já foram migradas: Home, Sobre nós, Soluções, Telefer Cloud, Telefer com IA e Contato. No painel esquerdo do Elementor, busque a categoria Telefer.

O que dá para editar no Elementor

O que continua fora do Elementor (versão Free)

2. O que já é Elementor e o que ainda é PHP

Área Como edita hoje Observação
Home, Sobre, Soluções, Telefer Cloud, Telefer com IA, Contato Editar com Elementor (widgets Telefer) Já migradas — conteúdo aparece no canvas
Página nova montada no Elementor Editar com Elementor Use widgets Telefer ou widgets básicos do Elementor
Blog (artigos) WordPress → Posts Não precisa do Elementor
Menu, logo, header, rodapé Arquivos do tema (PHP/CSS) Theme Builder do Elementor Pro ainda não está no fluxo
Presença Digital / LP Online — Removida. URL redireciona para /solucoes/

3. Entrar no painel

  1. Abra https://telefer.com.br/wp-admin/.
  2. Informe usuário ou e-mail e senha.
  3. Clique em Log In.
Tela de login do WordPress Telefer
1 — Tela de login: telefer.com.br/wp-admin
Dashboard do WordPress Telefer
2 — Dashboard após o login (menu lateral do WordPress)

Quem ainda não tem usuário: peça ao admin do site para criar conta com perfil Editor ou Administrador.

Com o Elementor ativo, aparece o item Elementor no menu esquerdo do painel.

Tela inicial do Elementor no wp-admin da Telefer
3 — Elementor → Editor / Quick Start (Create a Page, Edit site, Templates)

Nessa área você encontra:

5. Editar uma página com Elementor

Use este fluxo para alterar textos, imagens e seções das páginas já migradas.

5.1 Abrir a lista de páginas

  1. No menu esquerdo: Páginas → Todas as páginas.
  2. Localize a página (ex.: Contato, Sobre nós, Home).
Lista de páginas no WordPress
4 — Páginas → Todas as páginas

5.2 Abrir o editor e clicar em Editar com Elementor

  1. Clique no título da página (ou em Editar).
  2. No topo do editor, clique em Edit with Elementor / Editar com Elementor.
Botão Edit with Elementor na página Contato
5 — Página Contato aberta no WordPress: botão Edit with Elementor no topo

5.3 Alterar o conteúdo

  1. No canvas (centro), clique na seção que quer mudar (ex.: hero ou formulário).
  2. No painel esquerdo, edite os campos (Badge, Título, Subtítulo, etc.).
  3. Para incluir uma seção nova: abra o painel de widgets, busque Telefer e arraste o widget desejado.
  4. Cores da marca: azul #15325f / #004ca0 e amarelo #fdb813.

5.4 Publicar e conferir

  1. Clique em Publish / Atualizar.
  2. Abra a URL pública da página.
  3. Faça hard refresh: Windows Ctrl+F5 · Mac Cmd+Shift+R.
  4. Se o cache mostrar versão antiga, acrescente ?telefer_nocache=1 na URL.

6. Widgets Telefer (o que usar)

No painel de elementos, digite Telefer na busca. Aparecem quatro widgets customizados do tema:

Widgets Telefer no painel do Elementor com canvas Contato
6 — Busca “Telefer”: Hero de página, Formulário de lead, Grade de soluções, Seção do tema — canvas com a página Contato carregada
Editando o widget Hero de página na Contato
7 — Clique no hero → painel Edit Telefer — Hero de página (Badge, Título, Subtítulo, WhatsApp)

Prefira os widgets Telefer em vez de remontar a página só com Heading/Image genéricos — eles mantêm o visual e o comportamento do site.

7. Interface do editor Elementor

Prints reais do editor na página Contato (já migrada, com conteúdo no canvas):

Editor Elementor na página Contato com conteúdo
8 — Editor Elementor na Contato: widgets Telefer à esquerda + página real no centro
Estrutura do Elementor mostrando widgets Telefer
9 — Structure: Containers com Telefer — Hero de página e Telefer — Formulário de lead
Visão completa do editor Elementor Contato
10 — Visão completa: barra superior (Contato, Desktop/Tablet/Mobile, Publish) + widgets + Structure

Onde fica o quê no editor

Se aparecer Session expired, faça login de novo no WordPress e recarregue o editor. Em Safe Mode, o Elementor isola tema/plugins; dá para editar e depois desativar o Safe Mode.

8. Usar o template Elementor Full Width

O tema tem um modelo específico para páginas 100% Elementor, mantendo o header/rodapé Telefer:

  1. Abra a página no editor do WordPress (não no Elementor ainda).
  2. No painel direito: Atributos da página → Modelo.
  3. Escolha Elementor Full Width.
  4. Salve / Atualize.
  5. Depois clique em Editar com Elementor.

As páginas institucionais já migradas usam a lógica híbrida do tema. O Full Width é útil para páginas novas.

9. Blog (continua no WordPress)

Artigos do Blog não dependem do Elementor:

  1. Posts → Adicionar novo (ou abra um post existente).
  2. Preencha título, texto, resumo (Excerpt), categoria e imagem destacada.
  3. Categorias oficiais: Telefonia, Automação, Marketing Digital, Dicas, Finanças.
  4. Publicar.
Página pública do Blog Telefer
11 — Listagem pública: telefer.com.br/blog/
Lista de posts no WordPress
12 — Posts → Todos os posts (lista no painel)
Editor de artigo no WordPress
13 — Editor de artigo (título, bloco de texto, publicar)
Categorias do blog no WordPress
14 — Posts → Categorias
Biblioteca de mídia no WordPress
15 — Mídia → Enviar (imagem destacada / imagens do artigo)

Hoje o menu (Home, Sobre, Soluções, Blog, Contratar, Contato), o logo e o rodapé vêm do tema Telefer, não do Elementor.

Para editar header/rodapé visualmente no Elementor no futuro, seria necessário Elementor Pro (Theme Builder). Por enquanto, alterações de menu/header passam pelo tema.

11. Voltar ao layout antigo de uma página

Se precisar restaurar o visual PHP do tema em uma página já no Elementor:

  1. Abra a página no WordPress / Elementor.
  2. Limpe o conteúdo do builder ou desative o modo Elementor dessa página (conforme a versão do plugin).
  3. Confirme no site com ?telefer_nocache=1: sem builder ativo, o tema PHP volta a aparecer.

Em caso de dúvida, peça rollback do tema (seção abaixo) — o backup pré-Elementor está guardado.

12. Backup e rollback do tema

Antes da ponte Elementor, foi feito backup completo do tema:

Rollback de emergência (FTP):

  1. Renomeie themes/telefer → themes/telefer-elementor-wip
  2. Renomeie themes/telefer-pre-elementor-20261014 → themes/telefer
  3. Atualize o site com ?telefer_nocache=1

13. Checklist rápido

Alterar texto/imagem: Páginas → abrir → Editar com Elementor → clicar no widget Telefer → alterar no painel → Atualizar → hard refresh.

Incluir seção: buscar Telefer no painel de widgets → arrastar Hero / Formulário / Grade / Seção do tema.

Artigo do Blog: Posts → Adicionar novo → categoria oficial + imagem destacada → Publicar.

Conferir cache: acrescente ?telefer_nocache=1 na URL.

Soluções no menu: só Cloud e Telefer com IA.