Guía de los mejores plugins Webflow

Última actualización en abril 22, 2023 por Ewen Finser

Incluso los creadores de sitios web más avanzados pueden quedarse cortos si necesita funciones que no se ofrecen de serie. Aunque los las mejores integraciones de Webflow pueden ayudar a que tu sitio web se comunique con otras herramientas y programas empresariales que utilices, los plugins ayudan a mejorar la experiencia de usuario de tus visitantes. Y parece que hay un plugin para casi todo, tanto si quieres añadir algo de diversión a tu sitio, convertir más visitantes en clientes o incluso cumplir la ley.

A diferencia de WordPress y otros creadores de sitios web, Webflow no es demasiado pesado en plugins, per se - pero el constructor del sitio tiene una gran cantidad de integraciones para elegir, algunos de los cuales se conocen como "plugins". Puedes ver la biblioteca completa de integraciones aquí.

Dicho esto, lo que aparece como un plugin singular en el Webflow puede apuntar a un servicio que ofrece una amplia selección de plugins, como los de Common Ninja.

Independientemente de cómo se les denomine o de dónde sean, He recopilado los Webflow plugins que creo que le resultarán más útiles en este mejor Webflow guía de plugins. Y me aseguré de no repetir funcionalidades si podía evitarlo; por ejemplo, si había dos o más plugins sociales, opté por incluir el mejor de todos.

¡Vamos a ello!

Webflow es un creador de sitios web y un sistema de gestión de contenidos (CMS) orientado a personas que no son desarrolladores y que necesitan una forma de crear un sitio web sin necesidad de código. Más información en esta revisión de Webflow.

Mis mejores elecciones de un vistazo

1. Contador numérico animado - Muestra estadísticas de cualquier cosa que elijas, ya sean tontas (mascotas de miembros del equipo) o serias (reseñas de cinco estrellas), e incluye iconos para ilustrar el tema.
2. Deslizador Antes y Después - Muestra versiones antes y después de lo mismo con un control deslizante que puedes mover para mostrar más de una cosa o de la otra.
3. Comentarios - Aumente la prueba social y ofrezca un servicio de atención al cliente permitiendo que los visitantes dejen sus comentarios, ¡y responda a ellos!
4. Barra de cuenta atrás - Anime a sus visitantes a participar en un evento u oferta de duración limitada con una cuenta atrás en forma de barra en la parte superior de su sitio web.
5. Logotipo - Muestre las marcas respetadas que confían en los productos o servicios de su empresa mostrando sus logotipos en un carrusel.

Los 24 mejores plugins de Webflow

Webflow Los plugins van de lo simple a lo más complejo y de lo específico para un nicho determinado a lo suficientemente amplio para cualquier sitio.

Los mejores plugins que he recopilado aquí te permiten decidir quién puede acceder a tu sitio, entusiasmar a la gente con tu marca y ofrecer espacios interactivos para que la gente permanezca más tiempo en tus páginas web. También tendrás muchas opciones para ofrecer un servicio de atención al cliente estelar, e incluso podrás dar la bienvenida a nuevas incorporaciones al equipo. ¡Vamos a sumergirnos en la lista!

Verificación de edad de Common Ninja

Si tiene un negocio que requiere que los visitantes del sitio web verifiquen su edad - por ejemplo, un negocio de bebidas alcohólicas - el Plugin de verificación de edad le permite añadir una ventana emergente en la que los visitantes tienen que hacer clic antes de poder entrar en su sitio. También puedes personalizar el widget para añadir tu propia imagen y texto.

Esta es una forma de proteger tu negocio si pudieras meterte en problemas legales por permitir la entrada a menores de cierta edad. Ver la página de integraciones comunes de Ninja aquí.

Características

• Crear disparadores para decidir cuándo mostrar la ventana emergente
• Enviar a los visitantes no aprobados a una nueva página
• Elija entre varios diseños para adaptarlo a su marca

Contador numérico animado de Common Ninja

