duda
La Guía Definitiva De Los Widgets En Los Sitios Web

Carol Cordioli • Sep 09, 2022

¿Qué tal conversar sobre crear y usar widgets en los sitios web?

Estos elementos independientes permiten incluir varias funciones en los sitios web de los clientes de tu agencia.

Son un recurso indispensable para construir sitios web dinámicos, completos y atractivos. 

Los widgets pueden utilizarse para añadir elementos de diseño a una página, mejorar la usabilidad y la funcionalidad e integrar herramientas y aplicaciones de terceros.

Pueden, por ejemplo, ayudar a captar leads, mostrar imágenes o dirigir a los usuarios a otro entorno de la web, como las redes sociales, por ejemplo. 

Una de las grandes ventajas de utilizar widgets en los sitios web es mejorar la experiencia del usuario. Muchos widgets son interactivos y exigen acciones del usuario, lo que hace que este permanezca más tiempo en la página.

El sitio web de un grupo musical, por ejemplo, puede aplicar un widget de playlist en su sitio web para promocionar sus canciones. El widget integra la plataforma de streaming con el sitio web y el usuario puede reproducir la playlist sin salir de la página.

En este artículo, cubriremos la creación de widgets centrándonos en un modelo escalable, es decir, aquellos widgets que pueden ser utilizados una y otra vez. 

También traeremos algunas listas de los mejores widgets para sitios web

Por último, hablaremos de lo sencillo que es construir y personalizar widgets en la plataforma de creación de sitios web en escala de Duda. Y cómo los widgets personalizados son una oportunidad para ampliar los servicios que ofrece tu agencia. 

¡Vamos! 

CÓMO CREAR WIDGETS PARA SITIOS WEB

Desarrollar un widget de propósito específico no es una actividad tan sencilla como parece. El proceso de escribir el código, revisar, probar, corregir, crear el diseño ideal, requiere práctica y tiempo. 

Y lo sabemos: el desarrollo de un widget puede llevar días dependiendo de la plataforma utilizada.

Por eso, hemos separado 7 consejos que te ayudarán a crear widgets para sitios web. La clave está en hacerlo de una manera inteligente que permita ganar escala. 

1. Trabaja con un constructor de widgets

Opta por una plataforma especializada en la creación automatizada de widgets, como el Constructor de Widgets de Duda

Un constructor permitirá que las interfaces utilicen los mismos componentes subyacentes en lugar de exigir que se escriba el mismo código varias veces. También permitirá crear un código de componentes reutilizables y comprobables para otros widgets.

Con un constructor de widgets dedicado, el desarrollador ahorra más tiempo si solo utiliza los componentes del editor en lugar de depender de un diseño de interfaz impecable para desarrollar un nuevo widget.

2. Utiliza plataformas de alto rendimiento

Siguiendo con las plataformas, es necesario prestar atención al  mundo de opciones que existen en el mercado actual. Algunas son muy populares, pero ya no responden con agilidad, precisión y ahorro de tiempo.

Busca, por tanto, una plataforma que tenga una interfaz rápida, con un banco de códigos disponible para construir widgets en pocas horas.

3. Crea widgets escalables

Los widgets escalables son aquellos diseñados para ser utilizados innumerables veces en diferentes sitios web. La idea, por tanto, es crear una colección de widgets que puedan reutilizarse con funciones similares en sitios web de empresas de distintos tamaños y segmentos.

4. Trabaja con widgets listos y editables

Elige una plataforma de creación de sitios web que ya cuente con una rica colección de widgets listos para su uso y reúso. Esto optimiza tu servicio, satisfaciendo las necesidades de los más variados clientes que pueda tener tu empresa.

Tan importante como buscar una plataforma con una amplia colección de widgets listos, es una que te permita editar estas herramientas.

Aunque la función sea la misma, como, por ejemplo, visualizar un video, la hora local o la cuenta regresiva, el layout y la forma pueden modificarse para adaptarse a la identidad visual del sitio web del cliente.

También hay que facilitar la gestión de los widgets por parte del cliente para que este tenga cierta autonomía en el uso de las herramientas, sin tener que recurrir frecuentemente a alguien con conocimientos de desarrollo.

5. Reutiliza el código

En lugar de programar el mismo código una y otra vez para cada cliente que quiera tener un panel de fotos en su sitio web, puedes crear el código base para este tipo de widget y utilizarlo a medida que nuevos clientes busquen esta misma función en sus páginas.

