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 isn’t too heavy on plugins, per se – but the site builder does have a host of integrations to choose from, some of which are referred to as “plugins.” You can view the full library of integrations 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 — Show off the respected brands that trust your company’s products or services by displaying their logos in a carousel.

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.

You can create both horizontal and vertical sliders, too, choosing the orientation that will best show off the progress made. This is one of my favorite elements to find on a website, and it’s one of the best ways to show the evolution of something. See the Common Ninja integrations page 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.

If you’re like me, you choose chat over any other form of customer service — and sometimes opt for not reaching out to a company at all if chat isn’t available. To serve your customers in the best way possible, it’s important to have this type of customer support channel. See the POWr integrations page 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

• Add a team member’s profile picture and name to the call window
• 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 authorizesyou to combine multiple dynamic lists into one Collection list on your website. There’s a lot that goes into Coleccionespero, en esencia, se trata de una forma de mostrar contenidos similares en un mismo espacio.

This makes it easier for your website visitors to find additional content that they’ll be interested in and that complements what they just read or saw. Note that Webflow currently links to an outdated page from its View Lesson link. You can find the most-current page 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.

Plus, you can display your top ratings to improve your company’s social proof. Moreover, you can let customers post anonymously, which can encourage more reviews because people who don’t want to display their names will still feel comfortable adding a comment. See the POWr integrations page 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 lets you set up horizontal rows and vertical columns with various data types. This is ideal if you’re comparing services that you offer, pricing plans, or review criteria. You can include text, clickable buttons, star ratings, images, and characters (like check marks and dots) in the different fields.

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.

There’s also an “X” on the far left of the bar so that site visitors can close it if they want to. As a serious online shopper, I can tell you that this type of countdown really encourages visitors to act right away instead of sitting on something they’re interested in. See the Common Ninja integrations page 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 makes enrollments and payments easier, faster, and more secure. In addition to healthcare and schools, Enrollsy serves a host of other organizations — it’s used when onboarding employees, customers, students, vendors and volunteers, among others.

The service’s enrollment features capture leads, process multiple enrollments at the same time, pre-fill PDFs, and collect info from required fields, including signatures.

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.

As a once-upon-a-time nightlife writer, I can attest to how useful it is to see all of a business or organization’s events in a row to get a feel for everything they have coming up. See the Common Ninja integrations page 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.

You can also add the job board to your Facebook page if you want to cast your net there as well. Some of the smartest job-seekers go straight to the brand’s website instead of relying on catch-all job boards, so it’s important to list your open positions there. See the POWr integrations page 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í.

After dropping a pin at an address, you can add contact information and location details to provide even more help for your customers. Plus, you can add multiple location pins in case you have several spots to direct people to. When I worked as a local business reviewer, I was shocked at how many websites didn’t have their address listed, let alone directions to their place of business — don’t miss out on foot traffic! See the POWr integrations page 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 plugin lets you display attractive pricing tables on your website. Add plan names and pricing info, showcase discounts, list the plan’s features, and include CTA buttons on each option. You can also highlight the one you want customers to opt for and make it stand out to increase conversions.

As a B2B writer, I know how important it is to encourage potential customers to opt for the plan you’re most interested in selling, which is usually the middle tier — this plugin lets you make that one stand out from the rest. See the Common Ninja integrations page 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

When people are looking for something new to do or a place to visit, they often turn to online reviews – if others had a good experience, they’re bound to, too. Elfsight has an assortment of review plugins to embed reviews from all sorts of websites, including 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
• Customize the widget’s header
• 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. This is an easy way to make your site more visitor-friendly because they won’t have to manually scroll up, up, up to reach the top after reading through your content.

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 lets you customize your Webflow scrollbar in several ways. You can adjust the border, color, radius, shadow, and width of your scrollbar to get it looking exactly the way you want it. Once you’ve designed the type of scrollbar you like, you’ll copy the CSS code into Webflow to update your site’s scrollbar style.

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.