--- title: "Como criar um dashboard customizado com Crocoblock e Elementor" description: "Criar um dashboard customizado com Crocoblock e Elementor é montar uma área logada própria, onde o JetEngine entrega os dados dinâmicos de cada pessoa." url: https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/ date: 2026-06-21 author: "Clayton Margiotti" --- # Como criar um dashboard customizado com Crocoblock e Elementor No seu site WordPress, **criar um dashboard customizado com Crocoblock e Elementor** é usar o JetEngine para puxar os dados de cada usuário e o Elementor Pro para montar a página dele. Segundo a [documentação do WordPress](https://developer.wordpress.org/), áreas logadas devem filtrar conteúdo pelo usuário atual. O erro mais comum é montar a página bonita e esquecer o filtro de usuário corrente, deixando todo mundo ver os dados de todos. Criar um dashboard customizado com Crocoblock e Elementor é montar uma área logada própria, onde o JetEngine entrega os dados dinâmicos de cada pessoa e o Elementor Pro entrega o layout, sem depender do painel padrão do WordPress nem de um plugin de membros fechado. O JetEngine cuida das listagens, dos campos e da visibilidade por usuário, enquanto o Elementor desenha a tela. O resultado é um [dashboard](https://full.services/glossario/dashboard-wordpress/) com a cara da sua marca, mostrando a cada usuário só os dados dele. Este guia faz parte do hub de [Elementor Pro da FULL](https://full.services/elementor-pro/) e mostra o passo a passo real, da fonte de dados ao filtro de usuário corrente. --- ## O que é um dashboard customizado com Crocoblock e Elementor Um dashboard customizado com Crocoblock e Elementor é uma página de front-end, fora do `wp-admin`, onde o usuário logado vê e gerencia só os próprios dados: o JetEngine monta as listagens filtradas pelo usuário atual e o [Elementor](https://full.services/glossario/elementor/) desenha cada bloco da tela. O Crocoblock entrega a engrenagem dinâmica, e o Elementor entrega o design. Na prática, você define qual dado o painel mostra, um Custom Post Type, os campos de perfil ou os pedidos, e monta um Listing Grid do JetEngine que filtra por usuário corrente dentro de um template do Elementor. Assim, cada pessoa abre a mesma URL e enxerga um conteúdo diferente, o seu. Nos atendimentos da FULL sobre [Crocoblock com Elementor Pro](https://full.services/crocoblock-com-elementor-pro-a-combinacao-definitiva/), o tropeço campeão é montar a listagem sem o filtro de usuário atual, o que faz o painel mostrar os dados de todos os usuários para qualquer um.

Legenda: o JetEngine filtra os dados por usuário e o Elementor desenha a tela do painel.