6. Busca bibliotecas de código colaborativo

Otro factor que facilita la producción de widgets a gran escala es el uso de código abierto disponible en las comunidades de desarrolladores. Ellos comparten los componentes de sus creaciones y ayudan a optimizar el rendimiento del tiempo de ejecución de los proyectos de los demás.

Este modelo de comunidad de código abierto fue la solución que encontró Facebook, por ejemplo, en un intento de ofrecer siempre nuevas funciones en su estructura para seguir siendo atractivo y competitivo en el mercado de las redes sociales. 

Las plataformas de creación de sitios web, incluso las de menor personalización y complejidad, también ofrecen esta posibilidad de intercambio y colaboración con otros profesionales para compartir el código.

7. Personaliza los widgets

Además de que tu agencia tenga su propia colección de widgets, estos se pueden personalizar según las necesidades de cada cliente, lo que te permite ofrecer servicios adicionales y nuevos elementos gráficos.

Con los widgets personalizados también puedes generar ingresos recurrentes al mantenerlos y actualizarlos. Añaden valor tanto al sitio web del cliente como a la empresa proveedora, que sin duda se destacará en el mercado.

widgets sites

LOS MEJORES WIDGETS PARA SITIOS WEB

Duda cuenta con una amplia colección de widgets preparados para diversas funciones. Desde los widgets más sencillos y populares, como la previsión meteorológica, la cuenta regresiva y la visualización de publicaciones en las redes sociales, hasta widgets más específicos para cada segmento de negocio, como el menú de un restaurante.

Pero si el desarrollador está interesado en construir un widget desde cero en la plataforma Duda, también puede hacerlo de forma simplificada y compartirlo con el equipo que participa en el proyecto.

Aquí tenemos 4 tipos de widgets que están disponibles en la plataforma y que son muy utilizados en todo tipo de sitios web. 

1. Widget de chat

Las investigaciones demuestran que los sitios web que utilizan algún tipo de aplicación de chat obtienen un 20% más de conversiones. La razón es sencilla. Al producirse la interacción con el cliente en tiempo real, aumenta la probabilidad de que un visitante del sitio web llene un formulario de contacto y se convierta en un cliente de pago. 

Para los sitios web que ofrecen comercio electrónico, el chat puede marcar la diferencia. Esto se debe a que 2 de cada 3 compradores online abandonan sus carritos antes de completar la compra porque no obtuvieron la información que necesitaban para tomar la decisión correcta. 

2. Widget de formulario online

Los formularios son una gran opción - probablemente la mejor - para la generación de leads y conversiones en un sitio web. Con ellos, la empresa es capaz de captar los datos de la audiencia y ofrecer algo de valor a cambio.

Además, como el uso del formulario aumenta la posibilidad de obtener más datos sobre los visitantes, es posible mejorar los widgets personalizables en el sitio web. El seguimiento de las métricas de compromiso, como la tasa de conversión, es un paso importante para encontrar puntos de mejora en su construcción.

En este caso, el consejo es utilizar Paperform, que te permite crear formularios para diferentes propósitos, de forma rápida y sencilla. Algunos ejemplos son:

  • formularios de contacto estándar
  • formularios de inscripción al evento
  • formularios de pago
  • programación de citas

3. Widget de feed personalizable

Con una presencia digital cada vez más fuerte en las diferentes redes sociales, añadir un widget que lleve a los visitantes a los perfiles de los clientes puede ser una opción interesante para cualquier tipo de negocio.

Por ello, el widget de feed puede ser una opción relevante para los objetivos de compromiso y conexión entre los diferentes canales de adquisición, además de ofrecer una prueba social de la actuación de la empresa y la validación de otros clientes. 

Esta función ayuda a presentar una parte del feed de estos perfiles y mostrar visualmente lo que el público encontrará al acceder a cada red social.

4. Widget de CRM o integración de plataformas similares 

Los sistemas de relación con el cliente son esenciales para que las empresas trabajen en su cadencia de ventas y consigan nuevos clientes. Sin embargo, cuando hablamos de este tipo de soluciones, a menudo es necesario integrar estos sistemas, que son proporcionados por empresas externas a los sitios web.

