Enviar parámetros a Airtable por URL

En este post vamos a ver cómo podemos precargar la información en un formulario de Airtable enviando parámetros en la URL.

Normalmente cuando estamos creando nuestra aplicación tenemos la necesidad de enviar parámetros en la URL para precargar información, o bien para facilitar al usuario la inserción en nuestra base de datos.

En este tutorial vamos a utilizar como ejemplo un formulario de registro para usuarios que quieren asistir a un evento. Pero antes de continuar, si estás empezando con Airtable y el mundo del no code, te recomiendo que eches un vistazo a nuestros tutoriales:

Requisitos para enviar por URL parámetros a Airtable

Para poder llevar a cabo este tutorial necesitamos:

  • Crear una tabla en Airtable: Podemos definir las columnas que queramos. En nuestro caso hemos definido un identificador (Que se autocompleta),nombre, email, descripción del evento y la fecha del mismo.
  • Crear un formulario sobre la tabla: Utilizaremos la vista que nos ofrece el propio Airtable para crear un formulario que contendrá todos los campos de la tabla excepto el identificador
Ejemplo de formulario creado con Airtable
Ejemplo de formulario creado con Airtable

Cómo precargar un valor en formulario Airtable

El siguiente paso, será visualizar el formulario que acabamos de crear para poder obtener la URL, y para ello pulsaremos el botón «Share form» como se observa en la siguiente imagen.

Obtener enlace de visualización de un formulario en Airtable
Obtener enlace de visualización de un formulario en Airtable

Añadir un parámetro a la URL del formulario de Airtable

Para poder precargar el valor en un campo del formulario de Airtable, tenemos que añadir un parámetro en la URL utilizando el prefijo «prefill_» seguido del nombre del campo que queramos precargar.

Por ejemplo, si queremos precargar el valor Paco en el campo «Nombre» del formulario, concatenaremos la URL seguida del paráemtro «?prefill_Nombre=Paco». A continuación puedes ver el ejemplo:

Ejemplo de Airtable para precargar el valor de un campo a través de un parámetro en la URL
Ejemplo de Airtable para precargar el valor de un campo a través de un parámetro en la URL

Campos ocultos en un formulario Airtable

Si además queremos ocultar el campo que estamos precargando a través de la URL, tendremos que añadir un segundo parámetro, concatenando la URL seguido de «hide_NOMBRECAMPO=true«.

Por ejemplo, si además de precargar el campo Nombre queremos también que se oculte, el resultado final de nuestro formulario será: https://airtable.com/shrVZS2GYd2GCKe2Z?prefill_Nombre=Paco&hide_Nombre=true

Precargar y ocultar un campo en Airtable enviando el valor como parámetro en la URL
Precargar y ocultar un campo en Airtable enviando el valor como parámetro en la URL

Verificar funcionamiento en inserción de valor por URL

Por último, si hemos enviado el formulario y todo ha funcionado correctamente, iremos a nuestra tabla de Airtable y podemos verificar que el registro se ha creado correctamente guardando el valor que habíamos pasado previamente como parámetro en la URL.

Verificación de inserción en Airtable enviando un valor como parámetro en la URL
Verificación de inserción en Airtable enviando un valor como parámetro en la URL

Conclusiones

Como has podido ver, con Airtable es realmente sencillo añadir parámetros en la URL que te permitirán precargar el valor de los campos de tus formularios y posteriormente se añadirán como registros.

Si te ha gustado el tutorial, o tienes cualquier duda, por favor añade un comentario y/o compártelo en tus redes.

Fuente: Documentación oficial de Airtable

2 comentarios en «Enviar parámetros a Airtable por URL»

Deja un comentario

RSS
LinkedIn
Share