Diseño de formularios

Su formulario debería parecerse a usted. No a la herramienta con la que se hizo.

A la mayoría de los creadores de funnels se les reconoce por el formulario. Las mismas tarjetas, las mismas esquinas redondeadas, el mismo botón abajo a la derecha. Para el proveedor es cómodo. Para su marca menos, y para una agencia que trabaja por encargo suele ser el motivo de no proponer siquiera la herramienta. En asksteps hay dos salidas, y puede tomar las dos en el mismo formulario.

Ambas están en todos los planes, también en el gratuito.

Cómo funciona

¿Hasta dónde quiere llegar?

  1. 01

    Casi siempre basta con ajustar

    Colores, tipografía, radios de las esquinas, grosor del borde, sombra, ancho, la disposición de las respuestas, el indicador de progreso. Todo con selectores de color y listas desplegables, con vista previa inmediata. Trece temas están ahí como punto de partida; lo que salga de ellos lo guarda como suyo.

  2. 02

    Y cuando no basta, lo escribe usted

    Para lo que ningún elemento de formulario cubre, arrastra una sección libre y escribe HTML y CSS dentro. Tabla de precios, cuadro comparativo, aviso destacado, una máscara de entrada con su propio botón de continuar.

  3. 03

    Las dos en el mismo formulario

    La sección libre conoce los colores de su tema. Si cambia el tema, cambia con él en lugar de quedarse con el color equivocado. Parece un detalle. Es la diferencia entre hecho a mano y se nota que es hecho a mano.

  4. 04

    Otra vez con el siguiente cliente

    Su tema se puede exportar como archivo e importar en otra cuenta. Quien trabaja para varios clientes tiene al cabo de unos proyectos una pequeña biblioteca, en vez de teclear cada vez los valores de color del manual de marca.

In Betrieb

Editor de temas

Dos formularios hechos con asksteps no parecen hechos con asksteps.

Colores, tipografía, esquinas, bordes, cómo se colocan las respuestas, si aparece un indicador de progreso, si hay una imagen de fondo. Todo en el editor, con la vista previa al lado. Trece temas vienen hechos. El suyo lo guarda y lo saca otra vez para el siguiente cliente.

  • Respuestas en columna o en cuadrícula, con icono o sin él
  • Progreso en barra, puntos, segmentos o nada
  • Una pregunta con ocho respuestas puede verse distinta al resto
asksteps studio — editor de temas
EIN FUNNEL · DREI THEMES · DIESELBEN FRAGENBeratungBewerbungSonstigesWeiterHELL · LISTE · KARTEBeratungAngebotSupportPresseWEITERDUNKEL · RASTER · PUNKTEBeratungBewerbungSonstigesWeiterPAPIER · BOGEN · SEGMENTE Farben, Schrift, Radien, Anordnung, Fortschritt — eingestellt, nicht programmiert.

HTML propio

Donde termina el editor, sigue escribiendo usted.

Una sección del formulario que escribe usted mismo en HTML y CSS. Tabla de precios, cuadro comparativo, aviso destacado, una máscara de entrada que tiene que verse así y no de otra manera. Los campos que incluya son reales: sus respuestas llegan al lead como todas las demás.

  • Rehacer un formulario PDF importado sin perder la correspondencia
  • El botón de continuar está donde usted lo ponga
  • Sin JavaScript y sin cargar tipografías desde Google
html propio — escrito, renderizado, registrado
EIGENES HTML<style> .zeile { display:grid }</style><label>Vorname</label><input data-xm-id="Vorname_1" data-xm-required><input data-xm-qst="Wunsch- termin" type="date"><button data-xm-next> Weiter</button>SO SIEHT ES DER BESUCHERVORNAMENACHNAMEWUNSCHTERMINGut zu wissenWir melden uns binnen 24 Stunden.WeiterERKANNTE FELDERvornamePflicht→ Vorname_1 (PDF)wunschterminDatum→ Frage im LeadKEIN JAVASCRIPTKEIN FREMD-REQUEST
Funciones

Qué significa esto en la práctica

Nadie ve con qué se hizo

Paleta, tipografía, dureza de los cantos, disposición: todo intercambiable. Dos formularios de la misma cuenta no tienen por qué parecerse, y a partir del plan Starter desaparece también el aviso "Powered by asksteps" bajo el formulario.

Sin una línea de código

El editor de temas cubre con diferencia la mayor parte. El HTML hace falta solo cuando le falta algo que ningún elemento de formulario representa.

Un diseño por cliente

La apariencia pertenece al formulario, no a la cuenta. Un equipo puede trabajar para varios clientes en paralelo, cada uno con su imagen corporativa y en su propio dominio.

Ningún servidor ajeno

Las tipografías propias deben estar en su servidor o incrustadas; una referencia a un servidor de fuentes externo se elimina. Su formulario no carga nada que usted no conozca. La pregunta aparece en los concursos públicos más de lo que uno pensaría.

Comprobado en el móvil

La vista previa muestra la misma salida que recibe el visitante. Lo que encaja ahí, encaja también en una pantalla estrecha.

Sin recargo por diseñar

Ni el editor de temas ni la sección HTML dependen de un plan superior. Algún competidor solo habilita el HTML propio a partir de su nivel para empresas.

Preguntas frecuentes

Preguntas sobre el diseño

¿Necesito saber HTML?

Para el editor de temas no. Es una interfaz con selectores de color, deslizadores y listas desplegables, y la vista previa muestra cada cambio al instante. El HTML solo hace falta cuando quiere construir una sección que no existe como elemento de formulario.

¿Puedo cambiar el diseño de todo el funnel o solo de pantallas sueltas?

El tema se aplica a todo el funnel o formulario: preguntas, respuestas, botones y progreso. Cada pregunta puede apartarse de él. Una con ocho respuestas suele funcionar mejor en cuadrícula mientras las demás siguen en lista.

¿Puedo incluir JavaScript?

No, y es deliberado. Su formulario se ejecuta incrustado en páginas ajenas. Un HTML de terceros con capacidad de script sería allí una brecha de seguridad permanente frente a cada visitante. Donde otros proveedores permiten JavaScript propio, le trasladan ese riesgo a usted.

¿El diseño se aplica también a la integración en WordPress?

Sí. Tanto si publica el formulario con el fragmento de incrustación, con el plugin de WordPress o en un subdominio propio: es el mismo widget con el mismo tema.

¿Qué pasa con mi diseño cuando asksteps cambia?

Un tema es un registro guardado, no un estado de la interfaz. Los campos que deje vacíos heredan sus valores. Por eso un formulario que cree hoy seguirá viéndose como lo configuró tras una ampliación posterior.

Más sobre este tema

El diseño de formularios en detalle

Haga un formulario que se parezca a usted

Cree una cuenta gratuita y ajuste el primer tema. Lleva menos que leer esta página.

Crear cuenta ahora