Invitación de boda digital

Luxury WeddingInvitation 3D

Un sobre floral en relieve que se abre en 3D con luz dorada y descubre una invitación completa: fecha para rascar, programa animado, cuenta regresiva, mapa y música. Lista para personalizar y compartir con un enlace.

  • Arte vectorial original
  • Móvil y ordenador
  • Web o WordPress

Demo real en vivo: toca el selloCaptura real · abre la demo para interactuar

La experiencia del invitado

Paso a paso

Capturas reales de la demo. Así recorre la invitación quien la recibe.

  1. Sobre cerrado con flores en relieve y sello de lacre con iniciales

    01 Sobre en relieve

    Flores en relieve sobre papel marfil y sello de lacre con las iniciales. Destellos dorados recorren el relieve.

  2. Solapas del sobre abriéndose con luz dorada desde el centro

    02 Apertura 3D luminosa

    Al tocar el sello, las cuatro solapas se abren en 3D y una luz dorada da paso a la portada.

  3. Portada con arco, flores, faroles y palacio

    03 Portada ilustrada

    Arco con flores, faroles que se balancean, palacio con reflejo y polvo dorado flotando.

  4. Invitación formal con los nombres y los padres

    04 Invitación formal

    Nombres en caligrafía dorada, padres, bendición y mensaje de la pareja.

  5. Tarjetas doradas para rascar que revelan día, mes y año

    05 Fecha para rascar

    Tres tarjetas doradas que se rascan con el dedo o el ratón para descubrir día, mes y año.

  6. Programa con horarios e iconos dorados

    06 Programa animado

    Horarios con iconos dorados que se dibujan solos y una línea que avanza al desplazarse.

  7. Cuenta regresiva con días, horas, minutos y segundos

    07 Cuenta regresiva

    Días, horas, minutos y segundos en vivo hasta la celebración, según la zona horaria del lugar.

  8. Ubicación con dibujo del lugar, mapa y botón de Google Maps

    08 Ubicación y mapa

    Dibujo del lugar, mapa integrado y botón para abrir la ruta en Google Maps.

  9. Código de vestimenta con figurines y colores sugeridos

    09 Código de vestimenta

    Figurines ilustrados, estilo sugerido y paleta de colores con una nota para invitados.

  10. Cierre con sello, nombres y fecha

    10 Cierre

    Despedida con el sello, los nombres y la fecha escrita completa.

Funciones

Todo lo que incluye

Animaciones e interacciones reales, presentes en la demo.

Sobre floral en relieve

Textura de papel con flores en relieve y sello de lacre con las iniciales de la pareja.

Destellos dorados

Brillos que recorren el relieve, chispas al tocar el sello y polvo dorado en la portada.

Apertura 3D luminosa

Solapas que se abren en perspectiva con rayos de luz y un fundido suave hacia la portada.

Fecha interactiva

Tarjetas doradas para rascar; al descubrir las tres aparece la fecha completa.

Programa animado

Los momentos del día con iconos que se dibujan solos al aparecer en pantalla.

Cuenta regresiva

Se actualiza cada segundo y tiene en cuenta la zona horaria del lugar de la boda.

Mapa y ruta

Mapa de Google Maps integrado y botón para abrir la ubicación en el móvil.

Música

Empieza al abrir el sobre, con botón de pausa. Admite un MP3 propio con licencia o una melodía de muestra generada por la página.

Diseño adaptable

Pensada para móvil; en ordenador se muestra centrada sobre un fondo dorado, sin deformarse.

Captura real de la invitación vista en un ordenador
Captura real en ordenador (1440 × 900).

Cómo funciona

Personaliza y comparte

Nombres, fechas, horarios, lugar, colores y textos se cambian sin programar.

  1. 1

    Personaliza

    Escribe los datos de la boda en el editor visual (versión web) o en el panel de WordPress (plugin).

  2. 2

    Publica

    Sube la carpeta a tu hosting (web) o guarda los ajustes en tu WordPress (plugin).

  3. 3

    Comparte

    Envía el enlace a tus invitados por WhatsApp, correo o redes. Se abre en el navegador, sin instalar nada.

Versión web

Editor visual con vista previa en vivo

  • Todos los textos, nombres, fechas, horarios y números, organizados por secciones y con buscador.
  • Vista previa al instante en móvil u ordenador.
  • Programa y colores con elementos que se añaden, quitan y reordenan; iconos a elegir.
  • Borrador guardado en el navegador, deshacer, y copia de seguridad para exportar e importar.

Importante: el editor trabaja en tu ordenador. Para publicar, descarga el archivo config.js que genera y súbelo a tu hosting en lugar del anterior. No guarda solo en el servidor.

Captura real del editor visual: campos a la izquierda y vista previa a la derecha
Captura real del editor visual.

Web JavaScript + editor

Cómo se edita
Con el editor visual en el navegador; se publica subiendo el config.js exportado.
Qué se entrega
Carpeta con la invitación (HTML, CSS y JavaScript), el editor y una guía.
Dónde se publica
Cualquier hosting de archivos estáticos; no necesita base de datos.
Cómo la ven los invitados
Con el enlace de tu web.

Plugin WordPress

Cómo se edita
Desde el menú «Invitación de boda» del escritorio de WordPress, con campos para cada dato.
Qué se entrega
Un archivo ZIP que se instala en Plugins → Añadir nuevo → Subir plugin.
Dónde se publica
En tu propio sitio WordPress.
Cómo la ven los invitados
Con un enlace directo, una página con la plantilla de pantalla completa o un shortcode.

Versiones disponibles

Elige cómo usarla

El mismo diseño y las mismas animaciones en las dos versiones.

Versión 1

Web JavaScript + editor visual

  • Invitación completa en HTML, CSS y JavaScript
  • Editor visual de todos los textos y números
  • Exporta config.js y copias de seguridad
  • Ideal para publicar en tu propio hosting
Ver la demo
Versión 2

Plugin WordPress

  • Panel de ajustes dentro de WordPress
  • Programa y colores editables, canción e imagen desde la biblioteca de medios
  • Enlace directo, plantilla de página o shortcode
  • Se muestra a pantalla completa, sin que el tema altere el diseño

La demo pública muestra la versión web; el plugin reproduce el mismo diseño dentro de WordPress.

Preguntas frecuentes

Antes de empezar

¿Necesito saber programar?

No. Los datos se cambian en el editor visual (web) o en el panel de WordPress (plugin).

¿Se ve bien en el móvil?

Sí: está diseñada primero para móvil. En ordenador se muestra centrada sobre un fondo decorativo para conservar las proporciones.

¿Puedo poner mi propia canción?

Sí, un archivo MP3 del que tengas licencia. Si no añades ninguno, suena una melodía instrumental de muestra generada por la propia página.

¿Las ilustraciones son fotos?

No. Son ilustraciones vectoriales originales creadas por código (flores, arco, palacio, iconos y figurines). En la portada se puede usar opcionalmente una imagen propia.

¿Necesita conexión a Internet?

Sí para las tipografías (Google Fonts) y el mapa (Google Maps). Si no cargan, la invitación sigue funcionando con tipografías de respaldo.

¿Los cambios del editor se publican solos?

No. En la versión web se descarga el config.js generado y se sube al hosting. En WordPress, los cambios se guardan desde su panel.

Ábrela tú mismo

Toca el sello, rasca la fecha y recorre la invitación completa con datos de ejemplo.

Probar invitación