44 gratuitos · 68 Pro

Todos os 112 blocos do WordPress no Page Builder Sandwich

44 blocos no plugin gratuito e mais 68 no Page Builder Sandwich Pro, cada um salvo como um bloco comum do WordPress. Cada página abaixo mostra o bloco funcionando, ao vivo.

Já usou uma avaliação gratuita? Comprar agora

Layout e design

Seções, contêineres, linhas e botões que organizam uma página em qualquer tela, além de animações que permanecem estáticas para visitantes que preferem menos movimento.

Texto animado · Pro

Um parágrafo ou título que se digita sozinho, ou cujas palavras surgem gradualmente ou sobem ao entrar na tela. Fica estático para visitantes que solicitam menos movimento.

Ver o bloco Texto animado

Link de botão · Gratuito

Um link com estilo de botão.

Ver o bloco Link de botão

Contêiner · Gratuito

Uma caixa que organiza os blocos internos com flexbox ou grade. Aninhe contêineres para criar qualquer layout. Permanece legível se o plugin for desativado.

Ver o bloco Contêiner

Efeitos de cursor · Pro

Um anel, um destaque ou um rastro curto que segue o ponteiro do mouse sobre uma seção ou por toda a página. Desativado em telas sensíveis ao toque e para visitantes que solicitam menos movimento.

Ver o bloco Efeitos de cursor

Seletor de idioma · Gratuito

Permite que os visitantes leiam esta página em outro idioma, estilizado para combinar com sua página. Requer o plugin Tranzly para os idiomas.

Ver o bloco Seletor de idioma

Letreiro digital · Pro

Uma linha de textos curtos que rola pela página, com botão de pausa. Fica estática para visitantes que solicitam menos movimento.

Ver o bloco Letreiro digital

Fundo de partículas · Pro

Uma seção com pontos que flutuam lentamente atrás de seus blocos. Um quadro estático para visitantes que solicitam menos movimento.

Ver o bloco Fundo de partículas

Linha · Gratuito

Uma linha de colunas. Permanece legível se o plugin for desativado.

Ver o bloco Linha

Seção · Gratuito

Uma faixa de largura total da página que organiza seu conteúdo com flexbox ou grade. Permanece legível se o plugin for desativado.

Ver o bloco Seção

Conteúdo

Abas, sanfonas, etapas, avisos e outros blocos de construção para uma página clara e legível.

Acordeão · Gratuito

Perguntas ou seções que abrem e fecham. Opcionalmente uma de cada vez e com marcação opcional como FAQ para mecanismos de busca.

Ver o bloco Acordeão

Alerta · Grátis

Um aviso para seus visitantes: informação, sucesso, aviso ou erro, com título opcional e botão de fechar.

Ver o bloco Alerta

Distintivo · Grátis

Um rótulo curto como Novo, Oferta ou Melhor custo-benefício.

Ver o bloco Distintivo

Lista de verificação · Grátis

Uma lista de tarefas, cada uma marcada como concluída ou a fazer, em texto para leitores de tela e com um visto de seleção.

Ver o bloco Lista de verificação

Alternador de conteúdo · Pro

Uma alternância entre duas ou mais versões de um conteúdo, como preços mensais e anuais.

Ver o bloco Alternador de conteúdo

Título duplo · Grátis

Um título em duas partes, com a segunda destacada com cor, gradiente, contorno ou sublinhado.

Ver o bloco Título duplo

Lista de recursos · Grátis

Recursos em grade, cada um com ícone, título e uma breve descrição.

Ver o bloco Lista de recursos

Glossário · Grátis

Termos e suas definições, ordenados de A a Z, cada um com seu próprio link. Pode vincular a primeira menção de cada termo na página à sua definição.

Ver o bloco Glossário

Lista de ícones · Grátis

Uma lista onde cada linha começa com um ícone: uma marca de seleção, uma seta ou qualquer ícone da biblioteca.

Ver o bloco Lista de ícones

Caixa de informações · Grátis

Um ícone, um título curto, uma ou duas frases e um link opcional: para serviços, benefícios ou detalhes de contato.

Ver o bloco Caixa de informações

Modal · Grátis

Um botão que abre uma janela sobre a página, com quaisquer blocos dentro.

Ver o bloco Modal

Painel lateral (off-canvas) · Grátis

Um botão que desliza um painel a partir da lateral da janela, com quaisquer blocos dentro.

Ver o bloco Painel off-canvas

Posts · Pro

Posts, páginas, itens de portfólio ou produtos como cartões: grade, lista, alvenaria ou carrossel, com filtro de categoria e paginação ou “Carregar mais”.

