Start here

Make this catalogue yours in an afternoon.

Swap in your brand, import your products and start receiving quote requests the same day. When you are ready to launch, set this page to draft.

01

Brand it

Update the Accent, Ink and Surface colour styles and every page follows, including the quote drawer, comparison table and print sheet. Swap the logo inside the Navigation and Footer components, then update your company details in the Footer.

02

Import your catalogue

Download the sample CSV files below, replace the rows with your own and import them in the CMS: Categories first, then Products. Column names match the field names, so every value lands in the right place.

03

Set ordering rules

Each product has a Minimum order and a Pack increment. Every quantity field snaps to valid amounts, so a minimum of 5 sold in packs of 6 starts at 6 and steps through 12, 18 and 24.

04

Connect your forms

Select the Quote Form and the Contact Form and choose where submissions go: email, webhook, Google Sheets or your CRM. Each quote arrives with Products, SKU list, Quote reference and Product count filled in.

05

Brand the print sheet

Select the Print Sheet on the Quote Print page to set your company name, logo, address, phone, email and website. Buyers print or save a polished A4 or Letter selection sheet in one click.

06

Tune quotes and comparison

Buyers compare up to three products from the same range and quote up to 20 lines at once. Their selection is saved in their own browser between visits, and contact details stay in the form only.

Import kit

Field map and sample CSV files.

Every column the catalogue understands, what it powers and the format it expects. Download a sample, keep the header row and paste in your products.

ColumnTypeRequiredHow it is used
NameTextYesProduct name shown on cards, detail pages, quotes and the print sheet.
SlugSlugYesURL of the product page, for example coupe-dinner-plate-27-chalk.
SKUTextYesUnique product code. Used in quotes, comparisons and the print sheet.
CategoryReferenceYesSlug of one Categories item, for example plates.
ImageImageYesImage URL. Square or 4:5 product shots on a plain background work best.
Short descriptionTextOptionalOne or two sentences for cards and search results.
DescriptionFormatted textOptionalFull product story. HTML such as <p> and <ul> is supported.
MaterialTextOptionalSpecification row. Leave empty to show Not specified in comparisons.
FinishTextOptionalSpecification row.
Width (mm)TextOptionalSpecification row. Numbers only, the unit is in the label.
Height (mm)TextOptionalSpecification row.
Capacity (ml)TextOptionalSpecification row.
Weight (g)TextOptionalSpecification row.
CareTextOptionalSpecification row, for example Dishwasher safe.
Ordering unitTextYesWhat a buyer orders, for example case, pack or piece.
Ordering unit pluralTextYesPlural form, for example cases.
Unit contentsTextOptionalWhat is inside one unit, for example 12 plates per case.
Minimum orderNumberYesLowest quantity accepted. Quantities below it are raised automatically.
Pack incrementNumberYesQuantities step in multiples of this. Minimum 5 with increment 6 starts at 6.
Lead timeTextOptionalShown next to the order controls, for example 5 working days.
FeaturedToggleOptionaltrue shows the product in the Home page featured grid.
Related productsMulti referenceOptionalComma separated product slugs shown under Related products.
DatasheetFileOptionalPDF URL. Adds a Download datasheet link on the product page.
Search keywordsTextYesEverything the search box matches. Include the name, SKU and material, plus any synonyms buyers type.

Testing at scale? The catalogue pages through 12 products at a time and search, filters and quotes stay instant with hundreds of products.

Create a free website with Framer, the website builder loved by startups, designers and agencies.