Widget de Modo Oscuro para su sitio web

Ofrezca a los visitantes una cómoda opción de navegación con poca luz mediante un interruptor de modo oscuro personalizable. Elija colores, ubicación, comportamiento predeterminado, programación y estilos con alcance definido en un widget sin código.

Cómo crear un widget Dark Mode

Choose the dark mode behavior

Elija el comportamiento del modo oscuro

Elija la posición de su botón, seleccione un ajuste predefinido de tema y ajuste la duración de la transición suave en todo su sitio.

Customize the button styling

Personalice el estilo del botón

Ajuste con precisión la apariencia del botón modificando su tamaño, el radio de las esquinas y la elevación de la sombra, y eligiendo entre diseños planos o con sombra interior.

Embed it on your website

Integrarlo en su sitio web

Pegue el código de inserción en un bloque HTML personalizado o de inserción, luego publique su página para mostrar el widget del sitio web.

Cree una experiencia de visualización más cómoda

Reduzca las superficies brillantes de la página

Oscurezca los fondos de la página y los colores del texto para que los visitantes puedan navegar por páginas largas de forma más cómoda en entornos con poca luz.

Reduce bright page surfaces

Ofrezca a los visitantes un interruptor visible

Agregue un interruptor fijo o en línea con etiquetas editables, posición, tamaño, forma y colores para que cada visitante pueda elegir el modo que prefiera.

Give visitors a visible switch

Explore ajustes predefinidos de tema seleccionados

Alterne entre estilos oscuros adaptados como Warm Reading para un enfoque cálido nocturno, Midnight Blue para la máxima profundidad de negro, High Contrast para una distinción visual mejorada o Graphite para una estética elegante y moderna.

Explore curated theme presets

Adapte su sitio con un estilo personalizado

Comience desde un ajuste predefinido de tema, ajuste los colores de la página y del interruptor, agregue una superposición sutil y utilice CSS personalizado con alcance definido para el toque final.

Match your site with custom styling

Cómo integrar su Dark Mode en WordPress

1Obtenga su código de inserción

Después de personalizar su widget de sitio web de Jotform, haga clic en Pruébelo en su sitio web gratis y copie el código de inserción generado.

2Abra el editor de la página

Vaya a la entrada o página de WordPress donde desea mostrar el widget y luego agregue un nuevo bloque.

3Agregue un bloque HTML personalizado

Seleccione HTML Personalizado y pegue el código de inserción de su widget de sitio web de Jotform en el campo HTML.

4Actualice y vea

Haga clic en Actualizar o Publicar y luego abra la página para revisar su widget insertado.

Por qué destacan los Widgets para Sitios Web de Jotform

Los widgets de Jotform hacen que su sitio web sea más interactivo y aumentan las conversiones. Hay muchas herramientas disponibles, desde valoraciones con estrellas y controles deslizantes de testimonios hasta ventanas emergentes de prueba social e inserciones de medios. Agregue widgets a sus formularios o páginas de destino para recopilar datos, mostrar pruebas y captar prospectos — sin necesidad de programación.

Inserte widgets sin necesidad de programar

Agregue widgets de Jotform a su sitio web con un simple código de inserción. Personalice el widget, previsualice su aspecto y péguelo en cualquier página que admita HTML personalizado o bloques de inserción, todo sin un desarrollador.

Cree páginas más interactivas

Utilice los Widgets para Sitios Web de Jotform para captar prospectos, mostrar comentarios de clientes, presentar pruebas sociales, insertar medios o agregar herramientas útiles para páginas web. Cada widget ayuda a los visitantes a interactuar con su negocio directamente desde su sitio web.

Obtenga soporte cuando lo necesite

Si necesita ayuda para configurar, personalizar, insertar o solucionar problemas de su widget, el equipo de atención al cliente de Jotform está disponible las 24 horas, los 7 días de la semana. Puede avanzar con confianza, sabiendo que la ayuda está ahí cuando la necesita.

Dónde usar su widget de Modo Oscuro

Agregue el widget en cualquier lugar donde los visitantes pasen tiempo leyendo, comparando, comprando o navegando de noche.

Blogs y bases de conocimiento donde las largas sesiones de lectura se benefician de una vista más suave con poca luz.

Páginas de SaaS y panel de control donde los visitantes esperan una opción moderna de tema oscuro.

Páginas de portafolio y multimedia donde los fondos oscuros pueden ayudar a destacar las imágenes y los elementos visuales.

Páginas de productos y precios donde los visitantes nocturnos aún deberían poder comparar detalles cómodamente.

Sitios comunitarios y de documentación donde los visitantes recurrentes quizás quieran que se recuerde su elección de visualización.

Sitios web diseñados para móviles donde un interruptor compacto puede ayudar a los visitantes a elegir rápidamente un modo de visualización más cómodo.

Convierta prospectos en clientes de pago con el Creador de Formularios de Jotform

Convierta la interacción en acción con Jotform. Cree formularios potentes que captan prospectos, recopilan pagos y automatizan respuestas, todo en un solo lugar. Cada envío llega a su Jotform Inbox, donde puede hacer seguimiento o conectar con sus aplicaciones favoritas.

Empiece — ¡Es gratis!
Convert leads into customers

Preguntas Frecuentes

  • ¿Qué es un widget de Modo Oscuro?

    Un widget de Modo Oscuro es una utilidad web insertable que permite a los visitantes cambiar una página a un tema de color más oscuro.

  • ¿Pueden los visitantes activar y desactivar el modo oscuro?

  • ¿Puedo personalizar los colores?

  • ¿Puedo controlar dónde aparece el interruptor?

  • ¿Necesito escribir código?