Ver o bloco Posts

Mostrar mais · Pro

Conteúdo longo cortado a uma altura definida, com um botão que exibe o restante.

Ver o bloco Mostrar mais

Passos · Grátis

As etapas numeradas de um processo, em ordem, descendo pela página ou lado a lado.

Ver o bloco Passos

Abas · Grátis

Conteúdo em abas: os visitantes alternam entre os painéis pelo mouse ou teclado.

Ver o bloco Abas

Dica de contexto · Grátis

Uma palavra ou frase que exibe uma breve explicação ao passar o mouse e focar com o teclado.

Ver o bloco Dica de contexto

Marketing e vendas

Chamadas para ação, tabelas de preços, formulários, contagens regressivas, depoimentos e os blocos que transformam visitantes em clientes.

Teste A/B · Pro

Duas versões de uma seção: cada visitante vê uma, e a tela de testes A/B mostra qual converte melhor.

Ver o bloco Teste A/B

Título animado · Pro

Um título cuja palavra-chave muda, com um botão de pausa e sem movimento para visitantes que preferem menos animação.

Ver o bloco Título animado

Antes e depois · Pro

Duas imagens sobrepostas com um controle deslizante para compará-las.

Ver o bloco Antes e depois

Chamada para ação · Grátis

Um título, uma frase e um ou dois botões convidando o visitante a agir.

Ver o bloco Chamada para ação

Clique para compartilhar citação · Pro

Uma citação com um botão que abre uma publicação no X com a frase e um link para esta página.

Ver o bloco Clique para compartilhar citação

Tabela de comparação · Grátis

Planos ou produtos lado a lado, com marcas de sim e não que leitores de tela leem como palavras.

Ver o bloco Tabela de comparação

Botões de contato · Grátis

Botões para ligar, enviar e-mail, SMS ou mensagem no WhatsApp.

Ver o bloco Botões de contato

Contagem regressiva · Pro

Um cronômetro em contagem regressiva para uma data, ou uma contagem permanente que inicia quando cada visitante chega pela primeira vez.

Ver o bloco Contagem regressiva

Contador · Pro

Um número que faz contagem progressiva ao entrar em exibição, com uma legenda.

Ver o bloco Contador

Código de cupom · Pro

Um código de desconto que os visitantes revelam e copiam com um clique.

Ver o bloco Código de cupom

Card giratório · Pro

Um card que gira para mostrar mais: ao passar o cursor, ao focar pelo teclado ou com seu próprio botão em telas sensíveis ao toque.

Ver o bloco Card giratório

Formulário · Grátis

Exibe um formulário do Contact Form 7, WPForms, Gravity Forms ou Fluent Forms, estilizado para combinar com seu site.

Consulte o bloco Formulário

Formulário · Pro

Um formulário de contato, orçamento, inscrição ou em várias etapas com proteção contra spam, envio de arquivos e campos condicionais; cada envio pode ser enviado por e-mail, salvo, direcionado a um webhook ou adicionado a uma lista de e-mails.

Consulte o bloco Formulário

Pontos interativos · Pro

Uma imagem com pontos que abrem uma breve nota quando selecionados.

Ver o bloco Pontos interativos

Grade de logotipos · Pro

Logotipos de clientes ou parceiros em uma grade, cada um com um link opcional.

Ver o bloco Grade de logotipos

Carrossel contínuo de logotipos · Pro

Logotipos rolando lentamente pela tela, com botão de pausa; estáticos para visitantes que preferem menos movimento.

Ver o bloco Carrossel contínuo de logotipos

Animação Lottie · Pro

Uma animação Lottie a partir de um arquivo enviado por você, reproduzida neste site sem requisições externas.

Ver o bloco Animação Lottie

Inscrição na newsletter · Pro

Um formulário de inscrição por e-mail para Mailchimp, MailPoet ou AWeber, com uma caixa de seleção de consentimento e uma mensagem clara de sucesso ou falha.

Veja o bloco Inscrição na newsletter

Lista de preços · Pro

Itens com nome, preço e uma breve descrição, como um cardápio ou uma lista de serviços.

Veja o bloco Lista de preços

Tabela de preços · Pro

Planos lado a lado com seus preços, recursos e um botão, com uma alternância opcional entre mensal e anual.

Veja o bloco Tabela de preços

Barra promocional · Pro

Uma barra de anúncios discreta que fica fixa no topo ou na parte inferior da tela, a qual os visitantes podem fechar.

Veja o bloco Barra promocional

