Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Skapa anpassade moduler att använda i offertmallar

Senast uppdaterad: 9 juli 2026

Tillgänglig med något av följande abonnemang, om inte annat anges:

Behörigheter krävs Behörigheterna ”Superadministratör” eller ”Hantera offertmallar” krävs för att skapa och konfigurera offertmallar.

Skapa anpassade moduler för offertmallar för att anpassa utseende, innehåll och logik. Använd dem för att anpassa offertmallar utifrån dina affärsbehov.

Innan du börjar

Innan du börjar arbeta med anpassade moduler bör du sätta dig in i vilka åtgärder som bör vidtas i förväg, samt funktionens begränsningar och de potentiella konsekvenserna av att använda den.

Förstå kraven

Om du inte är bekant med React, HTML, JavaScript och CSS bör du samarbeta med en utvecklare för att skapa anpassade moduler.

Begränsningar och överväganden

  • Det går inte att skapa eller lägga till anpassade kodade moduler i en offert via API:et. API-användare kan välja mallar som redan innehåller anpassade moduler.

  • Det finns endast ett dra-och-släpp-område. Komplexa sidlayouter, till exempel en enskild modul som en sidoanmärkning för hela offerten, stöds inte.

  • Du måste använda offertens fasta behållare. HTML-koden för webbplatsens sidhuvud kan uppdateras för att ändra bredden på dra-och-släpp-området.

  • Du kan använda anpassad CSS för att dölja statusfältet högst upp i offerterna.

Vanliga användningsfall

Anpassade moduler ger flexibilitet att anpassa offertmallar på flera sätt. Se vanliga användningsfall nedan.

Skapa en modul för en tabell med radposter

Skapa en anpassad tabell med radposter som passar dina affärsbehov. Till exempel:

  • Lägg till avsnitt: visa radposter i avsnitt baserat på egenskaper. Till exempel separata avsnitt för produkter och tjänster eller engångs- och återkommande radposter.

  • Anpassad totalmodul: visa en sammanfattning av offerten eller anpassade beräkningar.

  • Visa en faktureringsplan: skapa en plan baserad på radposterna i offerten.

  • Valfria radposter: visa radposter som valfria. Köpare kan uppdatera offerten och affärsbeloppet med hjälp av serverlösa funktioner.

  • Trappsteg: visa prisändringar för enskilda poster över tid enligt ett fördefinierat schema. Till exempel en produkt som kostar 5 000 dollar det första året och 10 000 dollar år 2. Du kan också tillämpa en rabatt på en enskild post under de första tre månaderna innan den återgår till standardpriset den fjärde månaden.

    Observera: anpassade kodade moduler kan inte hantera faktureringskonsekvenserna av stegvisa prisändringar utöver att respektera faktureringsstartdatum.

Skapa en modul för villkor baserade på villkor

Visa olika villkor eller innehåll baserat på offertdata. Du kan till exempel visa regionsspecifika juridiska formuleringar baserat på köparens land eller inkludera produktspecifika villkor när vissa varuposter läggs till.

Skapa ett avsnitt för parter

Dölj standardmodulen för parter och skapa en anpassad modul med din egen varumärkesprofil och formatering. Du kan även integrera anpassade data såsom leveransadresser eller egenskaper för dotterbolag.

Skapa en anpassad navigeringsmeny

Lägg till en navigeringsmeny för att hjälpa köpare att navigera i långa offerter.

Kräv bekräftelse av avsnitt

Lägg till interaktiva, anpassade kodade moduler med kryssrutor eller knappar så att köpare kan bekräfta specifika moduler innan de accepterar offerten.

Observera: detta kräver ett separat skript i webbplatsens HTML-huvud för att inaktivera godkännandet tills kryssrutorna har bekräftats.

Formatera moduler

Skapa moduler med anpassad bildformatering, skuggor, rundade hörn, varumärkesprofilering och mycket mer.

Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.