HTML, JavaScript и WordPress

Објавено издание: SDK 0.1.3 е јавно достапен на npm. Инсталацијата не активира серверски функции.

Изберете го наједноставниот поддржан начин

HTML или WordPress со статичен линк Купи: создадете Checkout Link во Kordiva CMS. За овој линк не треба SDK инсталација или Store API клуч.

Обичен JavaScript со динамична кошничка: користете @kordiva/checkout@0.1.3 за проверка и отворање на URL од вашиот заштитен backend:

pnpm add @kordiva/checkout@0.1.3

React или Next.js: користете @kordiva/react и @kordiva/checkout во прелистувачките компоненти, а @kordiva/sdk и Store API клучот само на backend.

За HTML или WordPress наједноставна поддржана интеграција е одобрен Checkout Link. Создајте го во Kordiva, копирајте URL и ставете го во anchor или WordPress Custom HTML блок. Заменете го примерниот URL со вистински одобрен линк. За статичен линк не треба SDK или API клуч.

За динамична кошничка прелистувачот го повикува вашиот заштитен endpoint. Тестираниот JavaScript пример подолу прима callback за барање, точна дозволена origin листа и функција за навигација. Не ставајте клуч во WordPress HTML, shortcode излез или прелистувачки JavaScript.

Примерниот адаптер во Kordiva изворниот репозиториум не е npm package export. Изградете сопствен автентициран checkout endpoint со @kordiva/sdk; Next.js може да го користи примерот за Node рута. Ова се код-примери, не WordPress платежен plugin.

Статус за статичен Checkout Link: Kordiva ги обработува Stripe известувањата и ги ажурира CMS/платежните записи. WordPress thank-you URL не е авторитативен доказ. За динамична веб-страница што прикажува платежен статус користете заштитен Node backend и LIVE потврда. SDK 0.1.3 поддржува потпишани Business настани кон backend; статична WordPress thank-you страница не е webhook receiver или платежен авторитет.

Линкот не заобиколува достапност, одобрение, данок/пазар или продавачки модел. Individual линковите остануваат еднократни одобрени дигитални понуди.

import { checkoutHref, redirectToCheckout } from "@kordiva/checkout";
/** @param {()=>Promise<Response>} requestCheckout @param {string[]} allowedOrigins @param {(url:string)=>void} navigate @param {import("@kordiva/checkout").CheckoutNavigationOptions} [checkoutOptions] */
export async function openCheckout(
  requestCheckout,
  allowedOrigins,
  navigate,
  checkoutOptions = {},
) {
  const response = await requestCheckout();
  if (!response.ok)
    throw new Error("Checkout unavailable; check the order before retrying.");
  const data = await response.json();
  const handoff = {
    url: checkoutHref({ url: data.url }, allowedOrigins, checkoutOptions),
  };
  redirectToCheckout(handoff, allowedOrigins, navigate, checkoutOptions);
}

<!-- Standard HTML: replace with the approved Checkout Link copied from Kordiva.
     No secret key is needed. This exact anchor also works in a WordPress Custom HTML block. -->
<a href="https://shop.example.test/q/approved-link" rel="noopener"
  >Continue to secure checkout</a
>

Поврзани водичи

SDK · Checkout · Безбедност · API

Business integration

Recurring checkout and subscription reads → Signed Business events → Raw-body verification → Business refunds → API reference. Individual MoR follows its separate refund process.