En offertmotor.
Er väg till kunden.
En länk är allt som behövs för att börja.
Bygg vidare när ni vill.
Samma priser.
Samma offertinkorg.
Börja med
en offertlänk.
Aktivera offertsidan i portalen. Kopiera länken och dela den med kunderna. Era material, priser och ert utseende följer med.
Gör adressen till er egen.
Använd en egen underdomän med er företagsprofil. Adressen aktiveras när ägarskapet har verifierats och den säkra anslutningen är klar. Er nQuote-länk fortsätter fungera.
Redan en webbplats?
Lägg till nQuote.
En färdig widget eller ert eget kundflöde. Samma analys, samma kalkyl och samma offertinkorg.
- HTML
- React
- Svelte
- Vue
- TypeScript SDK
- API
Installera med HTML.
Kopiera installationskoden från portalen. Lägg in scriptet och placera widgetelementet där offertverktyget ska visas.
HTML
<script src="https://api.nquote.se/widget/v1/widget.js" defer></script>
<nitequote-widget
tenant="ER_TENANT"
installation="ER_INSTALLATION"
api-url="https://api.nquote.se"
locale="sv">
</nitequote-widget>Samma widget. Ert ramverk.
Använd React-komponenten eller välj SvelteKit och Nuxt med stöd för serverrendering. Här finns kodexempel för varje ramverk.
React
React
import { NiteQuoteWidget } from '@niteweb/nquote/react';
<NiteQuoteWidget
tenant="ER_TENANT"
installation="ER_INSTALLATION"
apiBaseUrl="https://api.nquote.se"
locale="sv"
/>Svelte / SvelteKit
Svelte / SvelteKit
<script>
import { NiteQuoteWidget } from '@niteweb/nquote-svelte';
</script>
<NiteQuoteWidget
tenant="ER_TENANT"
installation="ER_INSTALLATION"
apiBaseUrl="https://api.nquote.se"
widgetUrl="https://api.nquote.se/widget/v1/widget.js"
locale="sv"
/>Vue / Nuxt
Vue / Nuxt
<script setup>
import { NiteQuoteWidget } from '@niteweb/nquote-vue';
</script>
<template>
<NiteQuoteWidget
tenant="ER_TENANT"
installation="ER_INSTALLATION"
apiBaseUrl="https://api.nquote.se"
widgetUrl="https://api.nquote.se/widget/v1/widget.js"
locale="sv"
/>
</template>Svelte- och Vue-paketen bäddar in samma widget, som använder React internt. Installera paketen från integrationsleveransen innan ni använder kodexemplen.
Bygg ett eget gränssnitt.
TypeScript-SDK:t hanterar session, STEP-uppladdning, analysstatus, privat GLB, omräkning och offertförfrågan.
SDK-importen laddar varken React, Three.js eller widgetens CSS.
API-referens (OpenAPI)TypeScript
import { createBrowserClient } from '@niteweb/nquote';
const client = createBrowserClient({
apiBaseUrl: 'https://api.nquote.se',
tenant: 'ER_TENANT',
installation: 'ER_INSTALLATION',
});
await client.getConfiguration();
await client.startSession();Byt ut platshållarna mot företagets identifierare från portalen. Förvara hemliga integrationsnycklar på er server. Samma licens och behörigheter gäller för alla gränssnitt. Färdigt stöd för Angular och WordPress har inte verifierats.