Muchos sitios web se benefician de los contadores numéricos para mostrar todo tipo de estadísticas, desde las más serias a las más tontas. Por ejemplo, puedes mostrar cuántos clientes tiene tu empresa, cuántas valoraciones de cinco estrellas has recibido o cuántas tazas de café ha consumido la oficina en total.

Sea cual sea la pantalla que elija, el Plugin de contador de números animado presenta una forma de hacer su sitio más atractivo e interesante. Personalmente, me encanta ver contadores ingeniosos en los sitios web - te da una buena idea del tipo de empresa que es. Ver la página de integraciones de Common Ninja aquí.

Características

• Personaliza las estadísticas con distintos iconos, diseños y máscaras
• Empieza a contar con un número alto en lugar de cero
• Añadir prefijos y sufijos como símbolos monetarios y signos más

Deslizador Antes y Después de Common Ninja

En Deslizador Antes y Después te permite crear imágenes interactivas del antes y el después. Las dos imágenes se mostrarán una al lado de la otra en una pantalla dividida, con una barra en el centro que puede desplazarse hacia la derecha o hacia la izquierda para mostrar más de esa imagen.

También puedes crear deslizadores horizontales y verticales, eligiendo la orientación que mejor muestre los progresos realizados. Este es uno de mis elementos favoritos para encontrar en un sitio web, y es una de las mejores maneras de mostrar la evolución de algo. Ver la página de integraciones de Common Ninja aquí.

Características

• Añada varios sliders a su sitio web
• Personaliza los colores, las fuentes y el espaciado
• Adaptable a dispositivos móviles

Horquillas y torneos de Common Ninja

En Plugin de los torneos te permite crear una experiencia interactiva para los visitantes de tu sitio web. Después de configurar y personalizar una quiniela (hay varios tipos entre los que elegir), los visitantes pueden votar por sus participantes favoritos y hacer predicciones, y también puedes añadir premios para premiar a los ganadores.

También es una forma excelente de captar clientes potenciales, ya que los usuarios tendrán que introducir su correo electrónico para participar. A continuación, puede dirigirse a los participantes con sus futuras campañas de marketing. Ver la página de integraciones de Common Ninja aquí.

Características

• Configurar brackets de eliminación simple y doble, March Madness y más
• Presente las opciones una al lado de la otra para que los participantes puedan hacer una predicción
• Emparejar a los participantes al azar o por orden o siembra

Chat de POWr

Si desea ofrecer a los visitantes asistencia por chat en directo, el Chat te permite conectar Facebook Messenger con tu sitio para que puedas comunicarte en tiempo real con cualquier persona que necesite ayuda. Tienes el control sobre quién puede conectarse contigo y puedes crear mensajes de bienvenida, texto de botones y texto de pie de página personalizados.

Si eres como yo, prefieres el chat a cualquier otra forma de atención al cliente, y a veces optas por no ponerte en contacto con una empresa si el chat no está disponible. Para atender a tus clientes de la mejor manera posible, es importante contar con este tipo de canal de atención al cliente. Ver la página de integraciones de POWr aquí.

Características

• Personalice el chat a su empresa
• Opción de que los chats aparezcan como ventanas emergentes
• Adaptable a dispositivos móviles

Botón Click to Call de Elfsight

No todas las empresas tienen un servicio de atención al cliente por teléfono, pero si el tuyo lo tiene, puedes facilitarle las cosas a los clientes utilizando la función Plugin del botón Click to Call. Esto permite a los visitantes hacer clic en el número de teléfono de su sitio web y realizar automáticamente una llamada.

Cuando se visualiza en un dispositivo móvil, al hacer clic en el número se inicia la llamada; cuando se visualiza en un ordenador de sobremesa, al hacer clic en él se muestra el número para que los usuarios puedan marcarlo desde su teléfono. Con tantas personas que utilizan sus teléfonos inteligentes para visitar sitios web, la adición de un enlace o botón para hacer clic y llamar crea una forma sencilla de conectarse con su equipo de asistencia. Consulte la página de integraciones de Elfsight aquí.

