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.
Checkout-knappen ger er full kontroll över placeringen och integreras naturligt med er design. Den fungerar perfekt i headers, navigationer och andra strategiska platser.
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.
När en besökare klickar på knappen öppnas checkout:en som ett elegant overlay över er sida, precis som sticky checkout gör.
Besökaren fyller i sina uppgifter och genomför donationen utan att lämna er webbplats. Upplevelsen känns som en naturlig del av er sajt.
<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"></repejo-checkout-button>
Tips:
Ersätt din_checkout_slug
med er faktiska checkout-slug som ni hittar under "Användning" i inställningarna.
Stäng taggen:
Avsluta alltid med </repejo-checkout-button>. Om du skriver
<repejo-checkout-button … />
tror webbläsaren att taggen aldrig stängs, och innehållet som kommer efter den på din sida försvinner.
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 direktlä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.
Sätt CSS-variabeln --font-sans
på knappens element för att ge knapptexten ert eget typsnitt:
<style>
repejo-checkout-button {
--font-sans: Roboto, sans-serif;
}
</style>
Observera:
Typsnittet måste redan vara laddat på er sida, till exempel med
@font-face
eller en länk till Google Fonts. Ni kan byta typsnitt, men inte tjocklek eller storlek på
knapptexten.