Lägg till betalningslänkar i ditt innehåll

Du kan lägga till en betalningslänk på din webbplats så att dina kunder kan slutföra betalningar direkt på din webbplats. Om du vill lägga till en betalningslänk på din webbplats kan du lägga till standardmodulen för betalningar på en drag-och-släpp-sida eller mall eller lägga till inbäddningskoden för betalningslänken på dina externa webbsidor. Du kan också lägga till en betalningslänk i dina marknadsföringsmejl.

Om du är utvecklare kan du lägga till ett betalningsfält i ditt tema eller i en anpassad modul, eller skapa en anpassad betalningsmodul.

Lägg till modulen för standardbetalningar på din sida

När du lägger till modulen för standardbetalningar på din sida visas betalningslänken som en kassaknapp som kunderna kan klicka på för att sedan ange sina betalningsuppgifter.

• Navigera till ditt innehåll:
  
  • Webbplatssidor:I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Målsidor:I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
• Håll muspekaren över en sida eller ett inlägg och klicka på Redigera.
• I innehållsredigeraren letar du upp avsnittet Gemensamma moduler på fliken Lägg till i sidofältsredigeraren.
• Klicka på betalningsmodulen och dra den till rätt position på sidan.

• I sidofältsredigeraren klickar du på rullgardinsmenyn Betalning och väljer den betalningslänk som ska läggas till på sidan.
• Om du vill anpassa kassaupplevelsen väljer du ett alternativ i avsnittet Kassabeteende :
  • Öppna i en ny flik: en ny flik öppnas i kundens webbläsare där de kan ange sina betalningsuppgifter.
  • Glidande överlägg: ett överlägg glider upp från botten av kundens skärm där de kan ange sina betalningsuppgifter.
• I fältet Knapptext redigerar du texten som visas på knappen för betalningslänken.
• Om du vill lägga till en ikon på knappen för betalningslänken markerar du kryssrutan Lägg tillikon . Om du vill välja en annan ikon klickar du på för att expandera redigeringsalternativen för ikonen .

• Klicka på Uppdatera eller Publicera längst upp till höger för att aktivera dina ändringar.

I designhanteraren kan du också lägga till standardmodulen för betalningar i sidmallen.

Lägga till inbäddningskoden på en extern sida eller i en anpassad modul

Du kan lägga till inbäddningskoden för betalningslänken på din externa webbplats eller skapa en betalningsmodul i designhanteraren och lägga till inbäddningskoden i modulen. När du bäddar in betalningslänken visas utcheckningsformuläret direkt på din sida.

Så här kopierar du inbäddningskoden:

• I ditt HubSpot-konto navigerar du till Handel > Betalningslänkar.
• Håll muspekaren över länken och klicka på Åtgärder och välj sedan Bädda in.

• I dialogrutan klickar du på Kopiera kod.

När du har kopierat inbäddningskoden kan du lägga till den direkt på din webbplats. Eller om du är utvecklare kan du skapa en ny modul och inkludera ett länkfält så att innehållsskapare kan välja bland de tillgängliga betalningslänkarna.

Observera: för att skapa moduler krävs kunskap om HTML, CSS, HubL och HubSpot design manager. HubSpot rekommenderar att du samarbetar med en designer för att skapa kodade moduler.

Lägg till en betalningslänk i marknadsföringsmeddelanden

Du kan lägga till en betalningsmodul i dina marknadsföringsmejl. När du till exempel planerar ett evenemang kan du inkludera en betalningslänk som gör det möjligt för en köpare att köpa en biljett direkt från e-postmeddelandet.

• I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
• Håll muspekaren över ett befintligt e-postutkast och klicka på Redigera, eller klicka på Skapa e-post för att skapa ett nytt e-postmeddelande.
• I e-postredigeraren, på fliken Innehåll i den vänstra panelen, klickar du på och drar betalningsmodulen till e-postmallen.

• Klicka på rullgardinsmenyn Betalningar och välj en länk.
• I fältet för knapptext redigerar du den text som visas. Om du vill infoga emojis i textfältet klickar du på emoji-ikonen.

• Använd stylingverktygen för att anpassa textens typsnitt, knappens färg och storlek.
• Avsluta konfigurationen och skicka ditt e-postmeddelande.

När en kontakt klickar på knappen kommer de att föras direkt till kassasidan. Läs mer om vad som händer i HubSpot efter att en betalning har gjorts.