§ 01 — Insamling

Donationsflöden för insamlingssidor.

Insamlingsembeds är fristående donationsflöden för kampanjsidor, redaktionella sidor och säsongsgivande. De är skilda från Checkout: du bäddar in den upplevelse du behöver, och Octany sköter givarflödet bakom den.

§ 01.1 Upplevelser #

Upplevelse	Använd för	Loader-path	Container-klass
Donation	Modernt donationsflöde för engångs- och månadsgåvor.	`donate`	`.octany-donate`
1-click Swish	Snabb Swish-först-givande där givaren väljer belopp och fortsätter i Swish.	`swish-v1`	`.octany-swish-widget`
Greeting	Donation med ett gratulationskort, hyllning eller säsongshälsning, t.ex. mors dag.	`greeting-v1`	`.octany-greeting-widget`

§ 01.2 Embed-snutt #

Alla insamlingsupplevelser har samma form: ett container-element och ett loader-skript. Query-parametrarna api, widget och valfria lang styr konfiguration och språk.

1-click Swish

<div class="octany-swish-widget"></div>
<script
  type="module"
  src="https://give.octany.com/swish-v1/loader.js?api=https://app.octany.com/widget/{account}&widget={widget-id}&lang=sv"
></script>

Donation

<div class="octany-donate"></div>
<script
  type="module"
  src="https://give.octany.com/donate/loader.js?api=https://app.octany.com/widget/{account}&widget={widget-id}&lang=sv"
></script>

Greeting

<div class="octany-greeting-widget"></div>
<script
  type="module"
  src="https://give.octany.com/greeting-v1/loader.js?api=https://app.octany.com/widget/{account}&widget={widget-id}&lang=sv"
></script>

§ 01.3 Tema #

Temat styrs med CSS-variabler på sidan där du bäddar in upplevelsen.

:root {
  --octany-primary: #c8102e;
  --octany-radius: 8px;
}

Din kontakt på Octany kan ge dig en lista med tillgängliga variabler för just den upplevelse du använder.

§ 01.4 Insamling eller Checkout — när väljer du vad? #

Använd Insamling när själva den publika sidan är donationsupplevelsen.
Använd Checkout när din app eller sajt behöver en hostad kassa-URL, varukorg eller JS-API.
Använd Klassisk widget bara om du underhåller en befintlig klassisk integration.

← Översikt Nästa: Checkout →