Приклади (Hydrogen)

import { redirect } from "@shopify/remix-oxygen";

const CHECKOUT_URL = "https://checkout.plata-app.com";

export async function action({ context, request }: ActionFunctionArgs) {
  const cart = await context.cart.get(); // ваш спосіб отримати cart
  const cartToken = cart?.id /* або token — те, що приймає Storefront на бекенді plata */;
  const shop = context.env.PUBLIC_STORE_DOMAIN; // your-store.myshopify.com

  if (!cartToken) {
    return redirect("/cart");
  }

  const url = new URL("/c/start", CHECKOUT_URL);
  url.searchParams.set("shop", shop);
  url.searchParams.set("cart", cartToken);

  // опційно: UTM
  const incoming = new URL(request.url);
  for (const key of ["utm_source", "utm_medium", "utm_campaign"]) {
    const value = incoming.searchParams.get(key);
    if (value) url.searchParams.set(key, value);
  }

  return redirect(url.toString());
}

export function PlataCheckoutButton({
  shop,
  cartToken,
}: {
  shop: string;
  cartToken: string;
}) {
  const href = `https://checkout.plata-app.com/c/start?shop=${encodeURIComponent(
    shop
  )}&cart=${encodeURIComponent(cartToken)}`;

  return (
    <a href={href} className="checkout-button">
      Оформити замовлення
    </a>
  );
}