Estas integraciones son necesarias para enriquecer aún más el conjunto de información del CRM. La ventaja en este caso es que casi todas estas plataformas tienen una estructura de API avanzada, que permite prácticamente cualquier tipo de conexión necesaria.

En los casos más sencillos, puedes construir un widget para captar leads, información de clientes o suscripciones en newsletters, transfiriendo automáticamente esta información directamente a la cuenta del CRM del cliente.

23 widgets para sitios web de pequeñas empresas

Los widgets ponen a disposición de las pequeñas y medianas empresas (PYMES) funciones que antes solo estaban al alcance de las grandes empresas. Consulta a continuación una lista de los widgets más útiles para las PYMES y comprueba cómo están disponibles en la plataforma de Duda.

1. Widget de antes y depués


El widget de antes y después te permite mostrar dos imágenes, una al lado de la otra, para una comparación visual atrayente y cautivante. El widget incluye un control deslizante personalizable para moverse entre las dos imágenes.

La gente tiene períodos de atención cortos en la web y tú quieres transmitir los mensajes rápidamente. Los widgets Antes y Después pueden utilizarse para contar una historia completa en un instante. Definitivamente, serán un gran éxito en cualquier sitio web que crees.


2. Widget de calendario

Un widget de calendario es una forma fácil de entender y visualmente atractiva para que los visitantes del sitio web sepan qué hay en la agenda de una empresa u organización. Por ejemplo, un estudio de yoga puede utilizar un widget de calendario para mostrar las próximas clases en la página de inicio.

Mantén a los visitantes al día rápidamente añadiendo un widget de Google Agenda a tu sitio web. Es una excelente manera de mantener a los visitantes interesados mostrándoles los próximos eventos, reservas, workshops, seminarios y mucho más. El widget proporciona una perfecta integración de un calendario público de Google y puede personalizarse como cualquier otro widget.

3. Widget de Call To Action (CTA)

Call Us

La mayoría de los propietarios de pequeñas empresas esperan recibir llamadas de clientes potenciales. Por lo tanto, debe ser prioritario facilitar el mayor número posible de contactos desde el sitio web.

Los widgets CTA suelen adoptar la forma de un widget de botones grande y fácil de usar que permite al visitante llamar a una empresa con un solo clic. Este widget es ideal para captar la atención y conducir leads de clientes.

4. Widget de compartir

El boca a boca suele considerarse la mejor forma de marketing. En la web, facilitar el intercambio, es como lo fomentamos.

El widget de compartir permite a los clientes informar fácilmente a otros consumidores sobre el producto o servicio ofrecido en el sitio web. Casi todas las páginas web que crees deberían incluir un widget de Compartir.

Facilitar que los visitantes compartan tu sitio web es importante para aumentar el tráfico orgánico y las tasas de conversión. El widget Compartir lo hace fácil con un flujo suave, una interfaz atractiva y una función adicional para compartir. Les permite a los visitantes compartir el sitio web a través de Facebook, Twitter, LinkedIn, WhatsApp y e-mail.

En Duda, los usuarios con una cuenta privada o pública de Instagram (no cuentas de empresas) pueden añadir un feed de Instagram al widget de la galería de fotos. El widget muestra hasta 100 imágenes de tu feed y se actualiza automáticamente cuando se añaden nuevas publicaciones. 


5. Widget de cuenta regresiva

Cuánto falta para la Copa Mundial de la FIFA 2022

Days
Hours
Minutes
Seconds

¡Empezó!


Aumenta el compromiso y crea una sensación de emoción con el widget de cuenta regresiva, que te permite añadir una cuenta regresiva en tiempo real a tu sitio web.

Los widgets de cuenta regresiva son una forma divertida y atractiva de generar emoción e informar a los usuarios sobre un evento próximo.

Asegúrate de aprovechar todas las opciones de personalización que ofrece el widget para garantizar que la cuenta regresiva se adapte al diseño del sitio web que estás creando.

Utilízalo para mantener a los visitantes informados, aumentar el interés y motivarlos a actuar, al informarles cuándo finalizará una venta, un evento o una promoción o cuándo se va a lanzar un nuevo producto, una colección o una página.

6. Widget de horario comercial

La mayoría de los negocios mantienen algún tipo de horario de apertura regular. Es conveniente mostrarlos con claridad en cualquier sitio web de la pequeña empresa que crees, especialmente si la empresa mantiene un local físico donde los clientes puedan acudir. La página de inicio es un buen lugar para un widget de horario comercial.

