> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ¿Qué es una API?

> Una interfaz de programación de aplicaciones sirve como intermediario que permite a diferentes aplicaciones de software interactuar e intercambiar datos.

<div id="a-simple-analogy-a-restaurant-a-waiter">
  # Una analogía sencilla: un restaurante y un camarero
</div>

Imagina que estás cenando en un restaurante.

1. **Tú, el cliente**, revisas el menú y pides una hamburguesa con queso y papas fritas (similar a hacer una solicitud de datos del carrito).
2. **El camarero (API)** toma tu pedido y lo comunica a la cocina (igual que una API recibe tu solicitud y la envía a un servidor).
3. **La cocina (servidor)** prepara tu comida, procesando el pedido y reuniendo los ingredientes necesarios (muy parecido a cómo un servidor recupera o manipula los datos del carrito).
4. **El camarero (API)** luego lleva la comida a tu mesa, permitiéndote disfrutar de tu comida (así como una API devuelve los datos solicitados y actualiza tu carrito).

Esta analogía ofrece una forma sencilla de entender cómo funcionan las API, especialmente si eres nuevo en ellas. Al usar la API de Upcart, piénsalo como pedir en un restaurante: decide qué quieres que haga el carrito y deja que la API se encargue del resto.

Descubre cómo la API de Upcart puede potenciar tu tienda explorando nuestra [documentación de la API](/es/upcart/introduction_to_upcarts_public_api).

***

<div id="how-this-relates-to-upcarts-api">
  # Cómo se relaciona esto con la API de Upcart
</div>

La API pública de Upcart te da la flexibilidad de personalizar y gestionar la funcionalidad de tu carrito, de forma muy parecida a darle instrucciones específicas a un camarero.

Por ejemplo, si quieres comprobar si la API de Upcart está funcionando correctamente, puedes ejecutar un script sencillo dentro de tu HTML personalizado que registre un mensaje cada vez que se abra el carrito:

```
<script>  
  window.upcartSubscribeCartOpened(() => {  
    console.log("UpCart API Test - The cart has been opened!");  
  });  
</script>
```

<div id="verifying-if-its-working">
  ## Verificar si funciona
</div>

1. Abre tu tienda y ve a **Upcart Settings → Custom HTML** para añadir el script.
2. Guarda los cambios y actualiza tu tienda.
3. Abre la consola del navegador (**F12** o **Ctrl + Shift + J** en Windows, o **Cmd + Option + J** en Mac).
4. Abre el carrito de Upcart y deberías ver el mensaje de confirmación aparecer en la consola:

```
Upcart API Test - The cart has been opened!
```

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/api-custom-html-test-script.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5df59c4ceee2ee520c39b5dd861c46ec" alt="Script de prueba de Custom HTML de Upcart registrando un mensaje de carrito abierto en la consola del navegador" width="1472" height="1086" data-path="images/upcart/api-custom-html-test-script.png" />

***

<div id="want-to-learn-more-about-apis">
  ## ¿Quieres aprender más sobre las API?
</div>

Si te interesa profundizar en las API y JavaScript, aquí tienes algunos recursos para principiantes que te ayudarán a comenzar.

**Aprendizaje de API y JavaScript para principiantes:**

* [W3Schools: JavaScript Basics](https://www.w3schools.com/js/) – aprende scripting básico para usar la API de Upcart
* [MDN Web Docs: APIs for Beginners](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs) – comprende cómo funcionan las API en las tiendas en línea
* Documentación para desarrolladores de Shopify – [Shopify AJAX API](https://shopify.dev/docs/api/ajax) (útil para comerciantes que integran Upcart con el carrito de Shopify)

La API de Upcart funciona a la perfección sin necesidad de herramientas externas como Postman: puedes usarla directamente en la configuración de Custom HTML de Upcart o en el código de tu tema de Shopify

***

<div id="need-assistance">
  ## ¿Necesitas ayuda?
</div>

Si eres nuevo en las API, ¡no te preocupes! No tienes que escribir JavaScript desde cero: simplemente copia y pega scripts ya escritos en la configuración de Custom HTML de Upcart para personalizar tu carrito en minutos.

¿No sabes por dónde empezar? Contacta a un [Shopify Expert](https://www.shopify.com/partners/directory) o explora nuestra [documentación de la API](/es/upcart/introduction_to_upcarts_public_api).

***