## Quando vale um dashboard próprio em vez do painel padrão Vale criar um dashboard próprio quando os usuários precisam de uma área logada com a cara da marca, quando o `wp-admin` é complexo demais para o público final ou quando você quer mostrar dados dinâmicos que o painel padrão não exibe, e vale ficar no padrão quando só a equipe interna acessa o site. O painel customizado rende quando o usuário final é cliente, aluno ou membro. Use este teste antes de construir. Diga SIM ao dashboard próprio se pessoas de fora da sua equipe fazem login e precisam ver dados só delas, como pedidos, cursos ou cadastros. Diga NÃO se apenas administradores acessam, porque aí o `wp-admin` já resolve e o esforço de montar a área não se paga. O encaixe ideal é o site com área de membros, portal de cliente ou painel de aluno. Para entender o ecossistema antes de assumir o trabalho, o guia [Crocoblock vale a pena](https://full.services/crocoblock-vale-a-pena-veja-como-usar-com-elementor/) ajuda a decidir. ## Pré-requisitos antes de montar o dashboard Antes de montar o dashboard você precisa de quatro peças no lugar, o Elementor Pro ativo, porque o Theme Builder e a visibilidade dinâmica dependem da versão paga, o JetEngine do Crocoblock instalado, a fonte de dados definida, e um sistema de login para os usuários acessarem, e a falta de qualquer uma trava a montagem da área logada. Sem o JetEngine, não há Listing Grid nem filtro por usuário. Checklist de prontidão antes de começar: - Elementor Pro ativo, que habilita o Theme Builder e a visibilidade dinâmica. - JetEngine do Crocoblock instalado e ativado. - A fonte de dados definida: um CPT, campos de perfil ou os pedidos do WooCommerce. - Um sistema de login e registro para os usuários entrarem. - Os campos meta criados no JetEngine para o dado que o painel mostra. - Um usuário de teste com dados reais para validar o filtro. - Backup do site antes de publicar a nova área. Pense no conjunto como uma agência bancária: o JetEngine é o sistema que sabe qual conta é de quem, o Elementor é o balcão e a decoração, e o filtro de usuário corrente é o crachá que garante que cada cliente só veja o próprio extrato. Sem o crachá, todos enxergam a conta de todos. ## Como criar o dashboard customizado em 5 passos Criar o dashboard customizado segue cinco passos, da fonte de dados ao filtro de usuário corrente, e respeitar a ordem evita o erro mais comum: publicar a área sem o filtro, expondo os dados de todos. Cada passo isola uma camada, do dado à segurança. Confirme antes que o Elementor Pro e o JetEngine estão ativos, porque o painel depende dos dois juntos.
Dashboard com Crocoblock e Elementor: etapas, objetivo e validação
Etapa Objetivo Check de validação
Definir a fonte de dados Saber o que mostrar CPT ou campos criados no JetEngine
Criar o template da página Desenhar a tela Template salvo no Elementor
Adicionar o Listing Grid Listar os dados Listagem exibindo registros
Filtrar pelo usuário atual Isolar cada pessoa Cada usuário vê só o que é dele
Testar com um usuário real Confirmar o acesso Login de teste mostra os dados certos
### Passo 1: Defina a fonte de dados no JetEngine No JetEngine, decida e crie a fonte de dados que o painel vai mostrar, um Custom Post Type para conteúdo dos usuários, campos meta de perfil ou os pedidos já existentes, porque sem dado estruturado não há o que listar no dashboard. Crie o CPT e os campos meta que cada registro precisa carregar, conforme a [documentação dos plugins do WordPress](https://wordpress.org/plugins/). Esse mapa de dados é a fundação: ele define o que cada usuário vai ver e quais campos a tela vai exibir. Pular esta etapa leva a um painel bonito sem nada relevante dentro, então invista tempo aqui antes de abrir o Elementor. ### Passo 2: Crie o template da página no Elementor No Theme Builder do Elementor Pro, crie um template de página única para o dashboard e monte a estrutura visual com seções para boas-vindas, dados e ações, porque é esse template que vira a tela que o usuário logado vê. Defina o cabeçalho, as colunas e os espaços onde a listagem dinâmica vai entrar no próximo passo. Mantenha o layout limpo, com o essencial do que a pessoa precisa fazer na área. Salve o template e prepare a condição de exibição para a página do dashboard. Uma tela organizada reduz a confusão de quem acessa, então priorize a clareza sobre o excesso de widgets nesta etapa. ### Passo 3: Adicione o listing grid do JetEngine Dentro do template, adicione o widget Listing Grid do JetEngine apontando para a fonte de dados do passo 1, porque é ele que transforma os registros em cards visuais na tela do usuário. Crie um Listing Item que define como cada registro aparece, com os campos dinâmicos puxados do JetEngine, e arraste o Listing Grid para a seção reservada no template. Nesse ponto a listagem ainda mostra todos os registros, o que é esperado, porque o filtro por usuário vem só no passo seguinte. Confirme que os cards exibem os dados certos antes de avançar, ajustando colunas e campos até a tela ficar legível. ### Passo 4: Filtre pelo usuário atual Configure o Listing Grid para filtrar pelo usuário corrente, usando a query do JetEngine com o autor ou o campo de relação que liga cada registro ao seu dono, porque esse é o passo que isola os dados e impede que uma pessoa veja o conteúdo de outra. Sem esse filtro, o painel expõe tudo de todos, o erro mais grave da montagem. Ajuste a query para Current User e aplique a visibilidade dinâmica nos blocos que só certos perfis podem ver. Esse filtro é a diferença entre um dashboard seguro e um vazamento de dados, então teste com dois usuários diferentes para garantir que cada um vê apenas o que lhe pertence. ### Passo 5: Teste com um usuário real Faça login com um usuário de teste comum, sem ser administrador, e confira que o dashboard mostra só os dados daquela conta, porque só o acesso real prova que o filtro de usuário corrente funciona como deveria. Crie registros para dois usuários distintos e alterne entre eles para confirmar o isolamento. Verifique também no celular, já que boa parte dos acessos a áreas logadas acontece no mobile. Se a página do Elementor entra em conflito com o tema e quebra o cabeçalho, veja como corrigir o [conflito de header entre Elementor e Astra](https://full.services/wp-fixer/corrigir-conflito-header-elementor-astra/) antes de liberar a área aos usuários.

