VINALFA CMS INTEGRATIONS — 1.0.0-rc1 — 23.10.2026

RU: Первый комплект адаптеров виджета. Установочные архивы и исходники готовы; это release candidate, не сертификация маркетплейсов. Полные лицензированные/облачные CMS-стенды не входят в локальные проверки. До установки в production пройдите приёмку на staging вашей версии CMS и темы с отдельным public widget token. Не используйте серверный Bearer-токен в этих формах или компонентах.
EN: Installable/source widget adapters, release candidate. No marketplace certification is claimed. Validate on a staging site with your CMS version, theme, own project, allowed origin and a public widget token before production. These adapters do not provide product import, stock/price sync, cart integration or server-side catalog UI.

All adapters support widget language ru/en/de/zh/tr/es/ja/it/fr/ko. The site’s project configuration may override language/search: set the same values in the Vinalfa account. Prices, stock, cart and order handling stay in the store. Search by OEM/SKU must already work in the store or be implemented separately.
CONFIG_ID and public widget token: copy from your project account. The server Bearer token belongs only in private backend environment variables. No live account credentials are bundled.
Routing: native CMS adapters use the widget’s hash router (data-router="hash"). No catch-all rewrite is needed. The builder/React/Vue/Shopify components isolate it in an iframe; inner route is not reflected in the parent URL.

Demo https://vinalfa.com/widget
API https://vinalfa.com/ru/api
Setup https://vinalfa.com/ru/getting-started
Partners https://vinalfa.com/ru/partners

Localized installation guides: https://vinalfa.com/cms-modules

React / Vue / custom frontend
React 18/19 and Vue 3; ESM source components, not published npm packages.

React: copy VinalfaCatalog.jsx and widget-core.mjs into your application and render <VinalfaCatalog configId="..." publicToken="..." searchUrl="https://YOUR-STORE.example/search/?q={article}" language="en" />.
Next.js App Router: add 'use client'; at the top of VinalfaCatalog.jsx. It mounts only in useEffect; no server API token is accepted.
Vue: copy VinalfaCatalog.vue and widget-core.mjs, import the component and pass config-id, public-token, search-url and language props.
The catalog runs in a separate srcdoc iframe. StrictMode, unmount/remount and configuration changes recreate only this iframe; they do not leave widget globals in the parent application. SSR renders an empty wrapper, then mounts on the client. Set the same store search URL in Vinalfa.
The parent URL does not preserve the inner diagram route; iframe height is 1100 px with internal scrolling. Allow srcdoc/inline code and the exact Vinalfa script/connect/image origins in your CSP using your normal application policy. No global CSP disabling is recommended.
React/Vue dependencies are supplied by the host application; no node_modules are distributed. Use the backend API examples only on the server if building your own catalog UI.

Acceptance: see ACCEPTANCE.txt in the complete kit. No real credential is included.

RU: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/ru/components.html
EN: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/en/components.html
DE: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/de/components.html
FR: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/fr/components.html
ES: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/es/components.html
IT: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/it/components.html
TR: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/tr/components.html
ZH: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/zh/components.html
JA: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/ja/components.html
KO: https://vinalfa.com/downloads/cms/1.0.0-rc1/guides/ko/components.html
