Every way to take investments

Chapter 1Choosing

app.krows.app/proyectos/gueepard/integrar

1234

1. Your investment page.
2. The options you chose. “Add or remove” changes the list. You can use several at once.
3. The steps for the selected option, with code ready to copy.
4. Test / Live and Customise.

Chapter 2Sharing a link

1. Copy your investment linkhttps://checkout.krows.app/your-startup
2. Share it where your community isInstagram or TikTok bio, Linktree, LinkedIn, WhatsApp, newsletter.
3. Open it from outside KrowsFor example from your phone. Krows counts the first visit and marks it as detected.

Chapter 3Button and widget

Two lines of code: the script and the tag. They render inside a Shadow DOM, so they never clash with your site’s styles, and they have no dependencies.

<script src="https://checkout.krows.app/v1/krows.js" async></script>
<krows-button publishable-key="pk_live_…"></krows-button>

<script src="https://checkout.krows.app/v1/krows.js" async></script>
<krows-widget publishable-key="pk_live_…" size="medium"></krows-widget>

<script src="https://checkout.krows.app/v1/krows.js" async></script>
<krows-widget publishable-key="pk_live_…" size="floating" position="right"></krows-widget>

In test mode they carry a “TEST” label. While the round is not open, the button says “Coming soon”. The widget footer reads “Investment protected by Krows”.

Chapter 4Customising

Tap “Customise” in Integration. What you save applies to the button, the widget and your investment page at once:

• Brand colour and button text.
• Filled or outline, and square, rounded or pill corners.
• Widget theme and whether it shows round progress.
• Investment page: light or dark background and typeface.
• After investing: a thank-you page with your message, or send the investor to your site (we add ?inversion=ID so you can identify it).

If you know CSS, you can go further from your own stylesheet:

/* 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); }

Available parts: button on the button; widget, header, logo, name, tagline, bar, progress, stats, button, footer, cover, bubble and floating on the widget.

Chapter 5QR code

In “QR code” you design a QR that points to your investment link: colour, background (or transparent), dot and corner shapes, your logo in the centre and a frame with “SCAN TO INVEST”. Pick the size and tap “Download PNG”. Put it on posters, cards, packaging or a presentation screen, and scan it before printing.

Chapter 6How Krows knows it works

Every option has a “We check it works” step. Krows detects the first visit to your link, the first load of the button or widget on your domain, your store platform or the first successful API call, and tells you in which mode (test or live) and on which domain. Launching the round requires a live-mode detection.

app.krows.app/proyectos/gueepard/integrar