Legenda: cada passo monta uma camada, da fonte de dados ao filtro de usuário testado.

## Erros comuns ao montar o dashboard Os três erros mais comuns ao montar o dashboard são esquecer o filtro de usuário corrente, sobrecarregar a tela com listagens pesadas e ignorar a condição de exibição da página. O primeiro é o mais grave: a listagem fica pronta, mas, sem a query de usuário atual, cada pessoa vê os dados de todo mundo, o que é uma falha de privacidade séria numa área logada. O segundo erro é empilhar muitas listagens e widgets dinâmicos na mesma tela, o que deixa o painel lento justamente para o usuário que acessa todo dia. A correção é paginar as listagens e mostrar só o essencial de cara. O terceiro caso é a página do dashboard sem condição de exibição clara, ficando acessível a quem não está logado. Quando um conflito entre o construtor e o tema trava o login da área, vale ver como corrigir o [conflito entre Astra Pro e Elementor Pro](https://full.services/wp-fixer/corrigir-conflito-astra-pro-elementor-pro/), que costuma estar por trás do acesso quebrado. ## Como manter o dashboard em produção Manter o dashboard em produção exige cuidar de duas frentes, a performance das listagens dinâmicas e a integridade do filtro de usuário a cada atualização, porque uma listagem sem paginação derruba a velocidade e uma atualização do JetEngine ou do Elementor pode alterar o comportamento da query. A área logada é usada com frequência, então qualquer lentidão ou vazamento de dado afeta a confiança do usuário direto. Monitore o tempo de carregamento do painel, porque listagens com muitos registros pesam e precisam de paginação e cache para responder rápido. Depois de cada atualização do JetEngine ou do Elementor Pro, refaça o teste de login com dois usuários para garantir que o filtro de usuário corrente continua isolando os dados. Para somar filtros e buscas ao painel sem reescrever a query, o guia de [sistemas de filtros no Elementor](https://full.services/como-criar-sistemas-de-filtros-no-elementor-com-plugins-extras/) mostra como o JetSmartFilters trabalha junto com a listagem. ## Como a FULL faz isso em escala A FULL padroniza a montagem de dashboards com Crocoblock porque acompanha mais de 150 mil sites WordPress, e áreas de membros, portais de cliente e painéis de aluno aparecem o tempo todo, onde remontar a listagem filtrada por usuário em cada projeto vira gargalo. Em vez de licença avulsa do Crocoblock por instalação, a suíte entra no bundle e o padrão de dashboard fica replicável de um site para outro. No plano PRO da FULL, por [R$849](https://full.services/planos), o Crocoblock e o Elementor Pro já vêm no pacote para até dez sites, o que dá R$85 por site em vez de pagar cada licença separada. Para quem monta vários portais, a gente vê isso trocar um custo recorrente espalhado por um padrão único: o mesmo template de dashboard e a mesma query de usuário corrente são exportados e reaproveitados de um projeto para outro, sem refazer a área logada do zero a cada cliente. É a economia que só aparece quando o stack é o mesmo em toda a base. ## Checklist final do dashboard O checklist final do dashboard confirma, em uma passada, que a área mostra os dados certos e isola cada usuário antes de você liberar o acesso. Rode esta lista depois do passo 5 e a cada atualização grande do JetEngine ou do Elementor, porque é nessas atualizações que o comportamento da query costuma mudar. Antes de declarar pronto, confirme: - A fonte de dados no JetEngine está criada e populada com registros reais. - O template do dashboard está salvo e com a condição de exibição correta. - O Listing Grid exibe os campos dinâmicos como planejado. - A query filtra pelo usuário corrente e cada pessoa vê só o que é dela. - O teste com dois usuários distintos confirma o isolamento dos dados. - O painel carrega rápido, com listagens paginadas. - A área funciona bem no celular, não só no desktop. Se qualquer item falhar, principalmente o filtro de usuário, volte ao passo correspondente antes de abrir a área ao público. ## Perguntas frequentes sobre dashboard customizado com Crocoblock e Elementor
Preciso do Elementor Pro para criar o dashboard com Crocoblock?