Características

• Añadir la foto de perfil y el nombre de un miembro del equipo a la ventana de llamada
• Establezca activadores para que sólo determinados visitantes vean la opción de llamada
• Decida dónde colocar el widget (izquierda, derecha, personalizado)

Biblioteca CMS: Combinar

Biblioteca CMS: Combinar le autoriza a combinar varias listas dinámicas en una lista de recogida en su sitio web. Hay muchas cosas que Coleccionespero, en esencia, se trata de una forma de mostrar contenidos similares en un mismo espacio.

Esto facilita que los visitantes de su sitio web encuentren contenido adicional que les interese y que complemente lo que acaban de leer o ver. Tenga en cuenta que Webflow enlaza actualmente a una página obsoleta desde su enlace Ver lección. Puede encontrar la página más actual en aquí.

Características

• Combinar varias listas de colecciones en una sola
• Mostrar cuántos elementos se incluyen en una colección
• Configurar más de una lista de colecciones combinadas en una página

Biblioteca CMS: Deslizador

Biblioteca CMS: Deslizador para Webflow le permite añadir contenido dinámico a un deslizador de su sitio web. Puede incluir imágenes, pies de foto, encabezados y texto para aclarar de qué trata esa diapositiva en particular. Esto enriquece el contenido para que los visitantes tengan un contexto para las imágenes que utiliza.

Tenga en cuenta que Webflow enlaza actualmente a una página obsoleta desde su enlace Ver lección. Puede encontrar la página más actual en aquí.

Características

• Añada fácilmente todo el contenido de una colección al control deslizante.
• Permita que los usuarios se desplacen por las distintas diapositivas a su propia velocidad
• Presente contenidos dinámicos para que los visitantes se interesen por sus productos o servicios

Comentarios sobre sitios web de POWr

En Comentarios sobre el plugin Sitios web permite a los visitantes dejar un comentario y una valoración con estrellas para dar su opinión. Esto le permite saber si sus clientes disfrutan o no de sus productos o servicios, y le permite abordar cualquier preocupación que puedan tener para mejorar la experiencia del cliente.

Además, puede mostrar sus mejores valoraciones para mejorar la prueba social de su empresa. Además, puedes permitir que los clientes publiquen de forma anónima, lo que puede fomentar más valoraciones porque las personas que no quieran mostrar su nombre se sentirán cómodas añadiendo un comentario. Ver la página de integraciones de POWr aquí.

Características

• Mostrar valoraciones con estrellas para aumentar la prueba social
• Habilitar upvotes para comentarios, valoraciones y reseñas
• Permitir que los clientes añadan fotos a sus comentarios

Tablas comparativas de Common Ninja

En Tablas comparativas plugin le permite configurar filas horizontales y columnas verticales con varios tipos de datos. Esto es ideal si estás comparando servicios que ofreces, planes de precios o criterios de valoración. Puedes incluir texto, botones en los que hacer clic, puntuaciones con estrellas, imágenes y caracteres (como marcas de verificación y puntos) en los distintos campos.

Aunque tenga una sección más larga con mucho texto además de la tabla comparativa, ésta es una forma rápida de que los visitantes vean toda la información que necesitan de un vistazo. Ver la página de integraciones comunes de Ninja aquí.

Características

• Permite a los usuarios buscar y clasificar información
• Fijar las posiciones de las cabeceras de columna y fila
• Añadir paginación a tablas extralargas

Barra de cuenta atrás de Common Ninja

En Plugin de barra de cuenta atrás añade una barra horizontal a la parte superior de su sitio web con texto, un marcador de días/horas/minutos/segundos y un botón CTA. Puedes animar a los visitantes a actuar cuanto antes si quieren aprovechar una oferta por tiempo limitado, como una rebaja o la inscripción a un evento.

