Crear formulario en Caldera Forms en español

Crear formulario en Caldera Forms en español

En esta publicación aprenderemos a crear crear formulario en Caldera Forms en español paso a paso.

Si tiene alguna duda puede colocarla en los comentarios y le ayudaremos a resolverla

Primero que nada vamos a explicar con brevedad que es Caldera Forms.

¿Que es Caldera Forms?

Para poder crear formulario en Caldera Forms en español primero veremos que es.

Caldera Forms es un complemento de WordPress que crea formularios de forma gratuita.

¿Que nos ofrece Caldera Forms para crear formulario en Caldera Forms en español?

Ya que sabemos exactamente lo que es veremos que nos ofrece para poder crear formulario en Caldera Forms en español

Crear formulario en caldera forms en español

Nos ofrece:

  • Logica condicional
  • Campos de Calculo
  • Formularios de partes variadas
  • Carga de archivos
  • Columnas diseñadas
  • Capa anti spam
  • Generador de notificaciones de arrastrar y soltar
  • Conectar formularios con otros servicios

¿Como instalar Caldera Forms para crear formulario de Caldera Forms en español?

Aquí te mostraremos como instalar caldera Forms para WordPress. para poder crear formulario en caldera forms en español.

Primero que nada nos vamos a situar en la columna de la parte izquierda de nuestra pantalla.

Crear formulario en caldera forms en español

Iremos a la pestaña que dice Plugins.

Crear formulario en caldera forms en español

Vemos que al posicionar el puntero nos sale una pestaña, aquí daremos clic sobre Añadir nuevo.

Crear formulario en caldera forms en español

Nos saldrá la siguiente página.

Crear formulario en caldera forms en español

Aquí nos posicionamos en el cuadro de búsqueda que es el siguiente.

Crear formulario en caldera forms en español

Aquí escribiremos las palabras Caldera Forms.

Crear formulario en caldera forms en español

Nos mostrará varias opciones pero elegiremos la primera que es esta.

Crear formulario en caldera forms en español

* En este caso nos aparece el botón en activo pero si es la primera instalacion, aparecera un boton en instalar ahora.

Damos clic en el botón Instalar Ahora.

Crear formulario en caldera forms en español

Crear formulario en caldera forms en español

Aprenderemos a como crear un formulario en Caldera Forms en español.

Ya instalado el plugin de Caldera Forms vamos a ir al Escritorio y nos vamos a la parte que dice Caldera Forms.

Crear nuevo formulario

Crear formulario en caldera forms en español

Y en la pestaña damos click en Forms.

Crear formulario en caldera forms en español

*Anteriormente realizamos un formulario, por esa razón la página de Caldera Forms se verá diferente.

En la siguiente página seleccionaremos el botón New Form.

Crear formulario en caldera forms en español

Nos aparecerá la siguiente ventana, aqui podremos decidir entre formularios predeterminados o formularios en blanco.

Crear formulario en caldera forms en español

En esta ocasión los haremos desde 0, asi que damos click en Blank Form.

Crear formulario en caldera forms en español

Nos saldrá la siguiente ventana, aquí colocaremos el nombre de nuestro formulario.

Crear formulario en caldera forms en español

Y damos click en el botón Create form.

Crear formulario en caldera forms en español

Nos enviará a la siguiente página.

Crear formulario en caldera forms en español

Páginas de formularios

Las páginas en los formularios son los campos que llenaran aquellas personas que requieran información.

Para agregar páginas a nuestro formulario nos situaremos en el botón que dice Add page.

Crear formulario en caldera forms en español

Veremos que se ha agregado una nueva página justo aquí.

Crear formulario en caldera forms en español

Ya que agregamos las páginas que necesitamos colocaremos los campos de cada una de ellas.

Agregar Campos

Seleccionamos la Página 1 y en el recuadro blanco damos click en el símbolo de +

Crear formulario en caldera forms en español

Seleccionaremos los campos que deseamos, en este caso me centrare en los básicos.

Ahora colocaremos un campo y para colocarlo hacemos clic en este botón Set Field.

Crear formulario en caldera forms en español