Para o controle completo, sim. O Theme Builder e a visibilidade dinâmica, que montam a tela e escondem blocos por perfil, são recursos do Elementor Pro. O JetEngine do Crocoblock entrega as listagens e a query de usuário, mas precisa do template do Elementor Pro para virar a página do dashboard. A versão gratuita do Elementor monta páginas comuns, mas não assume os templates dinâmicos da área logada. Para um painel próprio com dados filtrados por usuário, a dupla Elementor Pro e JetEngine é o que destrava a montagem completa.

Como garanto que cada usuário veja só os próprios dados?

O segredo está na query do Listing Grid filtrada pelo usuário corrente. Você configura o JetEngine para mostrar apenas os registros cujo autor ou campo de relação aponta para o usuário logado, usando a opção Current User na consulta. Sem esse filtro, a listagem mostra todos os registros para qualquer pessoa, que é a falha mais grave do dashboard. Sempre teste com dois usuários diferentes, alternando o login, para confirmar que o isolamento funciona antes de liberar a área ao público e expor dados sensíveis.

Por que o dashboard com muitas listagens fica lento?

Fica lento porque cada Listing Grid faz uma consulta ao banco, e várias listagens pesadas na mesma tela somam carga na área que o usuário abre todo dia. A causa é a falta de paginação, não o JetEngine em si. Para resolver, pagine os resultados, limite quantos cards aparecem de início e apoie o painel com cache. Prefira mostrar o essencial de cada usuário em destaque e carregar o resto sob demanda; um dashboard enxuto responde rápido mesmo com muitos registros por trás.

É possível o usuário editar os próprios dados sem entrar no wp-admin?

Sim, com os formulários do JetEngine ou o JetFormBuilder dentro do template do Elementor. Você adiciona um formulário de edição que carrega o registro atual e grava as alterações de volta no mesmo post, porque o JetForm escreve direto no campo meta sem abrir o painel. Combine com a visibilidade dinâmica para mostrar o botão de editar só ao dono do registro. Use esse caminho quando quiser que o dashboard deixe de ser só leitura e vire uma área de gestão dos próprios dados.

Quando vale conectar o dashboard à área de membros do WooCommerce?

