Otter Blocks – Blocos avançados, construtor de páginas e edição completa de site

Descrição

O Otter é um plugin construtor de páginas baseado em blocos que adiciona funcionalidades extras ao Editor de blocos do WordPress (também conhecido como Gutenberg), proporcionando uma experiência de criação de páginas aprimorada, sem a necessidade de construtores de páginas tradicionais como Elementor e Divi.

Links rápidos 🔗

• Quer ver o Otter Blocks em ação antes de instalar? VEJA A DEMO DO OTTER BLOCKS
• Novato no Editor de blocos? Confira nosso artigo sobre o GUTENBERG EXPLICADO
• Precisa de ajuda com a configuração? Confira nossa DOCUMENTAÇÃO
• Interessado na versão premium? Aqui estão mais detalhes sobre o OTTER PRO

Com o Otter Blocks, você tem acesso a

• Mais de 20 blocos extras para o Gutenberg
• Coleção de padrões
• Modelos de páginas completas
• Condições de visibilidade
• CSS personalizado
• Animações
• Conteúdo dinâmico e mais

E isso para todos os blocos presentes no seu site, incluindo blocos de terceiros!

O recurso CSS personalizado permite configurar diretamente estilos CSS de qualquer bloco na página, enquanto o recurso de animação torna rápida e fácil a adição de animações a qualquer bloco, realçando o visual dos diversos blocos e seções da sua página.

Com o recurso Condições de visibilidade do Otter, você pode definir quais condições devem ser atendidas para que os blocos escolhidos sejam exibidos na página.

A biblioteca de padrões contém uma variedade de elementos em diversos estilos para ajudar você a criar páginas incríveis. Ela abrange todas as áreas mais importantes do seu site: cabeçalhos, depoimentos, tabelas de preços, seções e muito mais.

Confira esta apresentação rápida do Otter Blocks

Como o Otter Blocks pode lhe ajudar? 🤔

Um plugin de blocos do Gutenberg para WordPress

O Otter adiciona mais de 26 blocos incríveis e úteis para tornar a criação de páginas no Editor de blocos muito mais fácil!

Mais do que simples blocos, você precisa de opções avançadas de personalização para ter controle sobre o estilo e a aparência. Com Otter, você tem tudo.

Cada bloco pode ser personalizado para ajudar você a estilizar seu site de acordo com suas ideias:

• Controles de cor para elementos primários, destaques e planos de fundo.
• Animações de recuo, pulo, esmaecimento, virada, rotação, deslizamento, rolagem, velocidade da luz e muito mais, ao clique de um botão.
• Controles de tipografia desde o espaçamento até a escolha da fonte.

Seu assistente de IA para o Editor de blocos

O Otter traz a IA diretamente para o editor de blocos para ajudar você a criar, não apenas editar. Descreva o que você deseja e o Otter irá construir como blocos reais e editáveis.

• Gerador de Conteúdo com IA: Crie uma seção completa ou uma página inteira a partir de um comando simples usando o Bloco de IA. Escolha um tipo como seção “Hero”, Recursos, Preços, Depoimentos ou Chamada para ação, ou descreva o que você deseja. O Otter adapta o conteúdo às cores do seu tema e ao estilo atual da página, garantindo que o resultado esteja alinhado à identidade da sua marca.

• Barra de ferramentas de IA: Selecione qualquer texto para reescrever, resumir, expandir, encurtar, traduzir, alterar o tom, corrigir a gramática ou simplificá-lo, tudo isso sem sair da página. Você também pode criar suas próprias ações personalizadas com seus próprios comandos e reorganizar a barra de ferramentas de acordo com o seu processo de trabalho.

• Resposta automática de formulários com IA [versão PRO]: Responda a cada envio de formulário com uma mensagem personalizada, redigida por IA. Crie um prompt utilizando os campos do seu formulário, defina uma mensagem padrão e deixe a IA elaborar o restante.

• Conectores de IA nativos do WordPress: A IA do Otter funciona com os adaptadores de IA nativos do WordPress 7.0. Você conecta seu provedor de IA preferido uma única vez e todos os recursos de IA do Otter passam a utilizá-lo.

Responsividade dos blocos Otter

Crie leiautes otimizados para dispositivos móveis com as configurações de responsividade integradas do Otter. Cada bloco pode ser ajustado para oferecer uma experiência consistente desde celulares a computadores.

Um plugin de condições para blocos do Gutenberg