7. Widget de animación Lottie

El widget de animación Lottie te permite añadir animaciones de calidad vectorial a tu sitio web.

Lottie es una biblioteca móvil para Android e iOS que analiza las animaciones de Adobe After Effects exportadas como JSON con Bodymovin y las procesa en el móvil y en la web.

Las animaciones Lottie son animaciones vectoriales elegantes y flexibles que se cargan rápidamente y se ven fabulosas en todos los dispositivos.

Explora la animación en LottieFiles o crea tu propia animación en After Effects, exportada con el plug-in Bodymovin.

Estos son algunos de los beneficios de usar un widget de animación Lottie en un sitio web, tal y como lo describe el equipo de productos de Duda:

  • Las animaciones de Lottie atraen la atención del visitante hacia donde tú quieres que este vaya. Una imagen vale más que mil palabras; ¡una animación vale aún más!
  • Las animaciones de Lottie son vectores que se adaptan a cualquier tamaño de pantalla y tipo de dispositivo. Esto significa que no hay pixelación, independientemente del tamaño.
  • Las animaciones de Lottie se exportan como archivos JSON, por lo que se cargan rápidamente y no ralentizan tus sitios web.
  • Puedes cambiar el color de la animación directamente en el editor de Lottie, lo que te permite darle a tu sitio web el aspecto adecuado.



8. Widget de mapa

Añadir un mapa a un sitio web ofrece a los visitantes una representación visual de uno de los datos más importantes que quieres que conozcan.

Un widget de mapa te permite añadir rápidamente a un sitio web un mapa bonito y explorable con solo unos pocos clics. Casi cualquier tipo de negocio puede beneficiarse de incluir un mapa en su sitio web.

Consulta también 5 formas de añadir Google Maps a tu sitio web.

9. Widget de deslizamiento de imágenes

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button


Añade un widget de control deslizante de imagen para mostrar un conjunto de imágenes una tras otra en una fila o columna. Puedes añadir varias imágenes como en una presentación de diapositivas. En lugar de tener varios widgets de imágenes abarrotando tus filas y columnas, utiliza un único widget deslizante de imágenes.

Los deslizadores de imágenes son muy útiles si quieres ahorrar espacio, y seguir permitiendo que los visitantes vean muchas imágenes sin salir de la página. Pueden ser de todas las formas y tamaños. 

Muchos widgets de deslizamiento de imágenes incluyen algunas funciones de diseño más avanzadas que te permiten hacer cosas como añadir filtros y transiciones interesantes.

10. Widget de formulário de contacto

Contact Us

Los formularios de contacto son la base de los sitios web de las pequeñas empresas. Estas sencillas herramientas suelen cumplir la función más importante de un sitio web: generar un lead que pueda ser buscado por la empresa.

Los widgets de formulario de contacto facilitan la adición de un formulario de contacto bonito y bien diseñado con todos los campos de entrada que una pequeña empresa u organización necesita para calificar a los clientes potenciales y priorizar sus respuestas.

11. Widget de video

El video es una de las herramientas imprescindibles para los profesionales del marketing digital y de la web de todo el mundo. Hay varias formas de añadir video a tus sitios web, como utilizar un iframe o alojar el video tú mismo.

Sin embargo, también puedes encontrar algunos increíbles widgets de video que facilitan la adición de video a un sitio web con solo unos pocos clics. Muchos de estos widgets funcionarán fácilmente con YouTube, Vimeo, Dailymotion y otras plataformas de video online.

12. Widget de galeria de fotos

Las galerías de fotos pueden tener todas las formas y tamaños. El widget de galería de fotos para mostrar imágenes es una excelente forma de mostrar una cartera de trabajo, las caras sonrientes de los empleados o la decoración y el layout de la empresa. La versatilidad de este widget es lo que hace que sea uno de los más habituales en los sitios web.

13. Widget de acordeón

  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.
  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.
  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.

Los widgets de acordeón o plegables son ideales para incluir mucha información útil en una página web de forma que no recargue al usuario. Los acordeones pueden presentarse en una variedad de diseños; sin embargo, todos mantienen la misma función básica. Estos widgets son especialmente útiles en las páginas de productos, servicios y preguntas frecuentes.

