B2B hjemmeside til produktkatalog, datablade og tilbudsforespørgsler
Jeg bygger hjemmesider til industrivirksomheder, producenter og grossister, hvor køberen skal kunne finde et produkt, læse databladet og bede om en pris uden at ringe først. Prøv den fiktive demo nedenfor: kategorier, datablad og en forespørgselsliste, der viser, hvordan en køber kan samle flere varer i én henvendelse.
Prøv demoen · Send produktoversigt
- Passer til
- Producenter, grossister og leverandører med tekniske produkter
- Grundpris
- 9.495 kr. ekskl. moms for design og udvikling af 4–8 sider
- Tilvalg
- CMS til produkter 2.500 kr. og forespørgselsformular 1.500 kr.
- Eksempel
- 4–8 sider med CMS og formular: 13.495 kr. (estimat op til 16.500 kr.)
- Ikke med
- Login, aftalepriser og genbestilling
En B2B hjemmeside, hvor køberen finder produktet og kan bede om en pris
En industrivirksomhed, en producent eller en grossist sælger sjældent med en indkøbskurv. Køberen leder efter en bestemt komponent, en teknisk egenskab eller en leverandør, der kan levere i den rigtige mængde, og vil gerne læse databladet, før nogen ringes op. En B2B hjemmeside skal derfor gøre tre ting: lade køberen finde produktet via kategori eller navn, vise de tekniske oplysninger uden at kræve et opkald, og gøre forespørgslen kort og præcis.
Jeg bygger siden som en produktkatalog med kategorisider, en produktside for hver vare, datablad som en mobilvenlig tabel med mulighed for download og en forespørgselsformular, hvor køberen kan angive flere varer og mængder i én henvendelse. Katalogets indhold ligger i en CMS-model, så virksomheden selv kan tilføje og rette produkter. CMS og formular er tilvalg i prisberegneren (se prisomfanget nedenfor). Demoen er en illustration med et opfundet katalog, og en interaktiv liste som i demoen afgrænses i tilbuddet.
- Produktkategorier og produktsider i en fast struktur
- Datablad som tabel på siden og som fil til download
- Forespørgselsformular med varer og mængder (tilvalg)
- CMS, så virksomheden selv kan rette produkter (tilvalg)
- Kontaktvej tilpasset købere, der vil have en pris
Prøv et fiktivt katalog med datablad og forespørgsel
Nordlund Komponenter, produkterne, databladene og mængderne er opfundet. Demoen viser, hvordan en køber kommer fra kategori til datablad og en forespørgselsliste. Den siger ikke noget om priser eller produkter i en rigtig virksomhed.
Fiktiv demo: produktkatalog for Nordlund Komponenter
- Vælg en produktkategori.
- Åbn et produkt og læs det fiktive datablad.
- Føj produktet og en mængde til forespørgslen, og vælg levering.
- Slanger: Slange HS-12 (Varenummer: HS-12-0100, Indvendig diameter: 12 mm, Arbejdstryk: Op til 20 bar, Temperatur: -20 til 80 °C, Leveres som: Rulle à 25 m); Slange HS-20 (Varenummer: HS-20-0250, Indvendig diameter: 20 mm, Arbejdstryk: Op til 40 bar, Temperatur: -20 til 100 °C, Leveres som: Rulle à 10 m)
- Fittings: Fitting FT-R12 (Varenummer: FT-R12-0040, Materiale: Rustfrit stål, Tilslutning: 12 mm slange, Maksimalt tryk: 25 bar, Leveres som: Pakke à 10 stk.); Fitting FT-R20 (Varenummer: FT-R20-0060, Materiale: Rustfrit stål, Tilslutning: 20 mm slange, Maksimalt tryk: 45 bar, Leveres som: Pakke à 10 stk.)
- Pakninger: Pakning PK-S5 (Varenummer: PK-S5-0100, Materiale: Syntetisk gummi, Tykkelse: 5 mm, Temperatur: -30 til 120 °C, Leveres som: Æske à 50 stk.)
Alle produkter og datablade er opfundne. Den interaktive version lader dig samle en forespørgselsliste og sende den som tekst til kontaktformularen.
Fra forside til tilbudsforespørgsel: sidernes opgaver
Strukturen følger købers vej. Hver side har én opgave, og ingen side kræver, at køberen starter forfra.
| Side | Indhold | Køberen kan |
|---|---|---|
| Forside | Hvad virksomheden fremstiller, for hvem og hvordan man kommer til kataloget | Vælge kategori eller søge efter et produkt |
| Kategoriside | Produkter i gruppen med de egenskaber, køberen sammenligner på | Sammenligne og åbne det rigtige produkt |
| Produktside | Beskrivelse, tekniske egenskaber, tilbehør og relaterede varer | Læse databladet og lægge varen på forespørgslen |
| Forespørgsel | Varer, mængder, leveringstid og de oplysninger, virksomheden skal bruge til et tilbud | Sende alle varer som én henvendelse |
| Om virksomheden | Kapacitet, kvalitetsstyring og kontaktpersoner, kun hvor det kan dokumenteres | Vurdere, om leverandøren passer |
Det får virksomheden
Kategori- og produktmodel (CMS er tilvalg)
En fælles model for felter som varenummer, mål, materiale og leveringsform, så alle produkter beskrives ens.
Produktsider med datablad
Egenskaberne står som mobilvenlig tabel i siden, og databladet kan hentes som fil. Versionen og datoen er synlig.
Forespørgselsformular (tilvalg)
En specialdesignet formular med felter til varer, mængder og leveringstid. En interaktiv liste som i demoen afgrænses i tilbuddet.
Indlæsning af kataloget
Jeg indlæser en første kategori som prøve, og virksomheden kan selv indlæse resten ud fra samme skabelon.
Datablade, der kan læses på skærmen og downloades
En PDF kan godt være søgbar og blive indekseret af Google, hvis den indeholder tekst, så indekseringen er ikke grunden til at vise egenskaberne i siden. Fordelen ved en HTML-tabel på produktsiden er en anden. Tabellen følger skærmens bredde, så køberen kan læse værdierne på en telefon uden at zoome og trække rundt i en fast A4-side. Den åbner sammen med siden uden en separat hentning, og med rigtige overskriftsceller kan en skærmlæser læse hver værdi sammen med dens navn. Og værdierne kommer fra CMS-felter, så en rettelse ét sted gælder alle sider, der bruger den. PDF-filen beholdes som supplement til dem, der vil gemme eller videresende databladet. Hver værdi i tabellen kommer fra virksomhedens egen kilde. Jeg skriver ingen tekniske værdier eller godkendelser, som virksomheden ikke har dokumenteret.
Databladet får en version og en dato, så køberen kan se, om det er aktuelt, og virksomheden kan se, hvem der ejer opdateringen. Når mange produkter deler de samme felter, laves felterne som CMS-felter, så en rettelse ét sted slår igennem på alle sider, hvor værdien bruges.
Fra produktoversigt til lanceret katalog
Saml produkter og felter
Vi gennemgår en eksport fra regneark, ERP eller PIM og beslutter, hvilke felter køberen skal se på siden.
Vælg strukturen
Kategorier, undergrupper, filtre og navngivning aftales ud fra, hvordan køberne faktisk søger.
Byg skabelonerne
Kategoriside, produktside og forespørgselsformular bygges, og én kategori indlæses som prøve.
Test forespørgslen
En testforespørgsel følges fra formularen til den indbakke eller det system, der modtager den.
Indlæs resten og lancér
Resten af kataloget indlæses, og gamle adresser omdirigeres, hvis siden erstatter en eksisterende.
B2B hjemmeside, bestillingsportal eller webshop?
Tre løsninger bliver ofte blandet sammen. Valget afhænger af, hvad køberen skal kunne gøre uden at kontakte dig.
| Køberens opgave | Løsning | Hvor læser du mere |
|---|---|---|
| Finde produktet, læse databladet og bede om en pris | B2B hjemmeside med produktkatalog | Denne side |
| Logge ind, se aftalt pris og genbestille | B2B bestillingsportal | Siden om B2B bestillingsportal |
| Lægge i kurv og betale med det samme | Webshop | Siden om webshop-udvikling |
| Have produktdata fra PIM eller ERP synkroniseret ind | Integration oven på kataloget | Siden om Shopify PIM integration |
En B2B hjemmeside kan senere udvides med en portal, når der er en aftale om kunder, priser og login. Den kan ikke erstatte en portal, hvis kunderne skal se aftalepriser.
Hvad grundprisen dækker, og hvad der er tilvalg
Grundprisen for 4–8 sider er 9.495 kr. ekskl. moms og dækker design i Figma tilpasset dit brand; udvikling i den valgte platform med responsivt layout; grundlæggende SEO-struktur (titler, beskrivelser, overskrifter); træning, så du selv kan opdatere indhold; test og lancering. CMS til produkter og en specialformular er tilvalg. Eksempel: 4–8 sider med CMS og formular er 13.495 kr. (estimat op til 16.500 kr.). Med 9–15 sider er det samme eksempel 21.495 kr. (estimat op til 26.500 kr.).
Grundpris og tilvalg
Grundpris, 4–8 sider
9.495 kr. ekskl. moms
Et mindre produktprogram med få kategorier. Dækker design, udvikling, grundlæggende SEO-struktur, træning, test og lancering.
Grundpris, 9–15 sider
17.495 kr. ekskl. moms
Flere kategorier og en fuld virksomhedsprofil. Dækker det samme som 4–8 sider.
CMS til produkter (tilvalg)
2.500 kr. ekskl. moms
Produkterne rettes og udvides uden udvikler.
Specialdesignet forespørgselsformular (tilvalg)
1.500 kr. ekskl. moms
Felter til varer, mængder og tilpassede spørgsmål.
Flersproget hjemmeside (tilvalg)
9.500 kr. ekskl. moms
Samme side på flere sprog (9–15 sider). Oversættelsen er ikke med.
Formular til HubSpot (tilvalg)
2.500 kr. ekskl. moms
Forespørgsler oprettes som henvendelser i HubSpot.
Vurderes særskilt og er ikke med i beløbene
- En interaktiv forespørgselsliste, hvor køberen samler varer på tværs af sider, som i demoen
- Meget store kataloger og kataloger med komplekse filtre
- Synkronisering med PIM eller ERP
- Login, aftalepriser og genbestilling
Fuld tekstforfatning og fotografering er ikke inkluderet i den beregnede pris. Demoen er en illustration og ikke en del af prisen. Beløbene er hentet fra prisberegneren. Du får et fast tilbud, før arbejdet starter.
Erfaring med to målgrupper, men ikke med et industrikatalog
Jeg har ingen offentlig case for et industrikatalog, og derfor påstår jeg ingen. Det nærmeste dokumenterede projekt er CAOS Creators, hvor jeg har designet og bygget et website med to indgange: brands og creators får hver deres vej videre fra forsiden, og en budgetberegner viser, hvad en pulje rækker til.
Casen dokumenterer websitet og ikke platformen bag login, og der er ikke oplyst resultater. Den viser, at jeg kan opbygge en side til to forskellige beslutningstagere og en beregner, der hjælper en virksomhedskunde med at forstå omfanget, men den er ikke et katalog med datablade.
Spørgsmål om B2B hjemmeside og produktkatalog
Er en B2B hjemmeside det samme som en B2B webshop?
Nej. På en B2B hjemmeside finder køberen produktet og beder om en pris. En webshop har kurv og betaling. Mange industrivirksomheder har ikke brug for en kurv, men for et katalog med datablade og en tydelig forespørgsel.
Skal priserne stå på siden?
Det bestemmer virksomheden. Mange viser pris på forespørgsel. Så skal siden gøre det let at bede om den og forklare, hvad svaret afhænger af, fx mængde og leveringstid.
Kan databladene blive som PDF'er?
Ja. En PDF med tekst kan være søgbar og blive indekseret af Google, så den er et godt supplement. De vigtigste egenskaber vises alligevel også som HTML-tabel på produktsiden, fordi den følger skærmbredden på en telefon, ikke kræver en separat hentning, og fordi værdierne kommer fra CMS-felter, så en rettelse gælder alle sider.
Kan vi bruge vores eksisterende produktregneark?
Ofte ja. Jeg gennemgår arket, aftaler felterne og indlæser en kategori som prøve, før resten indlæses.
Hvor mange produkter kan hjemmesiden rumme?
Det afhænger af antal felter, filtre og platformens planer. Jeg kontrollerer grænserne, før vi vælger løsningen, og meget store kataloger vurderes særskilt.
Kan hjemmesiden være på dansk og engelsk?
Ja. Prisberegneren har en post til flere sprog. Oversættelsen af produkttekster og datablade er ikke med i prisen.
Hvordan kommer forespørgslerne ind i vores system?
De kan sendes til en indbakke. Prisberegneren har også en post til at lade formularen oprette henvendelser i HubSpot, hvis I bruger det.
Er produkterne i demoen rigtige?
Nej. Firmaet, produkterne, databladene og mængderne er opfundet, så demoen ikke siger noget om en rigtig leverandør.
Hvad skal jeg sende for at få et tilbud?
Send en produktoversigt eller et regneark, ét repræsentativt datablad, en liste over de sprog og kategorier, I har, og hvordan forespørgsler behandles i dag.
Katalog, portal og integration
- B2B bestillingsportal – Når kunder skal logge ind, se aftalepriser og genbestille.
- Shopify PIM integration – Når produktdata skal synkroniseres ind fra et PIM-system.
- Webflow CMS – Sådan holder virksomheden selv indholdet opdateret.
- Flersproget hjemmeside – Samme katalog på flere sprog.
- HubSpot integration – Forespørgsler direkte ind som henvendelser.
- Case: CAOS Creators – Et website med to indgange og en budgetberegner.
- Prisberegner – Sammensæt hjemmesiden og se et vejledende estimat.
Send en produktoversigt og ét datablad
Send et regneark eller en liste over produktkategorier, ét repræsentativt datablad og en beskrivelse af, hvordan en forespørgsel behandles i dag. Så kan jeg afgrænse katalog, formular og pris.
Direkte til mig: +45 20 71 02 89 · ow@oscarwinther.dk