Vale quando os usuários já são clientes da loja e precisam ver pedidos, downloads e cadastro num só lugar com a sua marca. O JetEngine lê os pedidos e os dados do cliente do WooCommerce, então o painel mostra a cada pessoa só o histórico dela, filtrado pelo usuário corrente. Prefira esse caminho a deixar o cliente no painel padrão da loja quando a identidade visual importa. Se o carrinho quebrar ao montar a área, veja como corrigir o [carrinho do WooCommerce com o Elementor Pro](https://full.services/wp-fixer/corrigir-cart-woocommerce-elementor-pro/).

## Próximos passos para uma área logada com a sua identidade Criar um dashboard customizado com Crocoblock e Elementor é, no fundo, dar ao usuário uma área própria sem perder o controle dos dados: defina a fonte no JetEngine, monte a tela no Elementor, adicione o Listing Grid e, acima de tudo, filtre pelo usuário corrente para isolar cada pessoa. O filtro esquecido é o que transforma um painel útil num vazamento de dados, então confirme que ele está ativo. Para padronizar o Crocoblock e o Elementor Pro em vários sites sem licença avulsa, conheça os [planos da FULL](https://full.services/planos), e para continuar aprendendo, o [FULL Academy](https://full.services/academy/) reúne os tutoriais de WordPress em um só lugar. --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "TechArticle", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#article", "headline": "Como criar um dashboard customizado com Crocoblock e Elementor", "description": "Criar um dashboard customizado com Crocoblock e Elementor é montar uma área logada própria, onde o JetEngine entrega os dados dinâmicos de cada pessoa e o Elementor Pro entrega o layout, sem depender ", "url": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/", "datePublished": "2026-06-21T09:00:00-03:00", "dateModified": "2026-06-21T09:00:00-03:00", "inLanguage": "pt-BR", "articleSection": "Elementor Pro", "keywords": [ "criar dashboard customizado com crocoblock e elementor", "Elementor", "WordPress Page Builders", "Web Design" ], "author": { "@id": "https://full.services/#person-clayton" }, "publisher": { "@id": "https://full.services/#org" }, "about": [ { "@type": "Thing", "name": "Elementor", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Thing", "name": "WordPress Page Builders" }, { "@type": "Thing", "name": "Web Design" } ], "mentions": [ { "@type": "Organization", "name": "Elementor", "url": "https://elementor.com/", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Organization", "name": "WordPress", "url": "https://wordpress.org/", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" } ], "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/" }, "wordCount": 2891, "citation": [ { "@type": "CreativeWork", "name": "WordPress Developer Docs", "url": "https://developer.wordpress.org/", "publisher": { "@type": "Organization", "name": "WordPress Developer Docs" } }, { "@type": "CreativeWork", "name": "WordPress.org Plugins", "url": "https://wordpress.org/plugins/", "publisher": { "@type": "Organization", "name": "WordPress.org Plugins" } } ] }, { "@type": "FAQPage", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq", "isPartOf": { "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#article" }, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq-q1", "name": "Preciso do Elementor Pro para criar o dashboard com Crocoblock?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Para o controle completo, sim. O Theme Builder e a visibilidade dinâmica, que montam a tela e escondem blocos por perfil, são recursos do Elementor Pro. O JetEngine do Crocoblock entrega as listagens e a query de usuário, mas precisa do template do Elementor Pro para virar a página do dashboard. A versão gratuita do Elementor monta páginas comuns, mas não assume os templates dinâmicos da área logada. Para um painel próprio com dados filtrados por usuário, a dupla Elementor Pro e JetEngine é o que destrava a montagem completa.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq-q2", "name": "Como garanto que cada usuário veja só os próprios dados?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O segredo está na query do Listing Grid filtrada pelo usuário corrente. Você configura o JetEngine para mostrar apenas os registros cujo autor ou campo de relação aponta para o usuário logado, usando a opção Current User na consulta. Sem esse filtro, a listagem mostra todos os registros para qualquer pessoa, que é a falha mais grave do dashboard. Sempre teste com dois usuários diferentes, alternando o login, para confirmar que o isolamento funciona antes de liberar a área ao público e expor dados sensíveis.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq-q3", "name": "Por que o dashboard com muitas listagens fica lento?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Fica lento porque cada Listing Grid faz uma consulta ao banco, e várias listagens pesadas na mesma tela somam carga na área que o usuário abre todo dia. A causa é a falta de paginação, não o JetEngine em si. Para resolver, pagine os resultados, limite quantos cards aparecem de início e apoie o painel com cache. Prefira mostrar o essencial de cada usuário em destaque e carregar o resto sob demanda; um dashboard enxuto responde rápido mesmo com muitos registros por trás.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq-q4", "name": "É possível o usuário editar os próprios dados sem entrar no wp-admin?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, com os formulários do JetEngine ou o JetFormBuilder dentro do template do Elementor. Você adiciona um formulário de edição que carrega o registro atual e grava as alterações de volta no mesmo post, porque o JetForm escreve direto no campo meta sem abrir o painel. Combine com a visibilidade dinâmica para mostrar o botão de editar só ao dono do registro. Use esse caminho quando quiser que o dashboard deixe de ser só leitura e vire uma área de gestão dos próprios dados.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#faq-q5", "name": "Quando vale conectar o dashboard à área de membros do WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Vale quando os usuários já são clientes da loja e precisam ver pedidos, downloads e cadastro num só lugar com a sua marca. O JetEngine lê os pedidos e os dados do cliente do WooCommerce, então o painel mostra a cada pessoa só o histórico dela, filtrado pelo usuário corrente. Prefira esse caminho a deixar o cliente no painel padrão da loja quando a identidade visual importa. Se o carrinho quebrar ao montar a área, veja como corrigir o carrinho do WooCommerce com o Elementor Pro .", "author": { "@id": "https://full.services/#org" } } } ] }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://full.services/" }, { "@type": "ListItem", "position": 2, "name": "Como criar um dashboard customizado com Crocoblock e Elementor", "item": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/" } ] }, { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services", "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)", "Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)" ], "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "Person", "@id": "https://full.services/#person-clayton", "name": "Clayton Margiotti", "givenName": "Clayton", "familyName": "Margiotti", "jobTitle": "Fundador e CEO da FULL Services", "description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).", "url": "https://full.services/sobre-nos/", "image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg", "sameAs": [ "https://www.linkedin.com/in/cmargiotti/" ], "knowsAbout": [ "Artificial Intelligence", "Cybersecurity", "CVE Program", "WordPress Enterprise", "SaaS Platforms", "Digital Infrastructure", "Technology Entrepreneurship", "Company Building", "Business Leadership", "Digital Growth" ], "hasOccupation": { "@type": "Occupation", "name": "Fundador e CEO", "occupationalCategory": "11-1011.00" }, "knowsLanguage": [ { "@type": "Language", "name": "Portuguese", "alternateName": "pt-BR" }, { "@type": "Language", "name": "English", "alternateName": "en" } ], "memberOf": { "@type": "Organization", "name": "CVE Numbering Authorities", "url": "https://www.cve.org/", "sameAs": "https://www.cve.org/" }, "alumniOf": [ { "@type": "EducationalOrganization", "name": "Global Scaling Academy (Blitzscaling Program)", "url": "https://www.blitzscalingacademy.com" }, { "@type": "EducationalOrganization", "name": "Esade", "url": "https://www.esade.edu" }, { "@type": "EducationalOrganization", "name": "Business School Sao Paulo (BSP)", "url": "https://bsp.edu.br/" }, { "@type": "EducationalOrganization", "name": "Tera", "url": "https://somostera.com" }, { "@type": "EducationalOrganization", "name": "Le Wagon", "url": "https://www.lewagon.com" }, { "@type": "EducationalOrganization", "name": "FIAP", "url": "https://www.fiap.com.br" }, { "@type": "EducationalOrganization", "name": "PUCRS", "url": "https://online.pucrs.br/" } ], "award": [ "Digital Disruptor – Engaging Experiences Master (Globant, 2021)", "Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)", "1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)", "Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)", "Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)", "Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)", "Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)" ], "subjectOf": [ { "@type": "NewsArticle", "url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners", "publisher": { "@type": "Organization", "name": "Globant" } }, { "@type": "NewsArticle", "url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html", "publisher": { "@type": "Organization", "name": "PR Newswire" } }, { "@type": "NewsArticle", "url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas", "publisher": { "@type": "Organization", "name": "Segs" } }, { "@type": "NewsArticle", "url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao", "publisher": { "@type": "Organization", "name": "Franquia Educacional" } }, { "@type": "NewsArticle", "url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd", "publisher": { "@type": "Organization", "name": "Acontecendo Aqui" } } ], "worksFor": { "@type": "Organization", "@id": "https://full.services/#org" } }, { "@type": "HowTo", "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#howto", "isPartOf": { "@id": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/#article" }, "name": "Passo a passo: criar dashboard customizado com crocoblock e elementor", "description": "Guia passo a passo sobre criar dashboard customizado com crocoblock e elementor para WordPress.", "url": "https://full.services/criar-dashboard-customizado-com-crocoblock-e-elementor/", "totalTime": "PT30M", "author": { "@type": "Organization", "@id": "https://full.services/#org" }, "step": [ { "@type": "HowToStep", "position": 1, "name": "Passo 1: Defina a fonte de dados no JetEngine", "text": "No JetEngine, decida e crie a fonte de dados que o painel vai mostrar, um Custom Post Type para conteúdo dos usuários, campos meta de perfil ou os pedidos já existentes, porque sem dado estruturado não há o que listar no dashboard. Crie o CPT e os campos meta que cada registro precisa carregar, conforme a documentação dos plugins do WordPress. Esse mapa de dados é a fundação: ele define o que cada usuário vai ver e quais campos a tela vai exibir. Pular esta etapa leva a um painel bonito sem nada relevante dentro, então invista tempo aqui antes de abrir o Elementor." }, { "@type": "HowToStep", "position": 2, "name": "Passo 2: Crie o template da página no Elementor", "text": "No Theme Builder do Elementor Pro, crie um template de página única para o dashboard e monte a estrutura visual com seções para boas-vindas, dados e ações, porque é esse template que vira a tela que o usuário logado vê. Defina o cabeçalho, as colunas e os espaços onde a listagem dinâmica vai entrar no próximo passo. Mantenha o layout limpo, com o essencial do que a pessoa precisa fazer na área. Salve o template e prepare a condição de exibição para a página do dashboard. Uma tela organizada reduz a confusão de quem acessa, então priorize a clareza sobre o excesso de widgets nesta etapa." }, { "@type": "HowToStep", "position": 3, "name": "Passo 3: Adicione o listing grid do JetEngine", "text": "Dentro do template, adicione o widget Listing Grid do JetEngine apontando para a fonte de dados do passo 1, porque é ele que transforma os registros em cards visuais na tela do usuário. Crie um Listing Item que define como cada registro aparece, com os campos dinâmicos puxados do JetEngine, e arraste o Listing Grid para a seção reservada no template. Nesse ponto a listagem ainda mostra todos os registros, o que é esperado, porque o filtro por usuário vem só no passo seguinte. Confirme que os cards exibem os dados certos antes de avançar, ajustando colunas e campos até a tela ficar legível." }, { "@type": "HowToStep", "position": 4, "name": "Passo 4: Filtre pelo usuário atual", "text": "Configure o Listing Grid para filtrar pelo usuário corrente, usando a query do JetEngine com o autor ou o campo de relação que liga cada registro ao seu dono, porque esse é o passo que isola os dados e impede que uma pessoa veja o conteúdo de outra. Sem esse filtro, o painel expõe tudo de todos, o erro mais grave da montagem. Ajuste a query para Current User e aplique a visibilidade dinâmica nos blocos que só certos perfis podem ver. Esse filtro é a diferença entre um dashboard seguro e um vazamento de dados, então teste com dois usuários diferentes para garantir que cada um vê apenas o que lhe pertence." }, { "@type": "HowToStep", "position": 5, "name": "Passo 5: Teste com um usuário real", "text": "Faça login com um usuário de teste comum, sem ser administrador, e confira que o dashboard mostra só os dados daquela conta, porque só o acesso real prova que o filtro de usuário corrente funciona como deveria. Crie registros para dois usuários distintos e alterne entre eles para confirmar o isolamento. Verifique também no celular, já que boa parte dos acessos a áreas logadas acontece no mobile. Se a página do Elementor entra em conflito com o tema e quebra o cabeçalho, veja como corrigir o conflito de header entre Elementor e Astra antes de liberar a área aos usuários.

Legenda: cada passo monta uma camada, da fonte de dados ao filtro de usuário testado.

Os três erros mais comuns ao montar o dashboard são esquecer o filtro de usuário corrente, sobrecarregar a tela com listagens pesadas e ignorar a condição de exibição da página. O primeiro é o mais grave: a listagem fica pronta, mas, sem a query de usuário atual, cada pessoa vê os dados de todo mundo, o que é uma falha de privacidade séria numa área logada. O segundo erro é empilhar muitas listagens e widgets" } ] } ] } ```