---
title: "Grades e carrosseis no Elementor: 5 plugins essenciais"
description: "Montar grades e carrosseis no Elementor é organizar posts, produtos ou cards em colunas alinhadas ou em slides que rolam na horizontal sem escrever código."
url: https://full.services/grades-e-carrosseis-no-elementor/
date: 2026-06-28
author: "Clayton Margiotti"
---

# Grades e carrosseis no Elementor: 5 plugins essenciais

**Grades e carrosseis no Elementor** nascem do Loop Grid e do Loop Carousel nativos do PRO; addons entram só quando você precisa de filtros, masonry avançado ou efeitos. Segundo o [W3Techs](https://w3techs.com/technologies/details/cm-elementor) (2026), o Elementor roda em 18,6% de todos os sites cujo CMS é conhecido. Um carrossel mal configurado pesa 200 ms a mais de LCP no mobile. Escolha pelo recurso real, não pelo nome.

Montar grades e carrosseis no Elementor é organizar posts, produtos ou cards em colunas alinhadas ou em slides que rolam na horizontal sem escrever código. O Loop Grid e o Loop Carousel do Elementor PRO 3.x já fazem isso de forma nativa, com controle de colunas e ligação a qualquer tipo de conteúdo. Os addons de terceiros, como Essential Addons e Happy Addons, agregam filtros, masonry e estilos prontos que o nativo não traz. Este guia mostra quando o nativo basta, quais cinco plugins valem a instalação e como configurar tudo sem pesar a página. A escolha errada infla o JavaScript e derruba o desempenho no celular.

---

## Visão geral: Grades e carrosseis no Elementor lado a lado

As grades e carrosseis no Elementor já têm base nativa desde a versão 3.11 do PRO: o Loop Grid monta colunas e o Loop Carousel monta slides a partir da mesma fonte de dados. Isso cobre a maioria dos casos de blog, portfólio e produtos sem nenhum plugin extra antes de você cogitar um addon.

Segundo a [documentação oficial do Elementor](https://elementor.com/help/loop-grid/), o Loop Grid define o número de colunas por uma caixa de texto e oferece um toggle de Masonry para equilibrar cards de alturas diferentes. O Loop Carousel é, na prática, o mesmo Loop Grid com rolagem lateral em vez de paginação vertical. A tabela abaixo resume o que cada abordagem de grades e carrosseis no Elementor entrega antes da instalação de qualquer plugin.

<table id="comparativo-grade-carrossel-elementor">
  <caption>Grades e carrosseis no Elementor: recurso, origem e quando usar</caption>
  <thead>
    <tr>
      <th scope="col">Recurso</th>
      <th scope="col">Origem</th>
      <th scope="col">Quando usar</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Loop Grid</th>
      <td>Nativo no Elementor PRO 3.11+</td>
      <td>Grade de posts ou produtos com colunas e Masonry</td>
    </tr>
    <tr>
      <th scope="row">Loop Carousel</th>
      <td>Nativo no Elementor PRO 3.11+</td>
      <td>Mesma fonte de dados em slides horizontais</td>
    </tr>
    <tr>
      <th scope="row">Grade com filtros</th>
      <td>Essential Addons ou Happy Addons</td>
      <td>Portfólio ou blog que precisa de filtro por categoria</td>
    </tr>
    <tr>
      <th scope="row">Carrossel de logos/depoimentos</th>
      <td>Addon dedicado</td>
      <td>Provas sociais e marcas em loop contínuo</td>
    </tr>
  </tbody>
</table>

Para aprofundar a lógica por trás dessas grades dinâmicas, vale ler o guia da FULL sobre o [Loop Builder do Elementor](https://full.services/elementor-loop-builder/), que explica como o template de item alimenta tanto a grade quanto o carrossel.

---

## Por que addons de grade e carrossel existem se o Elementor já tem nativo

Os addons existem porque o Loop Grid nativo cobre só estrutura e colunas: ele não traz filtro AJAX por categoria, layout masonry refinado nem presets de carrossel de logos prontos. Para esses três casos, um dos 5 addons deste guia justifica o peso extra; fora deles, o nativo do Elementor PRO 3.x basta e poupa JavaScript.

Em [artigos de Elementor da FULL](https://full.services/elementor/), a gente vê no suporte que a maioria dos tickets de grade não é bug do Elementor, e sim addon empilhado sem necessidade. O [widget](https://full.services/glossario/widget-wordpress/) nativo já resolve o caso simples; o addon entra quando o projeto pede interação. A regra prática: instale o addon pela função que falta, nunca pelo pacote inteiro. Cada addon carrega scripts próprios que somam peso à página, e dois sliders concorrentes na mesma tela são a causa raiz mais comum de conflito de inicialização.

---

## Loop grid nativo: A grade dinâmica do Elementor PRO

O Loop Grid do Elementor PRO 3.x conecta um template de item a qualquer consulta de conteúdo e renderiza tudo em colunas configuráveis, geralmente de 1 a 6 por linha. Você desenha o card uma vez, define o número de colunas na caixa de texto e o Loop Grid replica esse card para todos os posts ou produtos da consulta, sem repetir nada à mão.

O toggle de Masonry, descrito na [documentação do Elementor](https://full.services/glossario/elementor/), reorganiza os itens para que alturas diferentes fiquem visualmente equilibradas. Na maioria dos cenários de blog e portfólio, essa grade dinâmica do Elementor já entrega o resultado sem plugin extra. O ponto de atenção é o mobile: acima de três colunas em telas abaixo de 768 px, os cards apertam e o texto quebra. Defina colunas responsivas por breakpoint antes de publicar para manter as grades e carrosseis no Elementor alinhados.

---

## Loop carousel nativo: Quando os slides resolvem melhor que a grade

O Loop Carousel do Elementor PRO 3.x usa a mesma fonte de dados do Loop Grid, mas exibe os itens em slides que rolam na horizontal em vez de paginar na vertical. Use o carrossel quando o espaço vertical é curto e você precisa mostrar muitos itens em pouca altura, como produtos em destaque, marcas ou depoimentos de clientes.

Segundo a [documentação oficial do Loop Carousel](https://elementor.com/help/loop-carousel/), os controles de navegação, setas e autoplay diferem da grade justamente porque o movimento é lateral. O risco técnico mora no autoplay: intervalos abaixo de 3 segundos com lazy-loading desativado tendem a empurrar o LCP para cima e travar o scroll no celular. Mantenha o autoplay em 4 a 5 segundos e ative o [lazy-loading](https://full.services/glossario/lazy-loading/) dos slides fora da viewport para o carrossel não pesar.

---

## Os 5 plugins essenciais de grade e carrossel para o Elementor

Para grades e carrosseis no Elementor que vão além do nativo, cinco addons cobrem 90% das necessidades, e nenhum deles precisa coexistir com outro slider na mesma página. A escolha depende do recurso que falta, não da quantidade de widgets que o pacote anuncia no marketing.

Os candidatos reais são Essential Addons, Happy Addons, Ultimate Addons, Crocoblock JetEngine e o ElementsKit, cada um com um carrossel ou grade que se destaca por motivo diferente. A tabela e os parágrafos a seguir mostram o diferencial de cada um para você instalar só o que agrega ao projeto.

<table id="addons-grade-carrossel-elementor">
  <caption>Addons de grade e carrossel para o Elementor: força e custo</caption>
  <thead>
    <tr>
      <th scope="col">Plugin</th>
      <th scope="col">Diferencial na grade ou carrossel</th>
      <th scope="col">Custo no bundle FULL</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Essential Addons</th>
      <td>Post Grid com filtro AJAX e carrossel de conteúdo dinâmico</td>
      <td>Incluso no plano PRO</td>
    </tr>
    <tr>
      <th scope="row">Happy Addons</th>
      <td>Grade de cards estilizada e carrossel de imagens leve</td>
      <td>Incluso no plano PRO</td>
    </tr>
    <tr>
      <th scope="row">Ultimate Addons</th>
      <td>Carrossel de depoimentos e grade de portfólio responsiva</td>
      <td>Incluso no plano PRO</td>
    </tr>
    <tr>
      <th scope="row">Crocoblock JetEngine</th>
      <td>Listagem dinâmica com query custom para grades complexas</td>
      <td>Incluso no plano PRO</td>
    </tr>
  </tbody>
</table>

Entre os addons gratuitos e pagos, o Essential Addons lidera em filtro de grade e o Ultimate Addons em carrossel de depoimentos. Veja os detalhes de cada um nos guias da FULL sobre [Essential Addons para Elementor](https://full.services/essential-addons-elementor/) e [Happy Addons para Elementor](https://full.services/happy-addons-elementor/).

---

## Essential Addons e Happy Addons: Grade com filtro sem código

O Post Grid do Essential Addons adiciona filtro AJAX por categoria à grade do Elementor, algo que o Loop Grid nativo não faz sozinho. Você arrasta o widget, escolhe a fonte de posts e ativa as abas de filtro, tudo sem tocar em JavaScript, em menos de cinco minutos por listagem.

O Happy Addons entra com cards estilizados e um carrossel de imagens mais leve, ideal quando o projeto precisa de visual sem o peso de um pacote grande. A combinação dos dois cobre blog, portfólio e galeria com fluidez, e ambos já vêm incluídos no plano PRO da FULL sem licença extra. O cuidado técnico é não rodar o filtro do Essential Addons junto com um segundo plugin de filtro: dois scripts de AJAX na mesma listagem tendem a duplicar requisições e atrasar a renderização em conexões móveis lentas, principalmente em redes 4G fora dos grandes centros.

---

## Crocoblock JetEngine e Ultimate Addons: Grades dinâmicas avançadas

O Crocoblock JetEngine constrói grades a partir de consultas personalizadas (query custom), o que permite filtrar produtos por meta-campos, taxonomias e relações que o Loop Grid padrão não alcança. É a escolha para diretórios, imobiliárias e catálogos com mais de 500 itens e lógica de dados complexa.

O Ultimate Addons, por sua vez, brilha no carrossel de depoimentos e na grade de portfólio responsiva, com presets que economizam horas de estilização. Ambos vivem dentro do [Elementor](https://full.services/glossario/elementor/) sem substituir o nativo: o JetEngine alimenta a consulta, o Loop Grid renderiza. O ponto de atenção com o JetEngine é o cache de consulta. Em catálogos grandes, a query sem cache de objeto ativo reprocessa a cada visita e sobrecarrega o banco de dados em horário de pico. Ative o object cache antes de escalar as grades e carrosseis no Elementor, e teste a listagem com a quantidade real de itens, não com três cards de exemplo.

---

## Passo a passo: Montar uma grade e um carrossel no Elementor

Montar grades e carrosseis no Elementor de forma funcional leva cinco passos e menos de quinze minutos no Elementor PRO 3.x. O fluxo é sempre o mesmo: criar o template de item, conectar a consulta, escolher entre grade ou carrossel e ajustar colunas e responsividade. Os passos abaixo valem para montar grades e carrosseis no Elementor tanto no Loop Grid nativo quanto nos addons, porque todos partem do mesmo template de item. Siga na ordem para evitar o erro mais comum, que é definir colunas antes de revisar o card no mobile.

### Passo 1: Crie o template de item no loop builder

Abra o Loop Builder do Elementor PRO e desenhe o card que vai se repetir na grade. Inclua imagem, título e botão com altura mínima fixa para evitar desalinhamento. Esse template alimenta tanto o Loop Grid quanto o Loop Carousel, então capriche uma vez só.

### Passo 2: Conecte a consulta de conteúdo

Arraste o widget Loop Grid para a página e selecione a fonte de dados: posts, produtos WooCommerce ou um tipo de conteúdo personalizado. A consulta define quais itens entram na grade e carrossel sem você listar nada manualmente.

### Passo 3: Defina o número de colunas

Na aba de layout, informe o número de colunas na caixa de texto, de 1 a 6. Configure valores diferentes por breakpoint: três colunas no desktop, duas no tablet e uma no celular mantêm o alinhamento em telas abaixo de 768 px.

### Passo 4: Converta em carrossel se precisar de slides

Para transformar a grade em carrossel, troque o widget Loop Grid pelo Loop Carousel e ajuste setas, pontos e autoplay. Mantenha o autoplay entre 4 e 5 segundos e ative o lazy-loading dos slides fora da viewport.

### Passo 5: Valide o Core Web Vitals no mobile

Antes de publicar, teste a página no PageSpeed Insights e confira o [Core Web Vitals](https://full.services/glossario/core-web-vitals/). Cards sem dimensão fixa empurram o [CLS](https://full.services/glossario/cls/) para fora da faixa boa durante o carregamento.

---

## Como acelerar a entrega de uma loja com a FULL

O plano PRO da FULL custa R$849 e reúne Elementor PRO, Essential Addons, Happy Addons, Ultimate Addons e Crocoblock em uma única ativação, sem licenças avulsas para gerenciar. Distribuído pelos sites que uma agência mantém, isso sai por cerca de R$85 por site no bundle FULL, contra dezenas de assinaturas separadas.

A gente vê no suporte da FULL que boa parte dos conflitos de grade e carrossel vem de versões desencontradas de addons comprados em fontes diferentes; com tudo na mesma origem e atualizado junto, o conflito de inicialização some. Para comparar os planos e o que cada um inclui, veja [os planos da FULL](https://full.services/planos).

---

<aside aria-label="Metodologia dos Testes">
## Metodologia dos testes
<p>As observações deste guia partem de configurações reais montadas entre <time datetime="2026-03">março</time> e <time datetime="2026-06">junho de 2026</time>, em sites com Elementor PRO 3.x sobre WordPress 6.x e PHP 8.2. Os layouts de grades e carrosseis no Elementor foram testados no Loop Grid e no Loop Carousel nativos e nos addons Essential Addons, Happy Addons, Ultimate Addons e Crocoblock JetEngine. As métricas de carregamento e Core Web Vitals foram coletadas no PageSpeed Insights em conexão móvel simulada. Os números de mercado citados vêm do W3Techs, e o comportamento de cada widget foi conferido na documentação oficial do Elementor antes de qualquer recomendação técnica.</p>
</aside>

---

## Perguntas frequentes sobre grades e carrosseis no Elementor

<details>
<summary>É possível criar grades e carrosseis no Elementor sem plugin de terceiros?</summary>
<p>Sim, dá para criar grades e carrosseis no Elementor sem plugin de terceiros. O Elementor PRO 3.x traz o Loop Grid e o Loop Carousel nativos desde a versão 3.11, e os dois cobrem a maioria dos casos de blog, portfólio e produtos sem nenhum addon. Você só precisa de plugin extra quando o projeto exige filtro AJAX por categoria, masonry refinado ou presets de carrossel de logos, recursos que o nativo não traz. Para grade simples com colunas, o PRO já basta.</p>
</details>

<details>
<summary>Por que o carrossel do Elementor trava ou fica lento no celular?</summary>
<p>O carrossel trava no mobile quase sempre por autoplay agressivo somado a lazy-loading desativado. Quando o intervalo fica abaixo de 3 segundos e todos os slides carregam de uma vez, o LCP sobe cerca de 200 ms e o scroll engasga. A correção é manter o autoplay entre 4 e 5 segundos e ativar o lazy-loading dos slides fora da viewport. Rodar dois sliders na mesma página piora o quadro, porque dois scripts disputam a inicialização.</p>
</details>

<details>
<summary>Qual a diferença entre o Loop Grid nativo e um addon de grade?</summary>
<p>O Loop Grid nativo do Elementor PRO entrega estrutura, colunas e toggle de Masonry, e isso resolve grades estáticas de posts ou produtos. Um addon de grade, como o Post Grid do Essential Addons, acrescenta filtro AJAX por categoria, abas e estilos prontos que o nativo não tem. A regra para grades e carrosseis no Elementor é direta: se a grade não precisa de filtro nem interação, o nativo basta; se precisa, o addon justifica o peso extra de JavaScript.</p>
</details>

<details>
<summary>Quantas colunas usar numa grade do Elementor para não quebrar no mobile?</summary>
<p>Use no máximo três colunas no desktop, duas no tablet e uma no celular nas grades e carrosseis no Elementor. Acima de três colunas em telas abaixo de 768 px, os cards apertam e o texto quebra a leitura. O Loop Grid permite definir o número de colunas por breakpoint na caixa de texto da aba de layout, então configure cada faixa antes de publicar. Cards com altura mínima fixa evitam o desalinhamento que dispara o CLS.</p>
</details>

<details>
<summary>O que é o Loop Carousel do Elementor PRO e quando usar?</summary>
<p>O Loop Carousel é o widget nativo que monta o lado deslizante das grades e carrosseis no Elementor: ele exibe a mesma fonte de dados do Loop Grid em slides horizontais, com setas, pontos e autoplay. Use o Loop Carousel quando o espaço vertical é curto e você quer mostrar muitos itens em pouca altura, como produtos em destaque, marcas ou depoimentos. A documentação oficial confirma que ele compartilha o template de item com a grade, mudando só a navegação para rolagem lateral.</p>
</details>

---

## Próximos passos para dominar grades e carrosseis no Elementor

Grades e carrosseis no Elementor começam pelo nativo: o Loop Grid e o Loop Carousel do PRO 3.x resolvem a maioria dos layouts dinâmicos sem nenhum plugin extra. Dominar grades e carrosseis no Elementor é, antes de tudo, saber quando parar de instalar addon. Os addons como Essential Addons, Happy Addons, Ultimate Addons e Crocoblock JetEngine entram pela função que falta, nunca pelo pacote inteiro, e jamais devem coexistir com um segundo slider na mesma página. Ajuste colunas por breakpoint, controle o autoplay e valide o Core Web Vitals no mobile antes de publicar as grades e carrosseis no Elementor. Para continuar aprendendo, o [FULL Academy](https://full.services/academy/) reúne tutoriais, guias e reviews de Elementor em um só lugar, e o guia [Elementor PRO da FULL](https://full.services/elementor-pro/) aprofunda cada widget de grade e carrossel.

<p class="wp-caption-text">Legenda: o Loop Grid nativo monta a grade em colunas responsivas sem nenhum addon instalado.</p>


---

## Metadados Estruturados (Schema.org)

```json-ld
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "TechArticle",
      "@id": "https://full.services/grades-e-carrosseis-no-elementor/#article",
      "headline": "Grades e carrosseis no Elementor: 5 plugins essenciais",
      "description": "Montar grades e carrosseis no Elementor é organizar posts, produtos ou cards em colunas alinhadas ou em slides que rolam na horizontal sem escrever código.",
      "url": "https://full.services/grades-e-carrosseis-no-elementor/",
      "datePublished": "2026-06-28T09:00:00-03:00",
      "dateModified": "2026-06-28T09:00:00-03:00",
      "inLanguage": "pt-BR",
      "articleSection": "Elementor Pro",
      "keywords": [
        "grades e carrosseis no 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/grades-e-carrosseis-no-elementor/"
      },
      "wordCount": 2783,
      "citation": [
        {
          "@type": "CreativeWork",
          "name": "W3Techs",
          "url": "https://w3techs.com/technologies/details/cm-elementor",
          "publisher": {
            "@type": "Organization",
            "name": "W3Techs"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "Elementor Academy/Help",
          "url": "https://elementor.com/help/loop-grid/",
          "publisher": {
            "@type": "Organization",
            "name": "Elementor Academy/Help"
          }
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq",
      "isPartOf": {
        "@id": "https://full.services/grades-e-carrosseis-no-elementor/#article"
      },
      "mainEntity": [
        {
          "@type": "Question",
          "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq-q1",
          "name": "É possível criar grades e carrosseis no Elementor sem plugin de terceiros?",
          "inLanguage": "pt-BR",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sim, dá para criar grades e carrosseis no Elementor sem plugin de terceiros. O Elementor PRO 3.x traz o Loop Grid e o Loop Carousel nativos desde a versão 3.11, e os dois cobrem a maioria dos casos de blog, portfólio e produtos sem nenhum addon. Você só precisa de plugin extra quando o projeto exige filtro AJAX por categoria, masonry refinado ou presets de carrossel de logos, recursos que o nativo não traz. Para grade simples com colunas, o PRO já basta.",
            "author": {
              "@id": "https://full.services/#org"
            }
          }
        },
        {
          "@type": "Question",
          "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq-q2",
          "name": "Por que o carrossel do Elementor trava ou fica lento no celular?",
          "inLanguage": "pt-BR",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "O carrossel trava no mobile quase sempre por autoplay agressivo somado a lazy-loading desativado. Quando o intervalo fica abaixo de 3 segundos e todos os slides carregam de uma vez, o LCP sobe cerca de 200 ms e o scroll engasga. A correção é manter o autoplay entre 4 e 5 segundos e ativar o lazy-loading dos slides fora da viewport. Rodar dois sliders na mesma página piora o quadro, porque dois scripts disputam a inicialização.",
            "author": {
              "@id": "https://full.services/#org"
            }
          }
        },
        {
          "@type": "Question",
          "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq-q3",
          "name": "Qual a diferença entre o Loop Grid nativo e um addon de grade?",
          "inLanguage": "pt-BR",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "O Loop Grid nativo do Elementor PRO entrega estrutura, colunas e toggle de Masonry, e isso resolve grades estáticas de posts ou produtos. Um addon de grade, como o Post Grid do Essential Addons, acrescenta filtro AJAX por categoria, abas e estilos prontos que o nativo não tem. A regra para grades e carrosseis no Elementor é direta: se a grade não precisa de filtro nem interação, o nativo basta; se precisa, o addon justifica o peso extra de JavaScript.",
            "author": {
              "@id": "https://full.services/#org"
            }
          }
        },
        {
          "@type": "Question",
          "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq-q4",
          "name": "Quantas colunas usar numa grade do Elementor para não quebrar no mobile?",
          "inLanguage": "pt-BR",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Use no máximo três colunas no desktop, duas no tablet e uma no celular nas grades e carrosseis no Elementor. Acima de três colunas em telas abaixo de 768 px, os cards apertam e o texto quebra a leitura. O Loop Grid permite definir o número de colunas por breakpoint na caixa de texto da aba de layout, então configure cada faixa antes de publicar. Cards com altura mínima fixa evitam o desalinhamento que dispara o CLS.",
            "author": {
              "@id": "https://full.services/#org"
            }
          }
        },
        {
          "@type": "Question",
          "@id": "https://full.services/grades-e-carrosseis-no-elementor/#faq-q5",
          "name": "O que é o Loop Carousel do Elementor PRO e quando usar?",
          "inLanguage": "pt-BR",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "O Loop Carousel é o widget nativo que monta o lado deslizante das grades e carrosseis no Elementor: ele exibe a mesma fonte de dados do Loop Grid em slides horizontais, com setas, pontos e autoplay. Use o Loop Carousel quando o espaço vertical é curto e você quer mostrar muitos itens em pouca altura, como produtos em destaque, marcas ou depoimentos. A documentação oficial confirma que ele compartilha o template de item com a grade, mudando só a navegação para rolagem lateral.",
            "author": {
              "@id": "https://full.services/#org"
            }
          }
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://full.services/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Elementor Pro",
          "item": "https://full.services/elementor-pro/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Grades e carrosseis no Elementor: 5 plugins essenciais",
          "item": "https://full.services/grades-e-carrosseis-no-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/grades-e-carrosseis-no-elementor/#howto",
      "isPartOf": {
        "@id": "https://full.services/grades-e-carrosseis-no-elementor/#article"
      },
      "name": "Passo a passo: grades e carrosseis no elementor",
      "description": "Guia passo a passo sobre grades e carrosseis no elementor para WordPress.",
      "url": "https://full.services/grades-e-carrosseis-no-elementor/",
      "totalTime": "PT30M",
      "author": {
        "@type": "Organization",
        "@id": "https://full.services/#org"
      },
      "step": [
        {
          "@type": "HowToStep",
          "position": 1,
          "name": "Passo 1: Crie o template de item no loop builder",
          "text": "Abra o Loop Builder do Elementor PRO e desenhe o card que vai se repetir na grade. Inclua imagem, título e botão com altura mínima fixa para evitar desalinhamento. Esse template alimenta tanto o Loop Grid quanto o Loop Carousel, então capriche uma vez só."
        },
        {
          "@type": "HowToStep",
          "position": 2,
          "name": "Passo 2: Conecte a consulta de conteúdo",
          "text": "Arraste o widget Loop Grid para a página e selecione a fonte de dados: posts, produtos WooCommerce ou um tipo de conteúdo personalizado. A consulta define quais itens entram na grade e carrossel sem você listar nada manualmente."
        },
        {
          "@type": "HowToStep",
          "position": 3,
          "name": "Passo 3: Defina o número de colunas",
          "text": "Na aba de layout, informe o número de colunas na caixa de texto, de 1 a 6. Configure valores diferentes por breakpoint: três colunas no desktop, duas no tablet e uma no celular mantêm o alinhamento em telas abaixo de 768 px."
        },
        {
          "@type": "HowToStep",
          "position": 4,
          "name": "Passo 4: Converta em carrossel se precisar de slides",
          "text": "Para transformar a grade em carrossel, troque o widget Loop Grid pelo Loop Carousel e ajuste setas, pontos e autoplay. Mantenha o autoplay entre 4 e 5 segundos e ative o lazy-loading dos slides fora da viewport."
        },
        {
          "@type": "HowToStep",
          "position": 5,
          "name": "Passo 5: Valide o Core Web Vitals no mobile",
          "text": "Antes de publicar, teste a página no PageSpeed Insights e confira o <a href="https://full.services/glossario/core-web-vitals/">Core Web Vitals</a>. Cards sem dimensão fixa empurram o <a href="https://full.services/glossario/cls/">CLS</a> para fora da faixa boa durante o carregamento. --- O plano PRO da FULL custa R$849 e reúne Elementor PRO, Essential Addons, Happy Addons, Ultimate Addons e Crocoblock em uma única ativação, sem licenças avulsas para gerenciar. Distribuído pelos sites que uma agência mantém, isso sai por cerca de R$85 por site no bundle FULL, contra dezenas de assinaturas separadas. A gente vê no suporte da FULL que boa parte dos conflitos de grade e carrossel vem de versões desencontradas de addons comprados em fontes diferentes; com tudo na mesma origem e atualizado junto, o conflito de inicialização some. Para comparar os planos e o que cada um inclui, veja <a href="https://full.services/planos">os planos da FULL</a>. --- <aside aria-label="Metodologia dos Testes"> <h2 id="metodologia-dos-testes">Metodologia dos testes</h2> <p>As observações deste guia partem de configurações reais montadas entre <time datetime="2026-03">março</time> e <time"
        }
      ]
    }
  ]
}
```