Enseguida se ingresara el campo y se vera de la siguiente manera.

Crear formulario en caldera forms en español

Ahora lo que aremos sera colocar el nombre a nuestro campo.

Crear formulario en caldera forms en español

Ya colocado el nombre vamos a habilitar la siguiente casilla si es que queremos que sea un campo obligatorio.

Crear formulario en caldera forms en español

Verificamos que nuestro campo se agrego correctamente viendo la siguiente casilla.

Crear formulario en caldera forms en español

Ahora seleccionaremos el botón que se sitúa arriba a la derecha de nuestro campo.

Crear formulario en caldera forms en español

Y nos quedara de la siguiente forma, nos creara otro campo al cual podremos modificar.

Crear formulario en caldera forms en español

Ahora bien, en este campo modificaremos solamente el nombre del campo anterior y le colocaremos el nombre del nuevo campo.

Crear formulario en caldera forms en español

Cambiando el nombre agregaremos el tipo de campo, en este caso sera Phone Number (Better).

Crear formulario en caldera forms en español

Debemos guardar para poder actualizar la region, asi que daremos click en el botón Save Form.

Crear formulario en caldera forms en español

Enseguida daremos click en Preview Form para poder cambiar la región.

Crear formulario en caldera forms en español

Ahora agregaremos el siguiente campo que será correo electrónico y para esto situaremos el cursor sobre el último campo

Crear formulario en caldera forms en español

Y después seleccionaremos el siguiente botón para crear otro campo duplicado.

Y ahora solo vamos a cambiar los datos del campo que queremos en este caso será el correo electrónico

Crear formulario en caldera forms en español

Al cambiar el nombre nos daremos cuenta que automáticamente se cambia el Slug

Ahora cambiaremos el Field Type de Phone Number (Better) a Email Address

Y guardamos

Insertar cuadro de texto

Nos colocaremos en el signo + y damos click

Y nos saldrá nuevamente la siguiente ventana, en la que escogeremos el campo que queremos agregar

Crear formulario en caldera forms en español

Seleccionamos el que lleva por nombre Paragraph Textarea dando click a Set Field

Nos saldrá un recuadro en blanco al cual debemos agregarle un nombre.

*Este se asigna dependiendo para qué queremos el recuadro

Ya que agregamos el título de nuestro campo se verá de esta forma

Ahora lo siguiente será cambiar el recuadro de Required dando click por si queremos que sea un campo obligatorio de llenar

De la misma forma cambiaremos Rows, esta casilla es para definir cuantas líneas tendrá dicho cuadro de texto, en mi caso serán 7

Y guardamos dando nuevamente click en Save Form

Agregar título HTML al formulario

Para agregar el título con código HTML para nuestro formulario debemos situarnos en el recuadro con el signo + en grande.

Nos saldrá el siguiente recuadro en blanco

Para agregar al campo la sección de título posicionamos el cursor sobre el campo y damos click sobre el botón +

Nos saldrá nuevamente este menú, en esta ocasión escogeremos la pestaña del lado izquierdo que dice Content.

Después vamos a donde dice HTML y damos click en el botón Set Field.

Ahora situamos nuestro cursor hasta que se vea el cursor de movimiento y lo arrastramos a la parte superior del formulario.

Colocamos nuevamente nuestro cursor sobre el campo de título y editamos los campos del lado derecho de la siguiente forma.

Y asi es como debe quedar el título en nuestro formulario.

Terminamos de ver cómo crear de forma básica un formulario de Caldera Forms en español.

Como siempre, cualquier duda puede dejarla en los comentarios o contactarnos, recordando que tenemos regalos al suscribirse.

También pueden agregar un comentario si desea otro tutorial sobre configuración básica de formularios en Caldera Forms.


Sarai Santiago

Amante de la ciencia ficción que busca un lugar en la realidad, navegando por otros mundos estando en el mismo que tu. Si te aburres de tu mundo ven conmigo, toma mi mano y viajemos juntos a través de ellos.
¿Que te pareció?
[Total: 5 Promedio: 5]

Deja un comentario

Inicia sesión con:




Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *