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 embudos 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

Formularios con el diseño de su sitio web

Un formulario insertado suele reconocerse enseguida: otra tipografía, otros colores, otras esquinas que el resto de la página. En el Theme-Editor lo configura usted y la vista previa al lado sigue cada cambio. Se incluyen trece temas listos, y lo que haga con ellos lo guarda como propio.

  • Respuestas en lista o en mosaico. Con dos respuestas la lista resulta más tranquila; con ocho, la cuadrícula.
  • Indicador de progreso activado o desactivado. En una solicitud larga ayuda; con tres preguntas, «quedan dos» más bien desanima.
  • Incluido en todos los planes, también en el gratuito
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

Secciones propias en HTML y CSS

Una sección dentro del formulario que usted escribe en HTML y CSS. Una tabla de precios, una rejilla comparativa, un recuadro de aviso, una máscara de entrada que tiene que verse exactamente así y no de otra forma. Donde termina el constructor, usted sigue escribiendo. Los campos que incluya son reales: las respuestas llegan a la bandeja 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 BESUCHERVORNAMENACHNAMEWUNSCHTERMIN▦Gut 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 embudo o solo de pantallas sueltas?

El tema se aplica a todo el embudo 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