Quer exibir determinados blocos apenas quando o usuário estiver conectado ou desconectado? Que tal diferenciar entre um cliente da sua loja, um editor do seu blog ou qualquer outra função de usuário? Com ​​o recurso de Condições de bloco disponível no Otter, isso é possível. Atualize para a versão PRO do Otter e libere o potencial de mais condições para os blocos, como:

• String de consulta de URL
• Intervalo de datas
• Dia da semana
• Hora do dia
• Produtos no carrinho do WooCommerce
• Gasto total do WooCommerce
• Total do carrinho do WooCommerce
• Categorias do WooCommerce
• Tags do WooCommerce
• Atributos do WooCommerce
• Baseado em cookies
• E mais

Um plugin para animações de blocos do Gutenberg

Surpreenda os visitantes do seu site com animações incríveis que podem ser adicionadas a qualquer bloco da página. Com mais de 50 opções de animação disponíveis, o Otter permite dar um toque especial a qualquer post ou página do seu site.

Um plugin de janelas pop-up do Gutenberg

Janelas emergentes (pop-up) são uma das técnicas mais antigas da Web para capturar contatos e transmitir avisos. Com o bloco de janela pop-up disponível no Otter, você pode criar pop-ups que a partir de qualquer outro bloco disponível no Editor!

Ajuste suas janelas pop-up definindo quando eles devem aparecer e como podem ser fechados. Com nosso bloco, você tem acesso a diversos eventos, como ao carregar a página, ao sair, ao clicar em uma âncora e ao rolar a página, para acionar a janela pop-up.

Além disso, você pode criar seu diálogo pop-up com sobreposições personalizadas para alinhá-lo à identidade da sua marca e chamar mais a atenção. Veja a demonstração ao vivo

Padrões globais para blocos do Otter

Cansado de ter que definir sempre as mesmas opções toda vez que adiciona um bloco à página? Com ​​o Otter, você pode definir a configuração padrão para alguns dos blocos mais utilizados, como o Bloco de seção, o Bloco de ícone, o Título avançado e muito mais.

Blocos disponíveis no Otter:

Bloco de sanfonas [GRÁTIS]

Use este bloco para criar listas de conteúdo empilhadas verticalmente que podem ser exibidas ou ocultadas com o clique de um botão, mais conhecidas como “sanfonas”. Veja a demonstração

Título avançado [GRÁTIS]

Um bloco de título que você não sabia que precisava. Este bloco do Otter possui todas as funcionalidades do bloco de título padrão com alguns outros recursos, como a capacidade de alterar a fonte, destacar partes do texto e muito mais. Veja a demonstração

Bloco IA [GRÁTIS]

Crie com IA diretamente no editor. Descreva a seção ou página desejada e o Bloco IA irá montar-la com blocos reais e editáveis, coerentes com as cores de seu tema e ao estilo da página. Faça ajustes manuais posteriormente, exatamente como faria com blocos criados por você mesmo.

Bloco Grupo de botões [GRÁTIS]

Crie vários botões de forma rápida e fácil, e exiba na vertical ou na horizontal, a depender do dispositivo em que a página está sendo vista. Veja a demonstração

Bloco Contagem regressiva [GRÁTIS]

Fazendo a contagem regressiva para um grande evento? Mostre isso usando estes blocos do Otter. Faça a contagem regressiva em dias, horas, minutos ou segundos. Veja a demonstração

Bloco Formulário de contato [GRÁTIS]

Inclua um formulário de contato rápida e facilmente em qualquer lugar da página. Opcionalmente, transforme o formulário em uma máquina de geração de “leads” integrando-o ao Brevo (antigo Sendinblue) ou ao Mailchimp. Além disso, otimize o gerenciamento de dados com a integração via webhooks e garanta maior segurança com a integração com o hCaptcha. Veja a demonstração

Bloco Linha de tempo de conteúdo [GRÁTIS]

Exponha eventos de forma elegante em uma linha do tempo cronológica. Ideal para destacar eventos históricos, etapas de processos ou marcos importantes.

Bloco Carrossel de conteúdo [GRÁTIS]

Um carrossel onde cada slide pode conter quaisquer blocos do Gutenberg, não só imagens. Adicione dentro de cada slide: títulos, textos, botões, imagens ou leiautes completos, como depoimentos, tabelas de preços ou cartões de recursos. Permita que os visitantes naveguem usando setas ou pontos indicadores. Ao contrário de um carrossel de imagens comum, o bloco Carrossel de conteúdos transforma qualquer conteúdo criado no editor de blocos em um carrossel navegável, sem a necessidade de plugins adicionais.

