For the complete documentation index, see llms.txt. This page is also available as Markdown.

Diseño y marca

Haz que un formulario de Dapta se parezca a tu marca desde el panel Diseño, dentro de Construir: idioma y texto de los botones, temas, colores, tipografías, logos, portada y tarjeta al compartir, con

Diseño es un modo dentro de la pestaña Construir. Haz clic en Diseño en la barra de herramientas y el lienzo se reemplaza por dos columnas: todos los ajustes visuales a la izquierda, y una vista previa en vivo del formulario real a la derecha. Cada cambio aparece en la vista previa de inmediato y se guarda como borrador; haz clic en Publicar cuando quieras que lo vea quien responde.


Paso 1: Abre tu formulario, quédate en la pestaña Construir y haz clic en Diseño en la barra de herramientas (junto a Añadir pregunta). Haz clic otra vez en Diseño para volver al lienzo de preguntas.

El editor en modo Diseño: el botón Diseño de la barra resaltado, la columna de ajustes empieza con las tarjetas Idioma y Texto de los botones, y la vista previa del dispositivo a la derecha
Modo Diseño. Izquierda: los ajustes, agrupados en tarjetas, empezando por Idioma y Texto de los botones. Derecha: la vista previa en vivo de tu formulario.

La columna de la izquierda está organizada en tarjetas, de arriba abajo: Idioma, Texto de los botones, Título del formulario, Diseño (Diapositivas o Una página), Tema, Colores, Tipografía, Forma y controles, Distribución (logos, insignia de atribución, alineación, ancho, transición), Tarjeta al compartir, Portada, Logos de clientes, un enlace a Envíos parciales (que se configuran en la lista de preguntas de la pestaña Construir) y Cuando termina el formulario.


Paso 2: Usa los controles de vista previa que están arriba de la columna derecha. Móvil, Tablet y Escritorio cambian el marco del dispositivo (el tamaño y el zoom se muestran al lado, por ejemplo 1280 × 800 · 45%). Las flechas recorren las pantallas (Pantalla anterior, Pantalla siguiente), y la flecha circular reinicia la vista previa. La barra de dirección muestra el enlace público, forms.dapta.ai/{código de cuenta}/f/{slug}, con botones para copiarlo y para abrir el formulario en vivo.

La columna de vista previa con las flechas de paso y el selector Móvil, Tablet y Escritorio resaltados, y un enlace /f/ en la barra de dirección
La vista previa ejecuta el renderizador real del formulario. Nada de lo que escribas ahí se envía.

💡 Tip: La vista previa muestra tu borrador, incluidas las ediciones sin publicar, en el idioma del formulario (mira Idioma y texto de los botones). Quien responde sigue viendo la última versión publicada hasta que haces clic en Publicar.

⚠️ Nota: Un Kit de marca del workspace puede prellenar el logo, los colores, la tipografía y los controles de cada formulario nuevo. Lo que cambies aquí aplica solo a este formulario.

Páginas de esta sección

  • Idioma y texto de los botones: el idioma de los botones y mensajes que ven los visitantes, y tu propio texto para Atrás, Siguiente y Enviar.

  • Temas, colores y fondo: elige uno de los nueve temas, define Fondo, Texto y Color de marca con comprobación de contraste, y escoge un fondo Plano, Degradado, Resplandor o Imagen.

  • Tipografía y controles: elige una tipografía (o aloja la tuya), y define esquinas, estilo de botón, botón de ancho completo y el indicador de progreso.

  • Logos, distribución y transiciones: logo del formulario y logo de la portada, tamaño y posición del logo, tamaño de la insignia de atribución, alineación de la pregunta, ancho del contenido, transición entre pasos y el título público del formulario.

  • Portada y banner: la pantalla de entrada que se muestra antes de la primera pregunta, con banner, titular, subtítulo, botón de inicio e sello de confianza.

  • Marquesina de logos de clientes: una tira de logos de «confían en nosotros» en la portada, en la pantalla de revelación o en ambas.

  • Tarjeta al compartir: la imagen que se ve cuando el enlace se comparte en chat o en redes, generada a partir de tu diseño o puesta por ti.

  • Kit de marca (para todo el workspace): la apariencia del workspace con la que arrancan los formularios nuevos, y cómo aplicarla a los que ya existen.

Última actualización