Con el widget de acordeón, los visitantes pueden encontrar fácilmente la información que buscan y no tienen que desplazarse por bloques de contenido que no les interesen. En su lugar, pueden ver una lista de preguntas o títulos y abrir lo que quieran leer. Puedes crear preguntas frecuentes, productos destacados o próximos eventos, todo ello compacto y fácil de leer.

14. Widget de lista

Las listas son una de las formas más comunes de formatear el contenido en la web. Los widgets de listas ofrecen a los diseñadores web y a los profesionales del marketing digital una forma sencilla de presentar una lista de información con un bonito diseño.

Los widgets de lista se utilizan habitualmente para mostrar todo tipo de cosas, desde lugares de negocios, servicios y perfiles de empleados.

15. Widget de tabla

Number First Name Last Name Email Address
1 Anne Evans anne.evans@mail.com
2 Bill Fernandez bill.fernandez@mail.com
3 Candice Gates candice.gates@mail.com
4 Dave Hill dave.hill@mail.com

En cierto modo, los widgets de tabla son similares a los widgets de lista. Se utilizan para organizar y mostrar una gran cantidad de información de manera sucinta. Sin embargo, el diseño de una tabla en una página web suele ser bastante diferente del diseño de una lista.

Un widget de tabla facilita la creación de una tabla que se mostrará correctamente en el desktop, la tablet y el celular. Muchos de estos widgets también permiten crear una tabla simplemente conectando una planilla de algún tipo.

Un widget de previsión meteorológica es útil para cualquier empresa cuyas operaciones dependan, al menos en parte, del clima.

Los cafés al aire libre, las posadas y las empresas de rafting pueden beneficiarse proporcionando a los visitantes del lugar una forma conveniente de determinar el clima que habrá durante su interacción con el negocio.

Este widget ha sido creado por la agencia TheCamel.co.

Añadir un widget de contador rotativo a un sitio web permite comunicar rápidamente que los consumidores disfrutan participando con la empresa u organización. Este widget es muy útil para aumentar la participación del cliente y las conversiones online.

Este widget ha sido creado por la agencia TheCamel.co.

Los testimonios son una forma muy útil de prueba social que ayuda a generar confianza en el visitante de un sitio web. El uso de un widget de testimonios hace que sea sencillo y rápido gestionar y mostrar las buenas críticas que la empresa u organización recibe de los consumidores.

Este widget fue creado por la agencia TheCamel.co.

Más avanzado que el deslizador de imágenes habitual, el deslizador de estilo molino de agua ofrece a los diseñadores web una forma única de mostrar las fotos de los empleados, los productos y mucho más.

Puedes considerar la posibilidad de añadir un deslizador de molino de agua a tu sitio web si realmente quieres crear algo único que impresione y atraiga a los visitantes del sitio web tan pronto como lleguen a la página.

Este widget ha sido creado por TheCamel.co.

Una de las preguntas más comunes que se hace cualquier persona cuando compra online es: "¿Cuánto cuesta este producto/servicio?".

Añadir un widget deslizante de precios a un sitio web es una forma fantástica de permitirles a los visitantes del sitio web responder a esa pregunta por sí mismos de forma rápida y sencilla.

Este widget fue creado por DevObal Technologies.

Los widgets de diseño generalmente son útiles para atraer la atención del visitante hacia una sección específica de una página web y ayudar a los usuarios a procesar la información que contiene.

Un widget de galería de estilo blackout cumple perfectamente este doble propósito. Tienes la posibilidad de añadir uno a un sitio web de una pequeña empresa para ofrecer un movimiento un poco más atractivo para los usuarios.

Este widget fue creado por DevObal Technologies.

Un widget de planificación de viajes les permite a los visitantes del sitio web saber exactamente cuánto tiempo tardarán en llegar a la ubicación física de una empresa u organización. Este nivel de funcionalidad seguramente se destacará en cualquier sitio web de una pequeña empresa, por lo que es una excelente opción a la hora de considerar qué widgets añadir.

Este widget fue creado por DevObal Technologies.

Para empresas y organizaciones con equipos grandes (por ejemplo, escuelas, gimnasios, consultorios médicos, etc.), un widget de lista puede no ser la opción más escalable y un widget de tabla puede no tener todas las características de diseño completas necesarias para crear perfiles atractivos.

