Componentes - Herramientas - Gestión de Formularios

Índice:




Introducción Insertar Formulario

Sección para administrar y crear los formularios en tu tienda online.

Cuando accede a está sección verá lo siguiente:
(esta sección se muestra con formularios creados a modo de ejemplo, cuando acceda usted por primera vez estará vacía)

gestión de formularios

Acciones que puedes realizar en esta sección (de izquierda a derecha y de arriba a abajo):

  • duplicar formularios: clic para duplicar los formularios que previamente has seleccionado ()
  • eliminar formularios: clic para eliminar los formularios que has seleccionado ()
  • crear formulario: clic para crear un nuevo formulario.
  • casilla seleccion formularios: casilla para seleccionar formularios.
  • editar gráfico formulario: clic para editar el aspecto gráfico del formulario.
  • editar configuracion formulario: clic para editar la configuración del formulario.
  • Activo formulario en página: si haces clic sobre el nombre de la página podrás cambiar la sección de tu tienda donde se mostrará el formulario.
  • activar desactivar|: clic para activar o desactivar el formulario en su tienda.



Crear Formularios

Haciendo clic en el botón crear formulario para crear un formulario en tu tienda online.

Vamos explicar esta herramienta con un ejemplo. Vamos a crear un formulario como el siguiente:

formulario ejemplo

Consta de los siguiente elementos:

  • Nombre: campo de texto para introducir el nombre del usuari@. Este campo será obligatorio.
  • Email: campo de texto para insertar el correo electrónico. Este campo será obligatorio.
  • Ocupación: botones con 2 opciones: Desempleado y Trabajando.
  • Vida Laboral: campo de lista de opciones. Valores: de 0 a 5 años, de 5 a 10 años, de 10 a 20 años, más de 20 años.
  • Comentario: área de texto para que introducir comentarios.

Pasos a seguir para crear el formulario:

  1. En Herramientas - Gestión de Formularios haz clic en el botón crear formulario
  2. Se abrirá la página Crear Formulario - Aspecto Visual.
  3. Pasamos a introducir el primer campo Nombre.
    Hacemos clic en 'Añadir un campo de Texto' e introducimos los valores:
    • Nombre del Campo: identificador interno del campo. Aquí ponemos "nombre".
    • Texto: etiqueta que aparecerá antes del campo. Ponemos "Nombre:".
    • Obligatorio: aquí marcamos la casilla para que este campo sea obligatorio
    • Mensaje: aviso que se mostrará cuando el campo este vacío. Aquí ponemos "Por favor, introduce tu nombre".
    • clic en el botón añadir campo para insertar el campo.
      campo nombre
  4. Ahora introducimos el campo Email. Clic en 'Añadir un campo de Texto' e introducimos los valores:
    • Nombre del Campo: el ID interno del campo. Aquí ponemos "email".
    • Texto: etiqueta que aparecerá antes del campo. Ponemos "Email:".
    • Obligatorio: aquí marcamos la casilla para que este campo sea obligatorio
    • Mensaje: aviso que se mostrará cuando el campo este vacío. Aquí ponemos "Por favor, introduzca su correo electrónico".
    • Clic en el botón añadir campo para insertar el campo.
      campo email
  5. El siguiente paso es añadir los botones de opciones "Ocupación".
    Clic en 'Añadir grupo de Botones de Opciones' e introducimos los valores:
    • Nombre del Campo: el ID interno del campo. Aquí ponemos "ocupación".
    • Texto: etiqueta que aparecerá antes del campo. Ponemos "Ocupación:".
    • Opciones: añadimos las opciones para el grupo. Hay que introducir una opción por línea
    • clic en el botón añadir campo para insertar el campo.
      grupo de botones de opciones
  6. Ahora añadimos la lista de opciones Vida Laboral.
    clic en 'Añadir Lista de Opciones' e introducimos los valores:
    • Nombre del Campo: el ID interno del campo. Aquí ponemos "vidalaboral".
    • Texto: etiqueta que aparecerá antes del campo. Ponemos "Vida Laboral:".
    • Opciones: añadimos las opciones para el grupo. Introducir una opción por línea.
    • clic en el botón añadir campo para insertar el campo.
      grupo de botones de opciones
  7. El último campo añadir es un área de texto para el Comentario:
    clic en 'Añadir un área de Texto' e introducimos los valores:
    • Nombre del Campo: el ID interno del campo. Aquí ponemos "comentario".
    • Texto: etiqueta que aparecerá antes del campo. Ponemos "Comentario:".
    • Ancho: introducimos 400px.
    • Filas: insertamos 5.
    • clic en el botón añadir campo para insertar el campo.
      area de texto
  8. Ya están creados los campos del formulario, ahora hay que insertar los datos de configuración.
    Hacemos clic en boton proximo paso.
    formulario creado
  9. Se abrirá la página para la configuración del formulario:
    configuracón formulario
    Añadimos los siguientes datos:
    • Nombre del Formulario: por ejemplo, ponemos Contacto.
    • Descripción del Formulario: aquí puedes introducir una descripción del formulario.
    • Activar: Si está visible, No para desactivar.
    • Texto botón enviar: título del botón, aquí insertamos en "Enviar".
    • Mensaje Envío: aquí aparecería el mensaje cuando el usuari@ presiona el botón de envío y no hay errores.
    • Email de destino: correo al cual llegarán los datos del formulario.
    • Hacemos clic en
  10. El formulario ya estaría creado en su totalidad. Nos quedaría el último paso, seleccionar la página o sección de nuestra tienda en donde aparecerá.
    seleccionar página
    Hacemos clic en icono no pagina del formulario, se abrirá la siguiente página:
    seleccionar pagina
    Seleccionamos una página de destino de nuestra tienda y hacemos clic en modificar pagina

Con esto quedaría el formulario funcionando en la sección "Contacto" de tu tienda online.




Editar aspecto gráfico del formulario

Para editar el aspecto gráfico y campos del formulario haz clic en editar gráfico formulario:

editar formulario grafico

Se abrirá la siguiente página para editar:

editar formulario

Desde esta pantalla puedes editar el formulario y editar más campos si lo deseas.




Editar configuración del formulario

Para editar la configuración del formulario haz clic en editar configuración del formulario:

editar configuracion del formulario

Se abrirá la siguiente página para editar:

editar configuracion formulario

Edita cualquier parámetro de la configuración del formulario.




Duplicar formularios

En muchas ocasiones es útil, para no volver a crear un nuevo formulario, duplicar un formulario ya hecho y cambiarle algunos datos.

Para duplicar un formulario, selecciónalo marcando la casilla del formulario duplicara formulario.

Luego haga clic en boton duplicar formularios

duplicar formularios



Eliminar formularios

Para eliminar formularios de tu tienda, lo primero es seleccionarlos marcando la casilla de/los formulario/s casilla seleccion formularios

Presiona después el botón eliminar formularios

eliminar formularios