Välj frontend.
Behåll offertflödet.

En backend för STEP, 3D, priser och offerter. Använd vårt gränssnitt eller bygg ert eget.

Färdig widget

Lägg till ett script och nQuotes custom element på er befintliga webbplats. Utseende och texter styrs från portalen och kan överstyras med tillåtna presentationsvärden.

Kopiera ert företags riktiga installationskod från portalen. Identifierarna nedan är platshållare, inte hemligheter.

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>

Passar i ert
ramverk.

React har en återanvändbar komponent. Svelte och Vue har tunna integrationslager runt samma färdiga widget, med klientinitiering efter serverrendering.

React

import { NiteQuoteWidget } from '@niteweb/nquote/react';

<NiteQuoteWidget
  tenant="ER_TENANT"
  installation="ER_INSTALLATION"
  apiBaseUrl="https://api.nquote.se"
  locale="sv"
/>

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

<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-komponenterna är wrappers. Den färdiga widgetens interna React-runtime följer med, men kundappen behöver inte använda React som eget ramverk. Versionerade paket och körbara exempel tillhandahålls i integrationsleveransen; exemplen förutsätter att paketet är installerat.

Helt eget gränssnitt.
Samma nQuote.

Det UI-oberoende TypeScript-SDK:t hanterar konfiguration, begränsad besökarsession, uppladdning, jobbstatus, privat GLB, omräkning och offertförfrågan.

Import av enbart SDK:t laddar varken React, Three.js eller widgetens CSS. En egen viewer kan hämta samma privata modell. En native Svelte-referens finns i leveransen.

Läs det publika OpenAPI-kontraktet

TypeScript · browserklient

import { createBrowserClient } from '@niteweb/nquote';

const client = createBrowserClient({
  apiBaseUrl: 'https://api.nquote.se',
  tenant: 'ER_TENANT',
  installation: 'ER_INSTALLATION',
});

const configuration = await client.getConfiguration();
await client.startSession();
// Fortsätt med SDK:ts uppladdnings- och offertflöde.

Samma gränser.
Oavsett gränssnitt.

Åtkomst i webbläsaren

En kortlivad session avgränsar besökarens egna uppladdningar. Företagsnamn och installations-ID ger inte fri åtkomst till filer eller offertarkiv. Inga företagshemligheter hör hemma i HTML eller browserkod.

Åtkomst från egen server

En separat integrationsnyckel kan skapas, roteras och återkallas i portalen. Den lagras på kundens server och gäller bara integrationens begränsade offertfunktioner.

Priserna bestäms på servern

Samtliga vägar använder samma licens, installationskontroll, kalkylregler och offertinkorg. CSS och egna texter ändrar presentationen, inte behörigheten eller priset.

Angular, WordPress och andra ännu oprövade integrationer ingår inte i det verifierade stödet.

Se nQuote i ert offertflöde.

Vi går igenom era processer, er webbplats och hur ni vill arbeta med offerter.

Boka en genomgång

Välj frontend.Behåll offertflödet.