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: 26 maj 2026

Behörigheter krävs Behörighet Super Admin 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. Anpassade moduler kan användas för att skräddarsy offerter till dina köpare, baserat på behoven i ditt företag.

Innan du sätter igång

Innan du börjar arbeta med anpassade moduler bör du förstå vilka steg som bör tas i förväg, samt funktionens begränsningar och potentiella konsekvenser 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 är inte möjligt att skapa eller lägga till anpassade kodade moduler i en offert med hjälp av API:et. API-användare kan välja mallar som har anpassade moduler inkluderade i dem.

  • Det finns bara ett drag-och-släpp-område. Komplexa sidlayouter, t.ex. en enda modul som en sida för hela offerten, stöds inte.

  • Du måste använda den fasta behållaren för citatet. HTML-koden för sidhuvudet kan uppdateras för att ändra bredden på dra-och-släpp-området.

  • Använd anpassad CSS för att dölja statusfältet högst upp i citaten.

Vanliga användningsfall

Anpassade moduler ger flexibilitet att anpassa offertmallar på flera olika sätt. Granska följande vanliga användningsfall.

Skapa en modul med en tabell för radartiklar

Skapa en anpassad tabell för rader med artiklar som passar dina affärsbehov. Till exempel

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

  • Anpassad totalmodul: visa en sammanfattning av offerten eller anpassade beräkningar.
  • Visa ett faktureringsschema: skapa ett schema baserat på rader i offerten.
  • Valfria ra der: visa rader som är valfria. Köpare kan uppdatera offerten och affärsbeloppet med hjälp av serverlösa funktioner.

  • Ramper: visa prisförändringar för enskilda artiklar över tid enligt ett fördefinierat schema. Till exempel en produkt som kostar 5 000 USD det första året och 10 000 USD år 2. Du kan också ställa in att en artikel ska rabatteras under de första tre månaderna, innan den höjs till det icke rabatterade priset under den fjärde månaden.

    Observera: specialkodade moduler kan inte hantera faktureringsimplikationerna av ramper utöver att respektera faktureringsstartdatum.

Skapa en villkorlig modul för villkor och bestämmelser

Visa olika villkor eller innehåll baserat på offertdata. Du kan t.ex. visa regionspecifikt juridiskt språk baserat på köparens land eller inkludera produktspecifika villkor när vissa artiklar läggs till.

Skapa ett avsnitt för parter

Dölj standardmodulen för parter och skapa en anpassad modul med ditt eget varumärke och din egen formatering. Du kan också integrera anpassade data, t.ex. leveransadresser eller egenskaper för barnföretag.

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 specialkodade moduler med kryssrutor eller knappar så att köparna måste bekräfta specifika moduler innan de accepterar offerten.

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

Moduler med stil

Skapa moduler med anpassad bildformatering, skuggor, rundade hörn, varumärkesprofilering med mera.

Skapa anpassade moduler

Läs mer om hur du skapar anpassade moduler.

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