Bloco Progresso circular [GRÁTIS]

Mostre o progresso de uma ação com um belo bloco de contador circular. Veja uma demonstração

Bloco Caixa com virada [GRÁTIS]

Crie cartões com efeito de virada, no qual você pode inserir qualquer conteúdo ou bloco disponível no Gutenberg. Veja a demonstração

Bloco Lista de ícones [GRÁTIS]

Dê um toque especial a listas de tópicos sem graça usando ícones personalizados como marcadores. Confira a demonstração

Bloco Ícone [GRÁTIS]

Exiba qualquer ícone da Font Awesome ou da nossa própria lista de ícones personalizados em qualquer lugar da página. Altere cores, adicione bordas e combine com outros blocos para aprimorar o visual da sua página. Veja a demonstração

Bloco Animação Lottie [GRÁTIS]

Já ouviu falar do Lottie? Demais! Com o bloco do Lottie, você pode exibir animações em qualquer lugar. Confira a demonstração

Bloco Mapas [GRÁTIS]

Escolha entre um bloco do OpenStreetMap ou do Google Maps e crie marcadores de pontos de interesse para os visitantes de seu site. Nosso bloco de mapas permite personalizar aparência e funcionalidades, desde a cor e a descrição dos marcadores até a busca de locais por nome ou coordenadas, além de possibilitar a adição ou remoção de controles e a alteração do tamanho e do estilo do mapa com apenas alguns cliques. Veja uma demonstração

Bloco Barra de progresso [GRÁTIS]

Mostre seu progresso com um belo bloco de barra de progresso. Veja a demonstração

Bloco de posts [GRÁTIS]

Use este bloco para inserir itens de posts, páginas e tipos de post personalizados na página que está sendo editada no momento. O bloco de Posts permite exibir um determinado número de posts em diferentes páginas. As personalizações disponíveis para este bloco abrangem recursos como estilos, tipos de post, configurações, visual e leiaute.

Bloco Avaliações de produtos [GRÁTIS]

Escreve sobre produtos que você adora? Ou talvez gerencie um site de avaliações? Use este bloco para criar uma tabela com características, prós e contras, bem como links opcionais de compra. Veja uma demonstração

Bloco Janela pop-up [GRÁTIS]

Crie janelas pop-up incríveis e ajuste com precisão quando devem aparecer e como podem ser fechadas. Veja a demonstração

Bloco Carrossel [GRÁTIS]

Use este bloco para criar carrosséis de imagens em qualquer página. As configurações incluem altura, atraso, imagens por página, reprodução automática e muito mais. Veja a demonstração

Bloco de seção [GRÁTIS]

Um bloco de colunas turbinado! Este bloco permite criar uma seção com até 6 colunas, cada uma podendo ter uma cor de fundo, imagem ou degradê personalizados. Utilize os recursos de responsividade do bloco para definir o espaçamento interno (padding) e a margem para telas de computadores ou dispositivos móveis. Veja a demonstração ao vivo

Finalização de compra Stripe [GRÁTIS]

Este bloco será muito útil se você quiser vender alguns produtos sem precisar montar uma loja completa, como livros digitais, licenças etc.

Bloco Ícones de compartilhamento [GRÁTIS]

Botões de compartilhamento para que os visitantes do seu site possam compartilhar conteúdo em qualquer rede social. Veja a demonstração

Bloco de abas [GRÁTIS]

Use este bloco para criar listas de conteúdo empilhadas horizontalmente que podem ser exibidas ou ocultadas com o clique de um botão, mais conhecidas como “abas”. Veja a demonstração

Bloco Adicione ao carrinho [PRO]

Insira um bloco com o botão “Adicionar ao carrinho” para qualquer produto do WooCommerce em qualquer lugar de um post ou página que estiver editando.

Bloco Horário de funcionamento [PRO]

Crie uma tabela de horário de funcionamento com um visual elegante e ajuste suas configurações até que fique perfeita.

Pesquisa ao vivo [PRO]

O recurso Pesquisa ao vivo aprimora o bloco principal de Busca ao adicionar dois atributos extras (‘isLive’ e ‘postTypes’), que podem ser configurados no inspetor, dentro do painel correspondente.

Modal [PRO]

Implemente diálogos modais para uma experiência interativa, exibindo formulários, conteúdo ou comunicados diretamente na sua página.

Tabela comparativa [PRO]

Prepare-se para impressionar seus leitores com o bloco “Tabela Comparativa” do Otter. Crie, sem esforço, quadros de avaliações de produtos com visual profissional para o seu blog ou site.

Estamos constantemente adicionando novos blocos ao Otter para ajudar na criação das páginas do seu site. Fique à vontade para nos contar o que está faltando em nosso Fórum de Suporte! Alguns outros blocos incluem:

Pronto para importar padrões e modelos de página no Otter:

Construa seu site facilmente com nossos padrões personalizáveis ​​e modelos de página completos. Importe leiautes prontos com apenas um clique e lance seu site em pouco tempo.

Tenha à mão uma ampla variedade de padrões e leiautes de página para expor serviços, depoimentos, preços, recursos, chamadas e muito mais. Confira os modelos disponíveis aqui.

Tenha mais opções com o Otter Pro 🤩

Blocos do Construtor WooCommerce

Crie páginas de produto personalizadas usando os blocos do WooCommerce Builder da Otter. Todos os novos recursos foram projetados para maximizar sua conversão e trazer mais melhorias.

Com o Otter Pro, você obtém muito mais recursos, incluindo:

• Bloco Adicione ao carrinho
• Bloco Horário de funcionamento
• Bloco Modal
• Bloco Comparativo de produtos
• Bloco Pesquisa ao vivo
• Complementos Pro para blocos gratuitos
• Mais opções do Conteúdo dinâmico
• Mais opções do Condições de visibilidade
• Mais padrões e modelos de página
• e muito mais!

Você pode experimentar a demonstração ao vivo do Otter Blocks — nenhuma configuração é necessária. Clique aqui para começar.

Para quem é o Otter? 👀

• Para quem procura tirar o máximo dos recursos do Editor de blocos, agregando novos blocos úteis e fáceis de usar.
• Para quem pensa em deixar de usar construtores de páginas tradicionais, como o Elementor e o Divi Builder, para passar a usar o novo Editor de blocos.
• Qualquer um que queira criar páginas com o Editor de blocos em tempo recorde.
• Qualquer pessoa que queira ocultar ou exibir blocos com base em condições, como o usuário estar conectado ou não.
• Qualquer um que tente adicionar animações a blocos Gutenberg.

Vejamos alguns estudos de caso 🚀

• Blogueiros de viagem: Aprimore seu blog de viagens com mapas cativantes, utilizando os blocos Mapas do Otter ou Mapas do Google para exibir suas jornadas pelo mundo.

• Organizações sem fins lucrativos: Engaje seu público e promova sua causa usando os blocos Contador circular e Depoimento para compartilhar histórias de sucesso inspiradoras.

• Blogueiros: Aprimorem os posts de seu blog com ícones de compartilhamento, oferecendo opções práticas para seus leitores. Usem o recurso de carrossel para exibir galerias de imagens e engajar sua audiência.

• Criadores de conteúdo e vendedores de produtos digitais: O bloco Stripe Checkout oferece uma maneira prática de vender produtos digitais como e-books, cursos on-line, licenças de software ou arte digital, sem a necessidade de configurar uma loja virtual completa. Ao integrar esse bloco, você oferece aos clientes uma compra ágil e segura.

• Avaliadores de produtos: crie avaliações de produtos informativas e atraentes com uma tabela comparativa, ajudando os usuários a tomar decisões mais fundamentadas.

• Proprietários de restaurantes: Exiba seu horário de funcionamento em um formato elegante usando o bloco Horário de funcionamento, facilitando para os clientes encontrarem você.

Torne-se um colaborador 💁‍♂️

O Otter Blocks é um projeto de código aberto e convidamos você a fazer parte de nossa vibrante comunidade! Ajude-nos a incrementar o plugin e torná-lo ainda melhor – Link do GitHub

Recursos úteis 📌

• Leia mais sobre o WordPress em nosso blog.
• Interessado em nossos outros plugins? Dê uma olhada aqui.
• Aproveite ao máximo o Otter Blocks com nossa conveniente lista de tutoriais no YouTube.

O plugin depende do serviço por trás da api.themeisle.com para acessar a lista de padrões, prompts de IA e a iniciação. Não é necessária uma conta para acessar a coleção de modelos do serviço; a política de privacidade pode ser encontrada aqui.