En portal där givare sköter sitt givande.
Givarportalen (portal-v1) låter dina givare logga in med BankID och se sina gåvor, ändra eller avsluta ett månadsgivande, byta betalsätt, ladda ner kvitton och hålla sina uppgifter uppdaterade. Den är en widget precis som insamlings-embedsen: lägg den på din egen sida, länka till den hostade sidan eller lägg den hostade sidan i en iframe.
§ 01.8.1 Vad givare kan göra #
| Område | Det här kan en inloggad givare göra |
|---|---|
| Prenumerationer | Se månadsgåvor och andra prenumerationer. Ändra belopp, avsluta, återuppta en avslutad innan den har löpt ut, och byta betalsätt eller uppdatera kortet. |
| Ordrar | Bläddra bland tidigare gåvor och köp och ladda ner kvitton som PDF. |
| Profil | Se och ändra sina kontaktuppgifter. |
| Event och formulär | Se eventanmälningar och inskickade formulär. |
Vad som syns beror på ditt konto och portalens inställningar. Har ni inte den fullständiga givarportalen i ert Octany-avtal kan givarna bara hantera betalsättet på sina prenumerationer. Att ändra belopp och att avsluta går att stänga av var för sig per portal. Beloppet går bara att ändra på gåvoprenumerationer.
§ 01.8.2 Bädda in på din sida #
Det här är det rekommenderade sättet, och det du ska välja om du vill behålla din egen header, meny och footer runt portalen. Kopiera embed-koden från portalen i Octany admin. Den har samma form som alla andra insamlings-embeds:
<div class="octany-portal-widget"></div> <script type="module" src="https://give.octany.com/portal-v1/loader.js?api=https://app.octany.com/widget/1234&widget=01HXXXXXXXXXXXXXXXXXXXXXXX" ></script>
| Parameter | Obligatorisk | Beskrivning |
|---|---|---|
| api | Ja | https://app.octany.com/widget/{account}, där {account} är ditt konto-ID. |
| widget | Ja | Portalens widget-ID, 26 tecken. |
| lang | Nej | Språkkod med två bokstäver, t.ex. sv eller en. Utan den används portalens språk. |
Det här är ingen iframe. Portalen renderas direkt i containern, inuti en Shadow DOM, så din CSS når inte in i portalen och portalens CSS läcker inte ut på din sida. Den fyller containerns bredd.
Kör du WordPress renderar Octanys plugin samma snutt med [octany type="portal-v1" account="1234" widget="01HXXXXXXXXXXXXXXXXXXXXXXX"] eller blocket Octany-widget.
§ 01.8.3 Hostad sida #
Varje portal har också en egen sida hos Octany. Det är förhandsvisningslänken i Octany admin:
https://app.octany.com/widget/{account}/{widget}/portal
Sidan innehåller bara portalen och fyller hela skärmen. Länka dit från menyn på din sajt om du inte vill bädda in något.
§ 01.8.4 iframe #
Du kan lägga den hostade sidan i en iframe. Octany blockerar inte inramning, och portalen håller inloggningen i sidan i stället för i cookies, så det fungerar även när webbläsaren blockerar tredjepartscookies.
<iframe src="https://app.octany.com/widget/1234/01HXXXXXXXXXXXXXXXXXXXXXXX/portal" title="Mitt givande" style="display:block; width:100%; height:85vh; border:0" ></iframe>
- Du bestämmer höjden. Portalen rapporterar inte sin höjd till sidan runt omkring, så ge iframen en fast höjd. Något nära fönsterhöjden, som
85vh, fungerar bäst eftersom portalen scrollar inuti sig själv. - Länkar lämnar iframen. "Tillbaka till"-knappen och redirecten efter utloggning byter sida i hela fönstret, inte bara i iframen.
- Testa BankID i mobilen. Att öppna BankID-appen inifrån en iframe kan bete sig annorlunda än från en vanlig sida i vissa mobilwebbläsare.
Bädda in hellre när du kan: du får samma resultat utan iframe och inget att ställa in höjd på.
§ 01.8.5 Behåll din header #
Både inbäddningen och iframen behåller din egen header, meny och footer runt portalen. Några saker i portalens layout är bra att planera för:
- Den är en skärm hög. Portalen är alltid lika hög som webbläsarfönstret. När givaren har loggat in scrollar innehållet inuti portalen. Med din header ovanför scrollar sidan först ner till portalen, och sedan scrollar portalen för sig. En egen sida med din header, portalen och inte mycket mer fungerar bäst. Undvik annat innehåll under den.
- Den har en egen header. Överst i portalen finns kontots logga, en "Tillbaka till {din sajt}"-knapp och "Logga ut". Under din egen header blir det alltså två headers. Lämna Webbplats-URL tom för att ta bort tillbaka-knappen när din meny redan länkar hem. Loggan hämtas från kontots utseendeinställningar och visas så fort det finns en.
- Den använder URL:ens hash. Portalens sidor ligger i hashen på din sidas URL (
#/home,#/ordersoch så vidare), så webbläsarens bakåtknapp fungerar inne i portalen. Lägg inte portalen på en sida som använder hashen för egen routing, och använd en portal per sida.
§ 01.8.6 Inloggning #
Givare loggar in med BankID: genom att skanna en QR-kod eller öppna BankID-appen på samma enhet. Portalen loggar in dem som en kontakt som redan finns i Octany. Det finns ingen registrering, så en givare som aldrig har gett eller importerats kommer inte in.
Kontakter utan personnummer i Octany kan inte matchas via BankID. Slå på Tillåt aktivering via e-post eller SMS för kontakter utan personnummer så kan de visa vilka de är med en kod till sin e-post eller telefon. Sedan bekräftar de med BankID, och personnumret läggs till på kontakten. Därefter loggar de in med BankID som alla andra.
- E-postkoder gäller i 15 minuter, SMS-koder i 10.
- Om flera kontakter delar e-post eller telefonnummer, till exempel en familj, väljer givaren vilken kontakt hen vill hantera efter att ha angett koden.
- En kontakt som redan har personnummer ombeds alltid att använda BankID.
§ 01.8.7 Sessioner #
Efter inloggning sparar portalen en sessionstoken i webbläsarens sessionStorage på din sidas domän, en per portal. Inga cookies är inblandade. I praktiken:
- Givaren är kvar inloggad när sidan laddas om. En ny flik eller ett nytt fönster kräver ny inloggning.
- Stängs fliken loggas givaren ut.
- Som standard varar en session högst 30 dagar och avslutas efter 14 dagar utan aktivitet.
- Logga ut avslutar sessionen och skickar hela fönstret till utloggnings-URL:en om en sådan är satt.
Eftersom inloggningen ligger i din sidas lagring följer den aldrig med till inloggningen på din egen sajt. Portalen och din sajt delar inte användare.
§ 01.8.8 Inställningar #
Ställ in de här på portalen i Octany admin:
| Inställning | Vad den gör |
|---|---|
| Ideell portal | Använder gåvotermer i stället för köptermer. På som standard. |
| Herobild | Bild överst i portalen och på inloggningsskärmen. |
| Färger | Bakgrund, rubriker, flikarnas bakgrund och text, aktiv fliks bakgrund och text. |
| Tillåt aktivering via e-post eller SMS för kontakter utan personnummer | Se Inloggning. |
| Tillåt kontakter att ändra prenumerationsbelopp | Visar ändra belopp på gåvoprenumerationer. |
| Tillåt kontakter att avsluta prenumerationer | Visar avsluta. |
| Webbplats-URL | Visar en "Tillbaka till {sajt}"-knapp i portalens header. Lämna tom för att dölja knappen. |
| Utloggnings-URL | Dit fönstret skickas efter utloggning. Lämna tom för att stanna på inloggningsskärmen. Använd en https://-URL. |
§ 01.8.9 Krav #
- Givarna behöver BankID och måste redan finnas som kontakter i Octany. Se Inloggning.
- En sida som inte använder URL:ens hash för egen routing, med en portal på.
- Plats för en portal i full höjd, helst på en egen sida. Se Behåll din header.
- Content Security Policy. Skickar din sajt en CSP behöver du tillåta:
script-src https://give.octany.com https://js.stripe.comconnect-src https://app.octany.com https://api.stripe.comimg-src https://octany-public.s3.eu-west-1.amazonaws.com data:för logga, herobild och BankID-QR-kodframe-src https://js.stripe.com https://hooks.stripe.com https://*.britepaymentgroup.comför kortbyte och bankval för autogiro
- Ge den hostade sidan din profil även när du bäddar in, eftersom påminnelsemejl om betalning länkar dit.