Añadir una búsqueda de empresas con autocompletado en tu aplicación
Muchas aplicaciones requieren que los usuarios busquen empresas, ya sea para verificar leads en formularios de registro o para encontrar perfiles de negocios en bolsas de trabajo y CRMs.
Introducción
Aquí tienes un ejemplo de un campo de autocompletado para sugerir empresas, que puedes crear con nuestra API.
Esta función puede ser útil para mejorar la experiencia del usuario en tu producto, haciendo que tu formulario sea más fácil de usar.
Prueba la demo
Prueba con un nombre de empresa
Cómo funciona
Hemos diseñado un endpoint de API para ayudarte a buscar empresas por nombre.
Esta función tiene un límite de velocidad específico de solicitudes por segundo según tu plan. Asegúrate de leer nuestra página de precios para saber más sobre los límites de la API.
Los tres parámetros importantes que debes conocer son:
name
: El nombre de la empresa a buscar.simplified
: Si se debe devolver una versión corta del perfil de la empresa. Esto no cuesta créditos cuando se establece entrue
.size
: El número de resultados a devolver.
Para todos los demás parámetros, consulta
.Token de API
Antes de usar The Companies API, necesitarás un token de API. Asegúrate de leer nuestra documentación para autenticar correctamente tus solicitudes.
Selecciona o crea un token
Ejemplos de código
Aquí tienes ejemplos de código en varios lenguajes para ayudarte a implementar un campo de autocompletado. Cada uno demuestra cómo hacer solicitudes a la API para buscar empresas por nombre y manejar las respuestas.
async function autocompleteCompanies(name, page = 1) {
const baseUrl = 'https://api.thecompaniesapi.com/v2/companies/by-name';
const params = new URLSearchParams({
name,
page,
simplified: 'true',
size: '25'
});
const url = `${baseUrl}?${params.toString()}`;
const response = await fetch(url, {
headers: {
Authorization: `Basic ${process.env.YOUR_API_TOKEN}`,
},
});
if (!response.ok) {
throw new Error(`API request failed: ${response.status}`);
}
return await response.json();
}
Bibliotecas y componentes
Explora estos componentes de autocompletado para implementar rápidamente la funcionalidad de búsqueda de empresas en tu framework web preferido. Cada componente ofrece características robustas como sugerencias desplegables, navegación por teclado y estilo personalizable.
ui.shadcn.com
Combobox React versátil para una entrada y selección mejorada del usuario.
ui.nuxt.com
Potente componente Nuxt para entrada dinámica con opciones desplegables.
svelte.dev
REPL interactivo de Svelte que muestra la funcionalidad de autocompletado.
material.angular.io
Guía completa sobre la función de autocompletado de Angular Material.
jqueryui.com
Un widget de jQuery UI que proporciona funcionalidad de autocompletado en entradas de texto.
vue-multiselect.js.org
Componente de selección/desplegable/autocompletado rico en funciones para Vue.js
react-select.com
Control de entrada Select flexible y potente para ReactJS con selección múltiple y autocompletado.
www.downshift-js.com
Primitiva para construir componentes de autocompletado React simples, flexibles y compatibles con WAI-ARIA
primevue.org
Componente de autocompletado avanzado para Vue con múltiples modos y opciones de personalización
¿Necesitas ayuda para implementar tu caso de uso?
¡Contáctanos a través del chat de abajo y lo solucionamos juntos!