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

Lär dig hur du lägger till en betalningslänk på din HubSpot-webbplats, i marknadsföringsmejl eller på en extern webbplats så att dina kunder kan betala dig direkt från ditt innehåll.

För att lägga till en betalningslänk på din webbplats kan du lägga till standardbetalningsmodulen på en dra-och-släpp-sida eller mall, eller ett marknadsföringsmeddelande, eller lägga till inbäddningskoden för betalningslänken på din externa webbplats.

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 standardbetalningsmodulen på din sida kommer betalningslänken att visas som en kassaknapp som kunderna kan klicka på för att sedan ange sina betalningsuppgifter.

1. Navigera till ditt innehåll:
   
   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
   • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
2. Klicka på sidans namn för att öppna redigeraren.
3. Klicka på add uppe till vänster.
4. Under Moduler klickar du på för att expandera avsnittet Commerce.
5. Klicka på Payment och dra den till rätt position på sidan.
6. I redigeraren för sidofältet:
   • I fältet Button skriver du in den text som ska visas på knappen.
   • Under Knappens mål:
     • Välj Använd en betalningslänk för att dirigera din publik till en av dina betalningslänkar.
       • Klicka på rullgardinsmenyn Betalningslänk och välj en betalningslänk.
       • Under Checkout behavior väljer du Open in a new tab om du vill att betalningslänken ska öppna en ny webbläsarflik eller ett nytt fönster när du klickar på den. Eller klicka på Glidande över lägg om du vill att betalningslänken ska visas som ett överlägg på sidan.
     • Välj Annat om du vill skicka dina besökare till en extern länk eller en av dina webbplats- eller målsidor:
       • Klicka på rullgardinsmenyn Länk till och välj Extern om du vill använda en extern länk. Ange webbadressen i fältet URL.
       • Klicka på rullgardinsmenyn Länk till och välj Innehåll för att använda en befintlig webbplats eller landningssida. Klicka på rullgardinsmenyn Innehåll och välj en sida.
       • Aktivera alternativet Öppna länk i nytt fönster om du vill att länken ska öppna en ny flik eller ett nytt fönster i webbläsaren när du klickar på den.
       • Under Länktyp markerar du kryssrutan Följ inte för att ange att sökmotorer ska ignorera länken.
   • Markera kryssrutan Lägg till ikon om du vill lägga till en ikon på knappen.
     
     • Klicka på rullgardinsmenyn Ikon.
     • Klicka på Ersätt för att ersätta den befintliga ikonen.
     • Sök efter en ikon i den högra panelen. Klicka på ikonen för att välja den.
     • Klicka på rullgardinsmenyn Position och välj ikonens position på knappen.
       
       
7. Klicka på Uppdatera eller Publicera uppe till höger för att aktivera dina ändringar.
8. I Design Manager kan du också lägga till standardbetalningsmodulen 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:

1. I ditt HubSpot-konto navigerar du till Handel > Betalningslänkar.
2. Håll muspekaren över betalningslänken och klicka på Åtgärder och välj sedan Bädda in.
   
   
3. I dialogrutan klickar du på Kopiera inbäddningskod.

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 där användarna 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.

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. 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.
3. Klicka på add uppe till vänster.
4. På fliken Innehåll, under E-handel, klickar du på Betalningar och drar den till rätt position på sidan.
   
   
5. Klicka på rullgardinsmenyn Betalningar och välj en betalningslänk.
6. I fältet Knapptext redigerar du den text som visas. Om du vill infoga emojis i textfältet klickar du på emoji-ikonen.
7. Klicka på fliken Stilar för att justera knappens stil, inklusive teckensnittstyp, -storlek och -färg, bakgrundsfärg, justering och utfyllnad.
8. Slutför och skicka ditt e-postmeddelande.

När en kontakt klickar på knappen för betalningslänken kommer de att tas till kassasidan.

Nästa steg

• Läs mer om vad som händer i HubSpot efter att en betalning har gjorts.
• Läs mer om hur du hanterar betalningar.
• Läs mer om hur du skapar rapporter i Commerce Analytics Suite.