Checkout-knappen

Checkout-knappen är den mest flexibla lösningen för att integrera Repejo på er webbplats. Till skillnad från sticky checkout som är fixerad vid kanten, kan checkout-knappen placeras precis där ni vill ha den.

Varför vi rekommenderar checkout-knappen:

Checkout-knappen ger er full kontroll över placeringen och integreras naturligt med er design. Den fungerar perfekt i headers, navigationer och andra strategiska platser.

Så fungerar det

1 Placera knappen

Checkout-knappen kan placeras var som helst på er webbplats - i header, navigation, sidebar eller mitt i innehållet. Den anpassar sig till er design.

2 Besökaren klickar

När en besökare klickar på knappen öppnas checkout:en som ett elegant overlay över er sida, precis som sticky checkout gör.

3 Smidig donation

Besökaren fyller i sina uppgifter och genomför donationen utan att lämna er webbplats. Upplevelesen känns som en naturlig del av er sajt.

Så implementerar du checkout-knappen 

<script defer type="text/javascript" src="https://app.repejo.se/assets/checkout.js" data-organisation-id="org_xxxxxxxxxxxxxxxxxxxxxx" data-host="https://app.repejo.se"></script>
<repejo-checkout-button short_code="din_checkout_slug" host="https://app.repejo.se" />

Tips: Ersätt din_checkout_slug med er faktiska checkout-slug som ni hittar under "Användning" i inställningarna.

Samla in till ett insamlingsteam

Knappen kan öppna en checkout som är kopplad till ett av era insamlingsteam. Donationen och givarens session tillskrivs då laget — modal-varianten av <repejo-checkout team="...">. 

<repejo-checkout-button short_code="din_checkout_slug" host="https://app.repejo.se" team="ftm_xxxxxxxxxxxxxxxx"></repejo-checkout-button>

Med det booleska attributet teams-picker visar modalen först en "välj lag"-skärm, och checkouten öppnas först när besökaren valt lag. Ett attribut team (och ?rp_team= i sidans URL) vinner över väljaren, så en lagvis direlänk fortsätter fungera. 

<repejo-checkout-button short_code="din_checkout_slug" host="https://app.repejo.se" teams-picker></repejo-checkout-button>

Tips: Lag-id:n som ftm_… hittar ni under "Lag" i inställningarna för er checkout. Ett okänt eller olänkat id faller tillbaka till en vanlig checkout, så ett inaktuellt id blockerar aldrig en donation.

Tips för bästa resultat:

  • Placera knappen i er header eller navigation för maximal synlighet
  • Använd tydlig text som "Bli månadsgivare" eller "Stöd oss"
  • Överväg att ha flera knappar på olika platser för olika målgrupper

Jämförelse med andra alternativ

Checkout-knappen vs Sticky Checkout

  • Flexibilitet: Checkout-knappen kan placeras var som helst, sticky checkout är fixerad vid kanten
  • Design: Checkout-knappen integreras med er design, sticky checkout har fast position
  • Kontroll: Ni bestämmer exakt var checkout-knappen ska synas

Checkout-knappen vs Inbäddad checkout

  • Utrymme: Checkout-knappen tar minimal plats, inbäddad checkout kräver mer utrymme
  • Användarupplevelse: Båda ger bra upplevelse, men checkout-knappen stör inte sidlayouten
  • Implementation: Checkout-knappen är enklare att implementera på befintliga sidor
Enklicks-Swish Sticky Checkout