Saltar al contenido

Todas las formas de recibir inversiones

Enlace, botón, widget, código QR, tienda o CMS y API: qué es cada una, cuándo usarla, cómo instalarla paso a paso y cómo comprobar que funciona.

14 min de lectura6 capítulosPara foundersBásicoActualizada el 17 oct 2026

Lo que aprenderás

  • Qué forma encaja con tu web y tu comunidad
  • Instalar el botón y el widget en dos líneas
  • Personalizar colores, texto, esquinas y qué ve el inversor al terminar
  • Cómo detecta Krows tu integración

Antes de empezar

  • Tu startup creada
  • Para el botón o el widget: poder pegar código en tu web

Capítulo 1Elegir

app.krows.app/proyectos/gueepard/integrar
Integración: tu página de inversión arriba, las formas a la izquierda y los pasos de la elegida a la derecha.
  1. Tu página de inversión.
  2. Las formas que has elegido. «Añadir o quitar» cambia la lista. Puedes usar varias a la vez.
  3. Los pasos de la forma seleccionada, con el código listo para copiar.
  4. Prueba / Real y Personalizar.
FormaIdeal paraCódigo
Compartir un enlaceRedes, bio, WhatsApp, email, newsletterNo
Botón en tu webUna llamada a invertir en tu landing2 líneas
Widget con progresoEnseñar lo recaudado y crear urgencia2 líneas
Código QREventos, carteles, packagingNo
Tienda o CMSShopify, WordPress/WooCommerce, Wix, Webflow, SquarespacePegar en un bloque
API para tu appTu propia app o un checkout a medidaSí

Capítulo 2Compartir un enlace

  1. Copia tu enlace de inversiónhttps://checkout.krows.app/tu-startup
  2. Compártelo donde está tu comunidadBio de Instagram o TikTok, Linktree, LinkedIn, WhatsApp, newsletter.
  3. Ábrelo desde fuera de KrowsPor ejemplo desde tu móvil. Krows cuenta la primera visita y lo marca como detectado.

Capítulo 3Botón y widget

Dos líneas de código: el script y la etiqueta. Se dibujan dentro de un Shadow DOM, así que nunca chocan con los estilos de tu web, y no tienen dependencias.

<script src="https://checkout.krows.app/v1/krows.js" async></script>
<krows-button publishable-key="pk_live_…"></krows-button>
AtributoValores
publishable-keyTu clave publicable, pk_test_… o pk_live_…. Obligatorio.
size (widget)small, medium, large (con portada) o floating (burbuja en una esquina)
positionright o left, solo con floating
textTexto del botón. Por defecto «Invertir en Tu startup»
localees, en o auto
themelight, dark o auto

En modo prueba llevan una etiqueta «PRUEBA». Mientras la ronda no está abierta, el botón dice «Próximamente». El pie del widget recuerda «Inversión protegida por Krows».

Capítulo 4Personalizar

Pulsa «Personalizar» en Integración. Lo que guardes se aplica al botón, al widget y a tu página de inversión a la vez:

  • Color de marca y texto del botón.
  • Relleno o contorno, y esquinas rectas, redondas o pastilla.
  • Tema del widget y si muestra el progreso de la ronda.
  • Página de inversión: fondo claro u oscuro y tipografía.
  • Después de invertir: una página de agradecimiento con tu mensaje, o llevar al inversor a tu web (añadimos ?inversion=ID para que la identifiques).

Si sabes CSS, puedes ir más allá desde tu propia hoja de estilos:

/* En tu propia hoja de estilos */
krows-button, krows-widget {
  --krows-color: #0a7c55;        /* color de marca */
  --krows-button-text: #ffffff;  /* texto del botón */
  --krows-radius: 999px;         /* esquinas */
  --krows-font: "Inter", sans-serif;
}
krows-button::part(button) { text-transform: uppercase; letter-spacing: .04em; }
krows-widget::part(widget) { box-shadow: 0 20px 40px -20px rgba(0,0,0,.35); }

Partes disponibles: button en el botón; widget, header, logo, name, tagline, bar, progress, stats, button, footer, cover, bubble y floating en el widget.

Capítulo 5Código QR

En «Código QR» diseñas un QR que lleva a tu enlace de inversión: color, fondo (o transparente), forma de los puntos y de las esquinas, tu logo en el centro y un marco con el texto «ESCANEA PARA INVERTIR». Elige el tamaño y pulsa «Descargar PNG». Ponlo en carteles, tarjetas, packaging o la pantalla de una presentación, y escanéalo antes de imprimir.

Capítulo 6Cómo sabe Krows que funciona

Cada forma tiene su paso «Comprobamos que funciona». Krows detecta la primera visita a tu enlace, la primera carga del botón o el widget en tu dominio, la plataforma de tu tienda o la primera llamada correcta a la API, y te dice en qué modo (prueba o real) y en qué dominio. Para lanzar la ronda hace falta una detección en modo real.

app.krows.app/proyectos/gueepard/integrar
«Esperando la primera señal…»: se marca en verde cuando Krows detecta tu integración.
¿Te ha ayudado?