Skip to main content

​
Översikt

Dodo Payments Framer-pluginet lägger till köpknappar för dina Dodo Payments-produkter på en Framer-webbplats. Varje knapp öppnar checkout som en overlay på din sida eller skickar kunden till den hostade checkout-sidan, i testläge eller liveläge.

Official Plugin

Installera Dodo Payments-pluginet från Framer Marketplace.

​
Funktioner

Hosted or Overlay Checkout

Öppna checkout som en overlay på din sida eller skicka kunder till den hostade checkout-sidan.

Drag-and-Drop Setup

Klistra in din API key i pluginet, lägg till en köpknapp på canvasen och publicera.

Digital Delivery

Leverera nedladdningslänkar eller licensnycklar till kunder via e-post efter betalning.

Worldwide Coverage

Sälj till kunder i över 220 länder med kort, wallets och lokala betalningsmetoder.

Automatic Tax & Invoicing

Som Merchant of Record beräknar och betalar Dodo Payments in VAT, GST och sales tax samt utfärdar en faktura för varje betalning.

No-Code Subscriptions

Prenumerationsprodukter får samma köpknapp som engångsprodukter, utan kod.

​
Installationsguide

1

Generate API Key

Gå till Developer → API Keys i Dodo Payments-dashboarden och klicka på Add API Key. Du kan också öppna API Keys-sidan direkt.En API key fungerar endast i ett läge. Innan du skapar nyckeln använder du reglaget Live Mode i sidofältet för att välja läge:
För produktion. Kunder betalar med riktiga betalningsmetoder.
Kopiera API key och lagra den säkert. Dashboarden visar den bara en gång, och du klistrar in den i pluginet i nästa steg.
2

Authenticate Plugin

Håll din API key hemlig. Dela den aldrig och publicera den inte.
  1. Öppna Dodo Payments-pluginet i Framer. Det öppnas på sidan Authenticate.
  2. Under API Mode väljer du Test Mode eller Live Mode så att det matchar din API key.
  3. Klistra in din API key i API Key.
  4. Klicka på Continue.
3

Manage Products

När du har autentiserat dig listar pluginet produkterna från det läge du valde under Products:
  • Existing products visas automatiskt, och varje produkt är märkt One-time eller Subscription.
  • No products yet: klicka på knappen Plus (+) bredvid Products.
Knappen Plus (+) öppnar Dodo Payments-dashboarden, där du skapar en produkt och anger dess pris, beskrivning och andra inställningar.
4

Add Buy Buttons

  1. Välj en produkt i listan.
  2. Klicka på Add Buy Button.
Pluginet lägger till en köpknapp med etiketten Buy {product_name} på din canvas. På samma produktsida öppnar Edit produkten i Dodo Payments-dashboarden, och Show Preview öppnar dess checkout-förhandsvisning.
Add Buy Button är inaktiverad om du inte har behörighet att lägga till komponenter och ändra deras egenskaper i Framer-projektet.

​
Anpassning

Om du vill ändra hur en köpknapp fungerar väljer du den på canvasen och redigerar dess egenskaper i Framer.
1

Select Checkout Experience

Ange Type för att välja hur checkout öppnas:
  • Overlay: Checkout öppnas som en overlay på din Framer-sida, så att kunderna stannar på din webbplats. Pluginet använder denna typ för nya knappar.
  • Hosted: Knappen länkar till Dodo Payments hostade checkout-sida. Link Target anger om sidan öppnas i en ny flik eller på samma flik.
2

Customize Appearance Options

Anpassa knappen och checkout efter din webbplats med dessa egenskaper:
  • Checkout Theme: En ljus eller mörk checkout.
  • Label: Knapptexten, till exempel “Buy Now”, “Purchase” eller “Get Started”.
  • Knappens stil: Bakgrundsfärg, textfärg, typsnitt, teckenstorlek, kantradie och utfyllnad.
  • Return URL: Framer-sidan eller URL:en som kunderna återgår till efter checkout.
  • Environment: Live eller Test. Pluginet ställer in detta efter det läge du autentiserade dig med.

​
Felsökning

Problem: Pluginet autentiseras inte.Lösningar:
  • Kontrollera att du klistrade in hela API key.
  • Kontrollera att API Mode matchar läget som nyckeln skapades i. En test mode-nyckel fungerar inte i live mode, och en live mode-nyckel fungerar inte i test mode.
  • Kontrollera din internetanslutning.
Problem: Add Buy Button är inaktiverad.Lösningar:
  • Kontrollera att din roll i Framer-projektet tillåter dig att lägga till komponenter och ändra deras egenskaper.
  • Kontrollera att pluginet är autentiserat.
  • Stäng och öppna pluginet igen.
Problem: Produkter visas inte i pluginet.Lösningar:
  • Kontrollera att du har skapat produkter i din Dodo Payments-dashboard.
  • Kontrollera att produkterna finns i samma läge som din API key. Pluginet listar endast produkterna från det läge du autentiserade dig med.
  • Autentisera pluginet igen.
Senast ändrad 26 september 2026