En ese caso, un widget de equipo es la herramienta ideal para la implementación. Con este widget avanzado, puedes crear perfiles de empleados que sean fáciles de navegar y buscar.

Este widget ha sido creado por DevObal Technologies.

Beneficios del constructor de widgets de Duda

El Constructor de Widgets de Duda (o Widget Builder) es una sólida herramienta que le permite a tu agencia crear tus propios widgets personalizados y ofrecérselos a tus clientes. 

¡Las oportunidades de negocio que ofrece esta potente herramienta son tan numerosas como los tipos de widgets que puedes crear!

Con una cantidad relativamente baja de tiempo, esfuerzo y recursos, puedes aprovechar este recurso para hacer crecer tu negocio.

Dependiendo de tu tamaño y de tus objetivos, Widget Builder puede ser la herramienta que ayude a tu agencia a llegar a nuevos mercados y a abrir nuevas fuentes de ingresos.

1. Ahorro de tiempo

Si alguna vez has tenido que crear widgets en otras plataformas, es probable que sepas la cantidad de horas (o días) que se necesitan para construirlos. En Duda, puedes crear widgets personalizados en unas pocas horas.

2. Mejora del flujo de trabajo

¿Alguna vez te has detenido a pensar en la cantidad de horas dedicadas en cada proceso de corrección de los widgets antiguos? Las actualizaciones en el Constructor de Widget de Duda, son un proceso continuo que puede realizarse sin romper ningún widget existente. 

Para aumentar la eficiencia, también puedes utilizar el Widget Builder para crear widgets personalizados que automaticen los procesos manuales (como añadir o actualizar la información comercial de los clientes) o integrar servicios de terceros (como un motor de reservas de horarios, por ejemplo).

3. Proceso de creación en colaboración

Tanto tu equipo como tus clientes pueden editar los widgets personalizados en el Widget Builder, sin que se vuelva un proceso tedioso. Esto hace que el proceso de creación de widgets por parte de tu equipo, y la entrega y gestión por parte de tus clientes, sea mucho más sencillo.

4. Design escalable

Los widgets personalizados son tan escalables como hermosos. Un widget personalizado puede utilizarse varias veces, lo que significa que invertir unas horas en crear un widget puede generar miles de casos de uso en los sitios web de diferentes clientes. 

Recuerda que, siempre que crees un widget personalizado, no tiene que ser necesariamente para un solo sitio web o un solo cliente. Puedes crear un arsenal de widgets para utilizarlos a escala con múltiples clientes en un mercado vertical. 

Por ejemplo, puedes crear un widget de localización de tiendas que ayude a los franquiciados a mostrarles a los clientes dónde encontrar sus tiendas físicas más cercanas, y utilizarlo para varios clientes del mismo segmento.

5. Más ingresos para tu agencia

Una buena forma de aumentar tus ingresos es ofrecer widgets personalizados como parte de un paquete de upsell para los servicios de creación de sitios web. 

Dado que los widgets personalizados aportan funcionalidad adicional a tus sitios web y pueden conectarse a tus servicios de back-end, como un CRM, tu agencia puede posicionarlos como parte de un paquete de "sitio web mejorado". 

Como personalizar los widgets con Duda

Como hemos visto, el Constructor de Widgets de Duda te permite crear widgets personalizados para tus clientes según sus necesidades. 

La buena noticia es que la plataforma proporciona una estructura para que tu widget tenga el mismo rendimiento como los propios widgets de Duda. 

Al mantener las opciones de entrada que son el estándar de Duda, el desarrollador consigue con su creación el mismo nivel de experiencia de usuario que ofrecen las funciones nativas de Duda. 

Además, el widget personalizado puede archivarse en la biblioteca del desarrollador para utilizarlo en otros proyectos, así como compartirlo para que otros desarrolladores puedan utilizarlo.

Ventajas de la personalización de widgets

La personalización de un widget da autenticidad al producto, aunque se trate de un widget con función genérica como la previsión del tiempo. 

Puedes personalizar según la identidad del sitio web del cliente, siguiendo el uso de la paleta de colores y fuentes, incluso alineándolo con los demás widgets presentes en la página.

Con widgets estandarizados y personalizados para el sitio web de cada cliente, es más fácil garantizar una serie de beneficios, como

  • seguridad
  • tiempo de ejecución
  • buena experiencia de usuario
  • gatillo de aumento de las conversiones