También hay una "X" en el extremo izquierdo de la barra para que los visitantes puedan cerrarla si lo desean. Como comprador en línea serio, te puedo decir que este tipo de cuenta atrás realmente anima a los visitantes a actuar de inmediato en lugar de sentarse en algo que les interesa. Ver la página de integraciones de Common Ninja aquí.

Características

• El temporizador desaparecerá una vez finalizada la cuenta atrás
• Fijar la posición del temporizador aunque el usuario se desplace
• Elige entre 20 skins temáticos y de temporada

Cupón emergente de Common Ninja

En Plugin de cupones emergentes le permite crear un cupón emergente personalizado que ocupa gran parte de la pantalla del visitante. Puedes añadir una imagen, escribir un titular y un cuerpo de texto para comunicar para qué sirve el cupón y, a continuación, añadir un código de cupón y una CTA.

También hay una "X" en la parte superior derecha de la ventana para que los usuarios puedan hacer clic si no les interesa la oferta. Además, dado que el usuario debe introducir su correo electrónico para obtener el código del cupón, se trata de una excelente herramienta de generación de clientes potenciales. Ver la página de integraciones de Common Ninja aquí.

Características

• Copia de códigos de cupón con un clic
• Personaliza el widget según tu marca y tu sitio web
• Elija entre varios tipos de diseño

Inscríbase en

Inscríbase en hace que las inscripciones y los pagos sean más fáciles, rápidos y seguros. Además de la sanidad y las escuelas, Enrollsy sirve a muchas otras organizaciones: se utiliza para dar de alta a empleados, clientes, estudiantes, proveedores y voluntarios, entre otros.

Las funciones de inscripción del servicio captan clientes potenciales, procesan varias inscripciones al mismo tiempo, rellenan previamente los PDF y recopilan información de los campos obligatorios, incluidas las firmas.

Características

• Ayuda a procesar los pagos en persona y en línea
• Automatización de tareas como facturación, pagos y envío de notificaciones
• Las empresas pueden prescindir del papel

Lista de eventos de Common Ninja

Si su empresa organiza o participa en varios eventos al año, le interesará consultar el Lista de eventos plugin. Añadirás tus eventos a atractivas "tarjetas" que se mostrarán unas junto a otras en función de la fecha del próximo evento.

Hay una sección en la parte superior para una imagen, y luego puedes añadir el título del evento y una breve descripción, además de la fecha, hora, lugar y una descripción más larga debajo. También hay un enlace "Más información" para los interesados.

Como antiguo escritor de la vida nocturna, puedo dar fe de lo útil que resulta ver todos los eventos de una empresa u organización seguidos para hacerse una idea de todo lo que tienen por delante. Ver la página de integraciones de Common Ninja aquí.

Características

• Dirigir a los visitantes a páginas de aterrizaje o de pago
• Animación de eventos
• Seis diseños a elegir

Creador de formularios de POWr

En Plugin Generador de formularios le permite crear formularios para recopilar información de los clientes que luego se sincronizan automáticamente con otros servicios empresariales que pueda utilizar, como Google Sheets o Mailchimp.

Hay muchos elementos de formulario que puedes añadir, como emoji, menús desplegables, opciones de elección múltiple y puntuaciones con estrellas. Y si necesitas más espacio, también puedes crear formularios multipágina en lugar de formularios de una sola página. Además, la lógica condicional significa que sólo se cargarán determinados campos en función de la información proporcionada en otra parte del formulario. Ver la página de integraciones de POWr aquí.

Características

• Redirigir a los usuarios a una página personalizada después de enviar el formulario
• Acepte pagos de todo tipo, como pagos únicos, suscripciones y donaciones.
• Crear notificaciones automáticas por correo electrónico de carritos abandonados

Bolsa de trabajo de POWr

¿Quiere contratar directamente desde su sitio web? En Plugin de bolsa de trabajo le permite añadir sus puestos vacantes e incluir sus títulos, ubicaciones y salarios, junto con descripciones detalladas.

También puedes añadir la bolsa de empleo a tu página de Facebook si quieres lanzar tu red allí también. Algunos de los buscadores de empleo más inteligentes van directamente al sitio web de la marca en lugar de confiar en los portales de empleo generalistas, por lo que es importante que publiques tus ofertas allí. Ver la página de integraciones de POWr aquí.

Características

• Personalice la apariencia de la bolsa de empleo para su marca
• Aspecto limpio con información de un vistazo
• El botón CTA anima a los solicitantes potenciales a seguir adelante

Logotipo de Common Ninja

Una de las formas que tienen las marcas de establecer su credibilidad es mostrar las empresas que utilizan sus productos o servicios. En Plugin de escaparate de logotipos te permite añadir un carrusel para mostrar los logotipos de todas las empresas con las que te enorgullece trabajar.

Puede personalizar los logotipos y el carrusel de diferentes maneras, como eligiendo la combinación de colores y decidiendo la velocidad a la que se mueve. Además, puede mejorar el flujo de su sitio web mediante el uso de estos carruseles para romper los párrafos y secciones de contenido. Ver la página de integraciones de Common Ninja aquí.

Características

• Añadir efectos hover como resaltado, opacidad, escala y sombra
• Cambia la dirección en la que se mueve el carrusel
• Se puede hacer clic en los logotipos

Mapa de POWr

Si tiene un establecimiento físico, como un restaurante, un edificio de oficinas o una tienda, la Plugin de mapas le resultará mucho más fácil saber dónde se encuentra usted y, por supuesto, llegar hasta allí.

Después de colocar una chincheta en una dirección, puedes añadir información de contacto y detalles de la ubicación para proporcionar aún más ayuda a tus clientes. Además, puedes añadir varios pines de ubicación en caso de que tengas varios sitios a los que dirigir a la gente. Cuando trabajé como revisor de negocios locales, me sorprendió la cantidad de sitios web que no tenían su dirección en la lista, por no hablar de las direcciones a su lugar de negocio - ¡no se pierda el tráfico a pie! Ver la página de integraciones de POWr aquí.

Características

• Personalice el mapa para complementar el diseño de su sitio web
• Los usuarios pueden ampliar o reducir un mapa
• Mostrar mapa o vistas por satélite

Tablas de precios de Common Ninja

En Tablas de precios le permite mostrar atractivas tablas de precios en su sitio web. Añade nombres de planes e información de precios, muestra descuentos, enumera las características del plan e incluye botones CTA en cada opción. También puedes resaltar la opción por la que quieres que opten tus clientes y hacer que destaque para aumentar las conversiones.

Como redactor B2B, sé lo importante que es animar a los clientes potenciales a optar por el plan que más te interesa vender, que suele ser el de nivel medio - este plugin te permite hacer que ese plan destaque sobre el resto. Ver la página de integraciones de Common Ninja aquí.

Características

• Visualice todos sus planes uno al lado del otro
• Añadir diferentes ciclos de facturación para mostrar opciones de precios
• Incluya una cinta para destacar el plan que más desea comprar

Generador de códigos QR de Elfsight

Hay muchas razones por las que querrías dirigir a los usuarios a otros contenidos online o archivos que hayas subido. Por ejemplo, tal vez quiera que los clientes abran las indicaciones para llegar a su tienda. O puede que quiera ofrecer a un cliente una forma fácil de acceder a los documentos de soporte de un producto que acaba de comprar.

En Plugin generador de códigos QR le permite crear y personalizar un código QR que los visitantes del sitio web pueden escanear con su teléfono para abrir otros contenidos. Redirija a los usuarios para que inicien un nuevo correo electrónico a su empresa, abran una URL o un archivo, muestren una ubicación en un mapa, etc. Consulte la página de integraciones de Elfsight aquí.

Características

