Sticky Checkout

Sticky Checkout är ett kraftfullt verktyg för att öka synligheten av er donationsmöjlighet genom en alltid närvarande knapp på er hemsida som öppnar checkout:en när besökare klickar på den.

Ökar konverteringen

Sticky Checkout kan öka er konverteringsgrad genom att vara konstant synlig för besökaren, oavsett var på er hemsida de befinner sig.

Så fungerar det

Alltid tillgänglig

Sticky Checkout visar en knapp i vänsterkanten av skärmen som alltid är synlig för besökaren, oavsett hur långt ner på sidan de scrollar.

När besökaren klickar på knappen öppnas checkout-formuläret direkt på samma sida, utan att besökaren behöver navigera bort.

Exempelvisualisering:

Bli månadsgivare
Er hemsidas innehåll

Så implementerar du Sticky Checkout

  1. Hitta koden för Sticky Checkout
    • Öppna er checkout i Repejo-portalen
    • Gå till tabben "Användning"
    • Scrolla ner till "Inbäddad sticky-checkout"
    • Kopiera HTML-koden med kopieringsknappen
  2. Anpassa knappen (valfritt)
    • I branding-inställningarna kan du ändra text på sticky-knappen
    • Färgen kommer automatiskt från din primärfärg
  3. Lägg till koden på er hemsida
    • Lägg in koden i <body>-taggen på er hemsida
    • För bästa resultat, lägg in i alla sidor genom en gemensam sidfot/header-fil
    • Om ni använder WordPress, kan koden läggas in i temats footer.php-fil eller med en plugin för custom code

Exempel på kodimplementation

<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-sticky-checkout short_code="din_checkout_slug" host="https://app.repejo.se"></repejo-sticky-checkout>

OBS: Ersätt "din_checkout_slug" med den faktiska sluggen för din checkout.

Stäng taggen: Avsluta alltid med </repejo-sticky-checkout>. Om du skriver <repejo-sticky-checkout … /> tror webbläsaren att taggen aldrig stängs, och innehållet som kommer efter den på din sida försvinner.

Vänster- eller högerkant

Fliken sitter vid sidans vänsterkant. Med side="right" sitter den i stället vid högerkanten. Använd det när sidan också har givarportalens sticky-inloggningsknapp, så att flikarna sitter vid olika kanter. 

<repejo-sticky-checkout short_code="din_checkout_slug" host="https://app.repejo.se" side="right"></repejo-sticky-checkout>

Samla in till ett insamlingsteam

Precis som checkout-knappen kan sticky-fliken öppna en checkout kopplad till ett av era insamlingsteam. Donationen och givarens session tillskrivs då laget. 

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

Med det booleska attributet teams-picker visar modalen först en "välj lag"-skärm. Ett attribut team (och ?rp_team= i sidans URL) vinner över väljaren. 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.

Prestanda & kompatibilitet

  • Scriptet laddar checkout:en först när knappen klickas
  • Minimal påverkan på hemsidans laddningstid
  • Kompatibelt med alla moderna webbläsare
  • Fungerar tillsammans med de flesta CMS-system

Exempel på sticky checkout med kampanj:

Sticky checkout med kampanjinnehåll

Utöka er uppsättning av insamlingsverktyg med Enklicks-Swish för snabba engångsdonationer med förvalt belopp. Implementera Enklicks-Swish →