También facilita la exploración de las múltiples posibilidades que ofrece la personalización de la web, donde la experiencia web se personaliza para cada visitante.

Paso a paso de la personalización de un widget

El desarrollador que vaya a personalizar un widget en la plataforma Duda debe acceder inicialmente al campo específico para desarrolladores de la página. A continuación, haz clic en el botón de construir un nuevo widget, donde aparecerán tres campos principales para su gestión: campo de código, de contenido y de diseño.

Editando el código

La personalización de un widget combina el trabajo con HTML, Javascript y CSS, cada uno responsable de funciones específicas en la materialización del producto final. Así, en el campo de los códigos, es posible pegar el código creado o escribirlo allí, editando en cada pestaña correspondiente a los mencionados protocolos. 

En la plataforma de Duda, existen guías y tutoriales específicos sobre cada categoría (JavaScript, css y html) para que los desarrolladores sepan cómo utilizarlos de la mejor manera al personalizar el widget.

Editando el contenido

En la edición de contenidos, puedes elegir las opciones de entrada para cada widget, lo que te permite utilizar entradas estándar con texto e imágenes que ayudarán a mantener la interfaz consistente para todos los demás usuarios de la plataforma.

Editando el diseño

En cuanto a la edición del diseño del widget, Duda también ofrece opciones de ejecución de alto nivel, permitiendote editar no solo los colores y las fuentes, sino también ajustar el tamaño del widget, adaptándolo a la ubicación que tendrá en la página del cliente.

Todo este proceso de personalización del widget puede ir acompañado de la vista previa de la función, lo que permite al desarrollador visualizar la forma que está tomando el widget.

Categorización

Al finalizar el proyecto, es el momento de categorizarlo dentro de la plataforma. Elige una categoría de acuerdo con la funcionalidad y el propósito del widget creado. Esta categoría servirá como indexador de recursos para poder localizarlos en la biblioteca de Duda para futuras búsquedas. Actualmente, la plataforma Duda trabaja con seis categorías para agrupar los widgets.

Publicación

Después de pasar por estas tres etapas de personalización, el widget está listo para ser publicado. Inicialmente, solo está disponible para los propietarios o el equipo autorizado con acceso al campo de desarrolladores en el sitio web de Duda. 

Al publicarlo, se generará en la plataforma como versión 1 del proyecto y con cada nueva actualización se crearán otras versiones. Esto significa que Duda no descarta ninguna versión construida y puede rescatarlas cuando las necesites.

Incluso teniendo una plataforma completa con muchos recursos modernos para la personalización de los widgets y la construcción de sitios web, Duda sigue permitiendo la integración práctica de aplicaciones externas.


Conclusión


Os widgets podem ser usados para adicionar elementos criativos ao design de um site, melhorar sua usabilidade, integrar ferramentas, ajudar na captura de leads... Enfim, a lista de possibilidade é quase infinita.

Esses elementos independentes são indispensáveis para a construção de sites dinâmicos e atraentes, que vão melhorar a experiência do usuário e entregar resultados para os clientes da sua agência.

A Duda possui uma vasta biblioteca de widgets personalizáveis. Se você não encontrar o que procura por lá, ainda pode criar seus próprios widgets e usá-los como fonte de receita extra para a sua agência.



Quer saber mais sobre a Duda? Comece seu free trial agora mesmo ou agende uma conversa com um dos nossos especialistas.

Forbes logo and the headline How Verticalized SaaS Companies Can Accelerate Their Growth In 2024
By Itai Sadan 29 Apr, 2024
Uncover the playbook for vertical SaaS success in 2024! Dive into the transformative power of multi-product strategies with insights from Itai Sadan, CEO and cofounder of Duda. Learn how to skyrocket revenue, boost customer loyalty, and dominate your market niche.
Entrepreneur's logo and How to design an eye-catching website that truly captures your audience.
By Itai Sadan 24 Apr, 2024
The rules governing a "well-designed website" are in constant flux. So getting insights into the latest web design trends for 2024 is crucial to captivate visitors and engage the right audience for your business.
The homepage for Duda.co
By Renana Dar 22 Apr, 2024
We sat out to redesign Duda's homepage using the most advanced capabilities of our own platform. See how we combined design, code, and advanced drag-and-drop capabilities to create a homepage like no other.
Show More

Latest Posts

Share by: