Otter Blocks – Bloques de Gutenberg, maquetador de páxinas para o editor Gutenberg & FSE

Descrición

Otter é un plugin maquetador de páxinas con bloques de Gutenberg que engade funcionalidade extra ao editor de bloques de WordPress (tamén coñecido como Gutenberg) para unha mellor experiencia de creación de páxinas sen necesidade de maquetadores tradicionais como Elementor e Divi.

Ligazóns rápidas 🔗

• Queres ver os bloques de Otter en acción antes de instalalos? VER A DEMO DE OTTER BLOCKS
• Es novo no ecosistema de bloques de Gutenberg? Consulta o noso artigo GUTENBERG EXPLICADO
• Necesitas axuda coa configuración? Consulta a nosa DOCUMENTACIÓN
• Interésache Otter Pro? Aquí tes máis detalles sobre OTTER PRO

Con Otter Blocks tes acceso a

• Máis de 20 bloques extra para Gutenberg
• Colección de padróns
• Modelos de páxina completa
• Condicións de visibilidade
• CSS personalizado
• Animacións
• Contido dinámico e máis

Para todos os bloques, incluídos os bloques de terceiros presentes na túa web.

A característica de CSS personalizado para bloques permite personalizar directamente as propiedades CSS de calquera bloque de Gutenberg da páxina, mentres que a característica de animacións permite engadir animacións a calquera bloque de forma rápida e sinxela para mellorar o atractivo dos diferentes bloques e seccións da túa páxina.

Coa característica de condicións de visibilidade de Otter, podes establecer que condicións se deben cumprir para que os bloques que elixas se mostren na páxina.

A biblioteca de padróns contén unha variedade de elementos en diversos estilos para axudarte a crear páxinas espectaculares. Cobre as áreas máis importantes da túa web: cabeceiras, testemuños, táboas de prezos, seccións e moito máis.

Descubre unha visión xeral rápida de Otter Blocks

Como che poden axudar os bloques de Gutenberg de Otter? 🤔

Un plugin de bloques para WordPress Gutenberg

Otter engade máis de 26 bloques incribles e útiles para que crear páxinas en Gutenberg sexa moi doado!

Máis que simples bloques, necesitas opcións de personalización avanzadas que che dean control sobre o estilo e o aspecto. Con Otter, tes todo iso.

Todos os bloques admiten personalización para axudarte a dar estilo ao teu sitio segundo a túa visión:

• Controis de cor para primarios, acentos e fondos.
• Animacións de retroceso, rebote, desvanecemento, xiro, rotación, deslizamento, rodadura, velocidade da luz e moito máis cun só clic.
• Controis de tipografía, desde o espazado ata a elección da fonte.

O teu asistente de IA para o editor de bloques

Otter trae a IA directamente ao editor de bloques para axudarte a crear, non só a editar. Describe o que queres e Otter créao como bloques reais e editables.

• Xerador de contido con IA: xera unha sección completa ou unha páxina enteira a partir dunha instrución sinxela co bloque de IA. Elixe un tipo como Hero, Características, Prezos, Testemuños ou Chamada á acción, ou describe o teu. Otter adapta as cores do teu tema e o estilo actual da páxina, así que o resultado chega co estilo da túa marca.

• Barra de ferramentas de IA: selecciona calquera texto para reescribilo, resumilo, amplialo, acurtalo, traducilo, cambiar o ton, corrixir a gramática ou simplificalo, sen saír da páxina. Tamén podes crear as túas propias accións personalizadas coas túas propias instrucións e reordenar a barra de ferramentas para adaptala á túa forma de traballar.

• Resposta automática con IA para formularios [PRO]: responde a cada envío de formulario cunha mensaxe personalizada escrita por IA. Escribe unha instrución usando os campos do formulario, establece unha mensaxe alternativa e deixa que a IA faga o resto.

• Conectores de IA nativos de WordPress: a IA de Otter funciona cos adaptadores de IA nativos de WordPress 7.0, así que conectas o teu provedor de IA preferido unha soa vez e todas as características de IA de Otter úsano.

Adaptabilidade a dispositivos móbiles de Otter Blocks

Crea deseños adaptados a dispositivos móbiles cos axustes adaptables integrados de Otter. Cada bloque pódese axustar para ofrecer unha experiencia consistente en móbil, tableta e ordenador.

Un plugin de condicións de bloque para WordPress Gutenberg

Queres mostrar certos bloques só cando un usuario está conectado ou desconectado? E se é cliente da túa tenda fronte a un editor do teu blog ou calquera outro perfil de usuario? Coa característica de condicións de bloque de Gutenberg dispoñible en Otter, é posible. Actualiza á versión PRO de Otter para liberar o poder de máis condicións de bloque, como:

• Cadea de consulta da URL
• Intervalo de datas
• Día da semana
• Hora do día
• Produtos no carriño de WooCommerce
• Total gastado en WooCommerce
• Total do carriño de WooCommerce
• Categorías de WooCommerce
• Etiquetas de WooCommerce
• Atributos de WooCommerce
• Baseado en cookies
• E máis

Un plugin de animacións de bloques para WordPress Gutenberg

Sorprende os visitantes da túa web con animacións incribles que se poden engadir a calquera bloque da páxina. Con máis de 50 animacións para elixir, Otter permite dar un toque extra a calquera entrada ou páxina da túa web

Un plugin de ventás emerxentes para WordPress Gutenberg

As ventás emerxentes son unha das técnicas máis antigas para captar contactos e transmitir avisos na web. Co bloque Popup de Gutenberg dispoñible en Otter, podes crear ventás emerxentes feitas con calquera outro bloque dispoñible en Gutenberg!

Axusta as túas ventás emerxentes establecendo cando deben aparecer e como se poden pechar. Co noso bloque de ventá emerxente tes acceso a varios disparadores, como ao cargar, ao saír, ao facer clic nunha áncora e ao facer scroll.

Ademais, podes deseñar a túa ventá emerxente con superposicións personalizadas para axustala á identidade da túa marca e captar máis atención. Consulta a demo en directo

Valores globais por defecto para os bloques de Otter

Cansaches de ter que establecer sempre as mesmas opcións cada vez que engades un bloque á páxina? Con Otter, podes establecer a configuración por defecto dalgúns dos bloques máis usados, como o bloque Section, o bloque Icon, Advanced Heading e máis.

Bloques dispoñibles en Otter:

Bloque de Gutenberg Accordion [FREE]

Usa este bloque para crear listas de contido apiladas verticalmente que se poden mostrar ou ocultar co clic dun botón; máis coñecidas como acordeóns. Consulta a demo en directo

Bloque de Gutenberg Advanced Heading [FREE]

O bloque de título que non sabías que necesitabas. Este bloque de Otter ten toda a funcionalidade do bloque de título por defecto con outras capacidades, como cambiar a tipografía, resaltar partes do texto e moito máis. Consulta a demo en directo

Bloque de IA [FREE]

Crea con IA, directamente no editor. Describe a sección ou a páxina que queres e o bloque de IA xéraa como bloques de Gutenberg reais e editables, adaptados ás cores do teu tema e ao estilo da páxina. Axusta o que queiras a man despois, igual que cos bloques que crees ti.

Bloque de Gutenberg Button Group [FREE]

Crea varios botóns de forma rápida e sinxela e móstraos vertical ou horizontalmente segundo o dispositivo no que se vexa a páxina. Consulta a demo en directo

Bloque de Gutenberg Countdown [FREE]

Estás a facer unha conta atrás para un gran evento? Móstrao usando estes bloques de Gutenberg. Conta atrás en días, horas, minutos ou segundos. Consulta a demo en directo

Bloque de Gutenberg Contact Form [FREE]

Insire rapidamente e sen complicacións un formulario de contacto en calquera lugar da páxina. Se queres, converte o formulario nunha máquina de xerar contactos integrándoo con Brevo(Sendinblue) ou Mailchimp. Ademais, axiliza a xestión de datos coa integración de webhooks e mellora a seguridade coa integración de hCaptcha. Consulta a demo en directo

Bloque Content Timeline [FREE]

Mostra eventos con elegancia nunha liña de tempo cronolóxica. Ideal para destacar acontecementos históricos, pasos dun proceso ou fitos importantes.

Bloque Content Slider [FREE]

Un carrusel no que cada diapositiva pode conter calquera bloque de Gutenberg, non só imaxes. Engade títulos, texto, botóns, imaxes ou deseños completos como testemuños, prezos ou tarxetas de características dentro de cada diapositiva, e deixa que os visitantes se movan por elas con frechas ou puntos. A diferenza dun carrusel de imaxes estándar, o Content Slider converte todo o que constrúas en Gutenberg nun carrusel deslizable, sen necesidade de ningún plugin adicional.

Bloque Circular Progress [FREE]

Mostra o teu progreso cun fermoso bloque Circle Counter. Consulta a demo en directo

Bloque Flip Box [FREE]

Crea unha tarxeta con efecto de xiro, onde podes inserir calquera contido ou bloque dispoñible en Gutenberg. Consulta a demo en directo

Bloque de Gutenberg Icon List [FREE]

Dálle vida ás aburridas listas de puntos usando iconas personalizadas como marcadores. Consulta a demo en directo

Bloque de Gutenberg Icon [FREE]

Mostra calquera icona de Font Awesome ou da nosa propia lista de iconas personalizadas en calquera lugar da páxina. Cambia as cores, engade bordos e combínaas con outros bloques para mellorar o aspecto da túa páxina. Consulta a demo en directo

Bloque de Gutenberg Lottie Animation [FREE]

Coñeces Lottie? Xenial! Co bloque de Gutenberg Lottie Animation de Otter, podes mostrar animacións Lottie en calquera lugar de Gutenberg. Consulta a demo en directo

Bloque de Gutenberg Maps [FREE]

Elixe entre un bloque de Open Street Map ou de Google Maps e crea marcadores para os teus puntos de interese para os visitantes da túa web. O noso bloque Maps axúdache a personalizar a experiencia do mapa ata a cor e a descrición dos marcadores, buscar lugares por nome ou coordenadas, engadir e eliminar controis do mapa ou cambiar o tamaño e o estilo dos mapas con só uns clics. Consulta a demo en directo

Bloque Progress Bar [FREE]

Mostra o teu progreso cun fermoso bloque Progress Bar. Consulta a demo en directo

Bloque de Gutenberg Posts [FREE]

Usa este bloque para inserir elementos de entradas, páxinas e tipos de contido personalizados na páxina que estás a editar. O bloque Posts permite mostrar un certo número de entradas en diferentes páxinas. As personalizacións dispoñibles para este bloque abranguen aspectos como estilos, tipos de contido, axustes, deseños e estrutura.

Bloque de Gutenberg Product Review [FREE]

Escribes nun blog sobre un produto que che encanta? Ou quizais tes unha web de recensións? Usa este bloque para crear unha táboa de recensión do elemento e enumerar as súas características, vantaxes e inconvenientes, así como ligazóns de compra opcionais. Consulta a demo en directo

Bloque Popup de Gutenberg [FREE]

Crea ventás emerxentes espectaculares e axusta cando deben aparecer e como se poden pechar. Consulta a demo en directo

Bloque de Gutenberg Slider [FREE]

Usa este bloque de Gutenberg para crear carruseis de imaxes en calquera páxina de Gutenberg. Os axustes inclúen a altura do carrusel, o atraso, as diapositivas por páxina, a reprodución automática e moito máis. Consulta a demo en directo

Bloque de Gutenberg Section [FREE]

Un bloque de columnas potenciado! Este bloque permite crear unha sección de ata 6 columnas, cada unha cun fondo, imaxe ou gradiente personalizados. Usa as características adaptables deste bloque para establecer o énchoo e a marxe para pantallas de ordenador, tableta e móbil. Consulta a demo en directo

Stripe Checkout [FREE]

Este bloque será moi útil se queres vender un par de produtos sen configurar unha tenda completa, como libros electrónicos, algunhas licenzas, etc.

Bloque Sharing Icons [FREE]

Botóns para que os visitantes da túa web compartan contido en calquera servizo de redes sociais. Consulta a demo en directo

Bloque de Gutenberg Tabs [FREE]

Usa este bloque para crear listas de contido apiladas horizontalmente que se poden mostrar ou ocultar co clic dun botón; máis coñecidas como pestanas. Consulta a demo en directo

Bloque de Gutenberg Add to Cart [PRO]

Inclúe un botón de engadir ao carriño para calquera produto de WooCommerce en calquera lugar da entrada ou páxina que estás a editar.

Bloque de Gutenberg Business Hours [PRO]

Crea unha táboa de horario comercial con fermoso estilo e axusta os seus axustes ata que quede perfecta.

Live Search [PRO]

A característica Live Search mellora o bloque Search do núcleo engadindo dous atributos adicionais ( isLive e postTypes ) que se poden establecer no inspector, no panel Live Search.

Modal [PRO]

Implementa ventás emerxentes para unha experiencia interactiva, mostrando formularios, contido ou anuncios directamente dentro do deseño da páxina.

Review Comparison Table [PRO]

Prepárate para impresionar aos teus lectores co bloque «Review Comparison Table» de Otter. Crea sen esforzo táboas comparativas de produtos de aspecto profesional para o teu blog ou web.

Engadimos constantemente novos bloques de Gutenberg a Otter para axudarche a crear as páxinas da túa web. Non dubides en dicirnos o que nos falta no noso foro de soporte! Outros bloques inclúen:

Padróns & modelos de páxina completa listos para importar en Otter:

Pon en marcha o teu sitio facilmente cos nosos padróns personalizables e modelos de WordPress de páxina completa. Importa deseños prefabricados cun só clic e comeza en pouco tempo.

Explora unha ampla variedade de padróns de Otter e modelos de páxina completa para servizos, testemuños, prezos, características, seccións de chamada á acción e moito máis. Consulta os deseños dispoñibles aquí.

Obtén máis opcións en Otter Pro 🤩

Bloques de maquetación de WooCommerce

Crea páxinas de produto individuais personalizadas usando os bloques de maquetación de WooCommerce de Otter. Todas as novas características están deseñadas para maximizar a túa taxa de conversión e achegar máis melloras.

Con Otter Pro obtés moitas máis características, entre elas:

• Bloque Add to Cart
• Bloque Business Hours
• Bloque Modal
• Bloque Product Review Comparison
• Bloque Live Search
• Complementos Pro para bloques gratuítos
• Máis opcións de contido dinámico
• Máis opcións de condicións de visibilidade
• Máis padróns & modelos de páxina completa
• e máis!

Podes probar unha demo en directo de Otter Blocks, sen necesidade de configuración. Fai clic aquí para probalo.

Para quen é Otter? 👀

• Calquera que queira sacar o máximo partido ás características do novo editor Gutenberg con bloques de Gutenberg útiles e fáciles de usar.
• Calquera que estea a pensar en deixar os maquetadores tradicionais como Elementor e Divi Builder a favor do novo editor de bloques Gutenberg.
• Calquera que queira crear páxinas de Gutenberg rapidamente, en tempo récord.
• Calquera que queira ocultar/mostrar bloques de Gutenberg segundo condicións como o estado de conexión ou desconexión do usuario.
• Calquera que queira engadir animacións aos bloques de Gutenberg.

Vexamos algúns casos de uso 🚀

• Blogueiros de viaxes: mellora o teu blog de viaxes con mapas cativadores usando os bloques Maps e Google Maps de Otter para mostrarlle ao mundo as túas viaxes.

• Organizacións sen ánimo de lucro: capta a túa audiencia e promove a túa causa cos bloques Circle Counter e Testimonial de Otter para compartir historias de éxito inspiradoras.

• Blogueiros: mellora as túas entradas do blog con Sharing Icons, creando opcións de compartir sinxelas para os teus lectores. Usa Slider para mostrar galerías de imaxes e atraer á túa audiencia.

• Creadores de contido e vendedores de produtos dixitais: o bloque de Gutenberg Stripe Checkout ofrece unha forma cómoda de vender produtos dixitais, como libros electrónicos, cursos en liña, licenzas de software ou arte dixital, sen necesidade de configurar unha tenda en liña completa. Ao integrar este bloque, podes ofrecer aos clientes unha experiencia de pago áxil e segura.

• Analistas de produtos: crea comparativas de produtos informativas e atractivas cunha Review Comparison Table, e axuda aos usuarios a tomar decisións informadas.

• Propietarios de restaurantes: mostra o teu horario comercial cun formato elegante usando os bloques Business Hours, para que os clientes te atopen facilmente.

Fágrate colaborador 💁

Otter Blocks é un proxecto de código aberto e damos a benvida aos colaboradores á nosa vibrante comunidade! Axúdanos a mellorar o plugin e a facelo aínda mellor: ligazón de GitHub

Recursos útiles 📌

• Le máis sobre WordPress no noso blog.
• Interésanche os nosos outros plugins? Bota unha ollada aquí.
• Aproveita ao máximo Otter Blocks coa nosa útil lista de reprodución de titoriais en YouTube.

O plugin depende do servizo de api.themeisle.com para acceder á lista de padróns, ás instrucións de IA e á posta en marcha. Non se necesita ningunha conta para acceder á colección de modelos do servizo e a política de privacidade pódese consultar aquí.