Notificações de vendas recentes · Pro

Pequenos avisos de pedidos reais recentes do WooCommerce ou Easy Digital Downloads: o primeiro nome do comprador e a cidade, apenas para compradores que concordaram na finalização da compra.

Veja o bloco Notificações de vendas recentes

Barra de compartilhamento · Pro

Botões para compartilhar esta página nas redes sociais, por e-mail, pelo menu de compartilhamento nativo do dispositivo ou copiando o link.

Veja o bloco Barra de compartilhamento

Ícones sociais · Grátis

Links para seus perfis, desenhados com os próprios ícones das redes.

Veja o bloco Ícones sociais

Equipe · Pro

Pessoas com foto, nome, cargo, uma breve biografia e links.

Veja o bloco Equipe

Depoimento · Grátis

Uma citação de um cliente com nome, cargo, foto e uma classificação opcional por estrelas.

Veja o bloco Depoimento

Linha do tempo · Pro

Eventos em ordem com suas respectivas datas, ao longo de uma linha.

Veja o bloco Linha do tempo

Selos de confiança · Pro

Pequenas garantias com um ícone cada: pagamento seguro, entrega grátis, devoluções fáceis.

Veja o bloco Selos de confiança

Botão de conversa do WhatsApp · Grátis

Um botão flutuante em um canto da página que abre uma conversa no WhatsApp com você.

Ver o bloco Botão de conversa do WhatsApp

Imagens, vídeo e mídia

Galerias, sliders, vídeo, áudio, mapas e modelos 3D que carregam apenas quando um visitante desejar.

Visualizador de modelo 3D · Pro

Um modelo 3D (glTF ou GLB) que os visitantes podem girar e ampliar, opcionalmente em realidade aumentada.

Ver o bloco Visualizador de modelo 3D

Reprodutor de áudio · Pro

Um reprodutor de podcast ou música: episódios, ilustrações e velocidade de reprodução em torno do próprio reprodutor do navegador.

Ver o bloco Reprodutor de áudio

Calendário de agendamento · Grátis

Um calendário de agendamento do Calendly ou Cal.com, carregado apenas quando o visitante o solicita.

Ver o bloco Calendário de agendamento

Galeria · Pro

Imagens em alvenaria (masonry), grade justificada ou uniforme, abrindo em uma lightbox acessível.

Ver o bloco Galeria

Ícone · Grátis

Um ícone SVG. O código é limpo antes de ser exibido.

Ver o bloco Ícone

Acordeão de imagens · Pro

Painéis de imagens lado a lado; aquele sob o cursor ou teclado se expande para mostrar seu texto.

Ver o bloco Acordeão de imagens

Mapa · Grátis

Um mapa de um local do OpenStreetMap: sem chave e nada é carregado do OpenStreetMap até que o visitante solicite o mapa.

Ver o bloco Mapa

Imagem com paralaxe · Pro

Uma imagem que desliza conforme a página rola. Estática para visitantes que preferem menos movimento.

Ver o bloco Imagem com paralaxe

Visualizador de PDF · Pro

Um PDF exibido na página pelo navegador, com um link para abri-lo.

Ver o bloco Visualizador de PDF

Código QR · Grátis

Um código QR para um endereço web ou qualquer texto, gerado em seu próprio site (nenhum serviço de QR é usado).

Ver o bloco Código QR

Slider · Pro

Um carrossel de slides, imagens, posts ou produtos: deslize, botões ou automático, e acessível.

Ver o bloco Slider

Galeria de vídeos · Pro

Uma grade de vídeos. O YouTube e o Vimeo carregam apenas quando o visitante clica em reproduzir, com as capas mantidas em seu site.

Ver o bloco Galeria de vídeos

Lista de reprodução de vídeo · Pro

Um reprodutor e uma lista de vídeos: seus próprios arquivos ou YouTube e Vimeo carregados apenas quando escolhidos.

Ver o bloco Lista de reprodução de vídeo

Dados, gráficos e tabelas

Gráficos, tabelas ordenáveis, avaliações, eventos e roteiros, com números legíveis para todos.

Gráfico · Pro

Um gráfico de barras, linhas ou pizza gerado no servidor, com os números em uma tabela para qualquer pessoa que não consiga ver o gráfico.

Ver o bloco Gráfico

Código · Grátis

Uma listagem de código com destaque de sintaxe, numeração de linhas e botão de copiar. Permanece legível se o plugin for desativado.

Ver o bloco Código

Tabela de dados · Pro

Uma tabela que os visitantes podem ordenar e pesquisar, e que permanece legível no celular. Cole ou importe um arquivo CSV.