• Personalízalo con un pie de foto, un título y un logotipo
• Modificar el fondo y el marco
• Elige entre 15 iconos o sube el tuyo propio

Revisar Plugins de Elfsight

Cuando la gente busca algo nuevo que hacer o un lugar que visitar, a menudo recurre a los comentarios en línea: si otros han tenido una buena experiencia, seguro que ellos también. Elfsight cuenta con una gran variedad de plugins de reseñas para incrustar reseñas de todo tipo de sitios web, entre ellos Amazon, Facebook, Google, TripAdvisor, y Yelp.

Si vende productos, servicios, paquetes de vacaciones, restaurantes o prácticamente cualquier otra cosa, existe un complemento de Elfsight que le permite integrar esas opiniones directamente en su sitio. Ver la página de integraciones de Elfsight aquí.

Características

• Elija entre múltiples opciones de diseño
• Personalizar la cabecera del widget
• Ajuste los elementos de la reseña, como el nombre del autor, la fecha de publicación, etc.

Ir al principio de POWr

Los sitios web con páginas interminables se benefician de la tecnología Plugin de desplazamiento hacia arriba. Esta es una manera fácil de hacer que su sitio sea más amigable para los visitantes, ya que no tendrán que desplazarse manualmente hacia arriba, arriba, arriba para llegar a la parte superior después de leer a través de su contenido.

Con un solo clic, el visitante puede volver a la parte superior de la página, listo para navegar a otra parte de su sitio. Esto es especialmente útil en móviles, donde es muy difícil desplazarse hacia arriba sin hacer clic accidentalmente en un enlace. Ver la página de integraciones de POWr aquí.

Características

• Añadir a cualquier página o área de su sitio
• Decida dónde se desplaza el botón
• Personaliza la apariencia, incluidos los colores, el fondo, etc.

Barra de desplazamiento Styler by Finsweet

En Barra de desplazamiento by Finsweet Google Chrome Extension le permite personalizar su barra de desplazamiento Webflow de varias maneras. Puedes ajustar el borde, el color, el radio, la sombra y la anchura de tu barra de desplazamiento para que tenga exactamente el aspecto que deseas. Una vez que hayas diseñado el tipo de barra de desplazamiento que te gusta, copiarás el código CSS en Webflow para actualizar el estilo de la barra de desplazamiento de tu sitio.

Características

• Copie el código con un solo clic para facilitar su aplicación
• La extensión de Google Chrome es ligera
• Combine su marca con una barra de desplazamiento estilizada

Social Feed de POWr

En Plugin Social Feed le permite añadir contenido de sus plataformas sociales -Facebook, Instagram, Pinterest, Twitter, etc.- para mejorar la participación en su sitio y en sus perfiles sociales.

Puedes mostrar todo tu contenido social en un solo espacio con un feed combinado, y también puedes moderar el contenido para elegir lo que quieres mostrar en tu sitio. Sé por experiencia que los sitios web de los clientes que una gran cantidad de tráfico proviene de los visitantes que van y vienen entre los sitios web y plataformas sociales. Ver la página de integraciones de POWr aquí.

Características

• Añadir botones de compartir para los visitantes
• Mostrar automáticamente todos los mensajes nuevos
• Configurar el recorte automático de imágenes

Preguntas frecuentes

Reflexiones finales sobre los plugins Webflow

Webflow está orientado a los no expertos, y sus plugins hacen lo mismo. No necesita conocimientos de desarrollador para configurar y equipar su sitio web exactamente como desea. Y con tantos plugins disponibles que cubren una amplia gama de necesidades, lo más probable es que si usted está buscando algún tipo de característica, hay un plugin disponible que es fácil de instalar.

Un buen método consiste en determinar cuáles son sus necesidades más urgentes, instalar los plugins asociados y esperar a ver cómo funciona su sitio web antes de añadir más. Aunque Webflow está diseñado para ser rápido, demasiados plugins pueden sobrecargarlo un poco, así que vale la pena pensar bien lo que se añade.