Användning & inbäddning

Ni kan antingen använda Repejos hostade P2P-sida direkt, eller bädda in insamlings­komponenterna på er egen webbplats. Alla alternativ hittar ni under Inställningar → P2P-insamling → Användning.

Alternativ 1: Hostad P2P-sida

Repejo tillhandahåller en färdig, responsiv sida med all funktionalitet. Länka insamlare och givare direkt till den — inget behöver kodas.

  • QR-kod: Under användningsfliken finns en QR-kod med er logotyp som leder till P2P-sidan. Ladda ner och använd i tryck, sociala medier eller på skärm.
  • Direktlänk: Kopiera länken och dela via e-post, sociala medier eller er hemsida.

Den hostade sidan visar: statistik (antal kampanjer, totalt insamlat, antal donationer), sökfunktion, sorterings­alternativ (senast skapade, mest insamlat, slutar snart) och alla aktiva kampanjer i ett visuellt rutnät.

Alternativ 2: Bädda in på er egen webbplats

Om ni vill integrera P2P-funktionalitet direkt på er befintliga webbplats kan ni använda Repejos webbkomponenter. Ni behöver göra två saker:

Steg 1: Lägg till script-taggen

Lägg till följande i <head>-sektionen på er webbplats. Samma script-tagg används för alla Repejo-komponenter (checkouts, P2P, etc.):

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

Den exakta kodsnutten med ert organisations-ID hittar ni under Användning-fliken i inställningarna.

Steg 2: Lägg till komponenter

Placera en eller flera av följande komponenter var ni vill på er webbplats:

🚀 Starta insamling-knapp

En knapp som öppnar insamlingsformuläret som ett overlay. Perfekt att lägga på er startsida eller en dedikerad P2P-sida.

<repejo-p2p-create-button organisation_id="ERT_ORG_ID" host="https://app.repejo.se"></repejo-p2p-create-button>

📋 Inbäddad P2P-lista

Visar hela insamlingslistan med statistik, sökfunktion och sorterings­alternativ. Besökare kan bläddra kampanjer, öppna kampanjsidor och donera — allt inbäddat på er webbplats.

<repejo-p2p-list organisation_id="ERT_ORG_ID" host="https://app.repejo.se"></repejo-p2p-list>

💳 Inbäddad kampanj-checkout

Bäddar in en specifik kampanjs checkout direkt på en sida. Byt ut CAMPAIGN_SLUG mot kampanjens slug (t.ex. kampanjens URL-del).

<repejo-p2p-checkout slug="CAMPAIGN_SLUG" host="https://app.repejo.se"></repejo-p2p-checkout>

🏆 Toppinsamlingar-widget

En kompakt widget som visar de mest framgångsrika insamlingarna de senaste 90 dagarna. Har inbyggd sökfunktion och besökare kan klicka för att donera direkt. Perfekt i en sidebar eller på startsidan.

<repejo-p2p-top-list-widget organisation_id="ERT_ORG_ID" host="https://app.repejo.se"></repejo-p2p-top-list-widget>
Toppinsamlingar-widget

Tips: Ni behöver bara lägga till script-taggen en gång — alla Repejo-komponenter (checkouts, P2P-lista, P2P-knappar) fungerar sedan automatiskt.

Vad besökaren ser

Listsidan

  • Statistikfält med antal aktiva kampanjer, totalt insamlat belopp och antal donationer
  • Er logotyp och omslagsbild (om konfigurerat)
  • Knappen "Starta insamling" för att skapa en egen kampanj
  • Sökfält för att hitta kampanjer eller insamlare
  • Sortering: senast skapade, mest insamlat, slutar snart
  • Kampanjkort med omslagsbild, titel, insamlare, framstegsindikator och donera-knapp
P2P-listsida

Varje kampanj kan öppnas i en modal direkt från listan — besökaren kan snabbt se detaljer och donera utan att lämna sidan.

P2P kampanjmodal

Kampanjsidan

  • Kampanjens omslagsbild och kategori-info
  • Framstegsindikator (insamlat vs mål) — undantag: minnesgåvor visar bara totalt insamlat
  • Titel och beskrivning (expanderbar vid lång text)
  • Insamlare med profilbild och namn
  • Delningsknappar (Facebook, X/Twitter, LinkedIn, kopiera länk, QR-kod)
  • "Ge en gåva"-knapp som öppnar checkoutformuläret
  • Sektion "Om organisationen" med er beskrivande text
  • Lista med senaste donationer (namn, belopp, meddelande, datum)
  • Realtidsuppdateringar — donationer syns direkt utan att ladda om
P2P-kampanjsida

E-postmeddelanden

Utöver systemmeddelanden (verifiering, redigeringslänk) kan ni konfigurera automatiska kommunikationsmallar som skickas till kampanjskapare vid olika milstolpar. Läs mer under Kommunikation.

Systemmeddelanden som alltid skickas:

  • Verifieringslänk: Skickas när en insamlare skapar en kampanj, för att bekräfta e-postadressen och publicera
  • Redigeringslänk: Skickas om insamlaren begär att redigera en publicerad kampanj