Ver o bloco Tabela de dados

Eventos · Pro

Próximos eventos em formato de lista ou calendário mensal, no fuso horário do site. Eventos passados saem da lista automaticamente.

Ver o bloco Eventos

Avaliações do Google e Trustpilot · Pro

Suas avaliações do Google e Trustpilot como grade, carrossel ou selo. Atualizado uma vez por dia em segundo plano, para que as páginas nunca fiquem esperando por nenhum dos serviços.

Ver o bloco Avaliações do Google e Trustpilot

Organograma · Pro

Quem responde a quem, em uma árvore de pessoas com seus cargos e fotos.

Ver o bloco Organograma

Barra de progresso · Grátis

Uma barra rotulada que mostra o andamento de algo, como uma habilidade ou uma meta.

Ver o bloco Barra de progresso

Círculo de progresso · Pro

Um anel que se preenche até atingir um valor, com o número e o rótulo como texto real.

Ver o bloco Círculo de progresso

Loop de consulta · Pro

Liste posts, produtos, usuários, categorias ou um campo repetidor, filtrados e ordenados, com um card que você cria uma única vez. Filtros ao vivo e páginas opcionais.

Ver o bloco Laço de Consulta

Roteiro · Pro

O que está planejado, em andamento e concluído, como um quadro de três colunas ou como uma lista.

Ver o bloco Roteiro

Avaliação por estrelas · Grátis

Uma avaliação exibida em estrelas, com passos de meia estrela.

Ver o bloco Avaliação por estrelas

Construção do site e navegação

Cabeçalhos, menus, caminhos de navegação (breadcrumbs), pesquisa, caixas de autor e partes do WooCommerce para construir o site inteiro, não apenas uma página.

Caixa do autor · Pro

O autor deste post: foto, nome, biografia e links.

Ver o bloco Caixa do autor

Perfil do autor · Grátis

A foto, nome, biografia e links do autor, ou os de um usuário escolhido.

Ver o bloco Perfil do autor

Voltar ao topo · Pro

Um botão no canto da tela que leva o visitante de volta ao topo da página.

Ver o bloco Voltar ao topo

Navegação estrutural · Pro

O caminho da página inicial até esta página, com dados estruturados para mecanismos de busca.

Ver o bloco Navegação estrutural

Horário de funcionamento · Pro

Seu horário de funcionamento semanal, com uma linha “Aberto agora” calculada no fuso horário do seu site.

Ver o bloco Horário de funcionamento

Alternador de modo escuro · Pro

Um botão que alterna o site entre suas cores claras e escuras, e memoriza a escolha do visitante.

Ver o bloco Alternador de modo escuro

Entrar e registrar · Pro

O formulário de login ou cadastro do WordPress e um link para sair após iniciar a sessão.

Ver o bloco Entrar e registrar

Minicarrinho · Pro

A contagem e o valor total do carrinho do visitante, abrindo os itens contidos nele. Mantém-se atualizado após adicionar ao carrinho, mesmo em páginas em cache.

Ver o bloco Minicarrinho

Menu de navegação · Gratuito

Um menu do WordPress com itens suspensos e menu para dispositivos móveis: gaveta lateral, menu em tela cheia ou suspenso. Mega menus com o Pro.

Ver o bloco Menu de navegação

Conteúdo protegido por senha · Grátis

Blocos que apenas visitantes com a senha podem ver. Até que eles a insiram, o conteúdo não está na página de forma alguma.

Ver o bloco Conteúdo protegido por senha

Detalhes do post · Grátis

Autor, datas, categorias, tags, tempo de leitura e contagem de comentários do post.

Ver o bloco Detalhes do post

Elemento de produto · Pro

Uma parte de um produto: título, galeria, preço, avaliação, adicionar ao carrinho, abas, produtos relacionados, upsells, selo de oferta ou estoque. Mostra o produto que está sendo visualizado, o produto do loop ou um escolhido por você.

Ver o bloco Elemento de produto

Barra de progresso de leitura · Grátis

Uma barra fina na borda da janela que se preenche à medida que os visitantes rolam a página.

Ver o bloco Barra de progresso de leitura

Tempo de leitura · Pro

Quantos minutos este post leva para ser lido.

Ver o bloco Tempo de leitura

Posts relacionados · Grátis

Posts que compartilham as mesmas categorias ou tags deste post, com suas imagens, datas e resumos.

Ver o bloco Posts relacionados

Pesquisa · Pro

Uma caixa de pesquisa para este site.

Ver o bloco Pesquisa

Botões de compartilhamento · Pro

Botões que compartilham esta página nas redes sociais, por e-mail ou copiando o link.

Ver o bloco Botões de compartilhamento

Página da loja · Pro

A parte do WooCommerce de uma página de loja em um modelo: o próprio carrinho ou checkout da página (bloco ou clássico), o carrinho clássico, checkout ou Minha Conta, ou os detalhes de pedido recebido.

Ver o bloco Página da loja

Cabeçalho do site · Pro

O topo do site: logotipo, navegação e qualquer outro conteúdo, em uma ou mais linhas; opcionalmente fixo, transparente, reduzindo de tamanho ou ocultando ao rolar para baixo.

Ver o bloco Cabeçalho do site

Mapa do site · Grátis

Uma página listando todas as páginas e posts publicados (e outros conteúdos públicos), mantendo a árvore de páginas.

Ver o bloco Mapa do site

Localizador de lojas · Pro

Cada local em uma lista que os visitantes podem pesquisar ou ordenar por distância, e em um mapa OpenStreetMap que só carrega quando o visitante solicita.

Ver o bloco Localizador de lojas

Sumário · Grátis

Uma lista dos cabeçalhos na página, criada automaticamente, com links para cada um deles.

Ver o bloco Sumário

Cassino, iGaming e afiliados

Tabelas de comparação, cartões de ofertas, notas de avaliação, verificação de idade e avisos de jogo responsável para sites de afiliados e avaliações.

Botão de afiliado · Pro

Um botão para uma oferta, marcado como link patrocinado, opcionalmente por meio de um link curto que contabiliza cliques.

Ver o bloco Botão de afiliado

Verificação de idade · Pro

Solicita que os visitantes confirmem sua idade antes de visualizarem o site, com uma idade mínima por país.

Ver o bloco Verificação de idade

Tabela de comparação de cassinos · Pro

Ofertas comparadas lado a lado, cada uma com seu bônus, avaliação, destaques, botão e termos.

Ver o bloco Tabela de comparação de cassinos

Preços de criptomoedas · Pro

Preços de criptomoedas do CoinGecko, em formato de ticker, cartões ou gráfico de preços.

Ver o bloco Preços de criptomoedas

Cartão de oferta · Pro

Uma oferta: logotipo, bônus, destaques, um botão patrocinado, seus termos e um aviso de idade.

Ver o bloco Cartão de oferta

Prós e contras · Pro

Duas listas lado a lado: o que é bom e o que não é.

Ver o bloco Prós e contras

Aviso de jogo responsável · Pro

Uma mensagem de jogo responsável e link de ajuda, escolhidos de acordo com o país do visitante.

Ver o bloco Aviso de jogo responsável

Pontuação de avaliação · Pro

Uma pontuação geral, pontuações para cada critério e um veredito.

Ver o bloco Pontuação de avaliação

Widgets e add-ons

Seus widgets existentes do WordPress e os complementos criados para versões anteriores, dentro do novo construtor.

Shortcode (add-on) · Grátis

Um shortcode de um add-on criado para o editor clássico do Page Builder Sandwich, com as configurações declaradas pelo add-on.

Ver o bloco Shortcode (add-on)

Widget · Grátis

Mostra um dos widgets clássicos cadastrados no site.

Ver o bloco Widget

Área de widgets · Grátis

Mostra os widgets em uma das áreas de widgets do tema.

Ver o bloco Área de widgets

Dúvidas sobre os blocos

Quantos blocos o Page Builder Sandwich tem?

112: 44 no plugin gratuito e 68 no Page Builder Sandwich Pro. Os blocos que só existem dentro de outro, como um item de sanfona ou uma aba, são contados com o bloco pai.

Eles são blocos reais do WordPress?

Sim. Cada página é salva como blocos comuns do WordPress, não como shortcodes ou em um formato proprietário, para que seu conteúdo continue legível pelo WordPress mesmo se você desativar o plugin.

Tantos blocos vão deixar meu site lento?

Não. Uma página carrega apenas os estilos dos blocos presentes nela, a partir do seu próprio site, portanto um bloco que você não usa não custa nada aos seus visitantes.

Pessoas que usam teclado ou leitor de tela conseguem usá-los?

Sim. Abas, acordeões, menus, controles deslizantes e caixas de diálogo funcionam com o teclado, gráficos e tabelas são lidos como palavras e blocos em movimento permanecem parados para visitantes que solicitam menos movimento. O verificador de acessibilidade integrado sinaliza descrições de imagens ausentes e contraste de cores fraco enquanto você constrói.