---
id: overview
title: Overview
sidebar_label: Overview
hide_title: true
description: "Overview of the Walley Checkout payment products and integrations"
---

import Ingress from "../../src/components/ingress/ingress.react";
import Link from "@docusaurus/Link";

<Ingress title="Overview">
  Walley offers several ways to accept payments, from a fully embedded
  Checkout in your web shop to hosted payment pages and recurring payments.
  Explore the products below and find the integration that fits your business.
</Ingress>

<div className="overview-cards">
  <Link className="overview-card" to="/docs/checkout/introduction">
    <h3>🛒 Checkout payments</h3>
    <p>
      Embed Walley Checkout in your web shop. Initialize a session, render the
      iframe and let the customer complete the purchase without leaving your
      site.
    </p>
  </Link>
  <Link className="overview-card" to="/docs/checkout/paylink/overview">
    <h3>🔗 Pay Link</h3>
    <p>
      Send a ready-to-pay Checkout to your customer as a link or SMS. A fully
      hosted payment page with no integration into your own site required.
    </p>
  </Link>
  <Link className="overview-card" to="/docs/checkout/tokenization/introduction">
    <h3>🔁 Tokenized payments</h3>
    <p>
      Store a payment token when the customer makes a purchase and charge it
      later. Built for subscriptions and recurring payments.
    </p>
  </Link>
  <Link className="overview-card" to="/docs/checkout/widgets/">
    <h3>🧩 Widgets</h3>
    <p>
      Boost conversion on your product pages with embeddable widgets that
      promote part payment options and show available payment methods.
    </p>
  </Link>
</div>

## Common use cases

Recipes for scenarios that many merchants build on top of Checkout payments.

<div className="overview-cards overview-cards--compact">
  <Link
    className="overview-card overview-card--compact"
    to="/docs/checkout/common-use-cases/inventory-validation"
  >
    <h4>📦 Inventory validation</h4>
    <p>Verify stock before the purchase is completed.</p>
  </Link>
  <Link
    className="overview-card overview-card--compact"
    to="/docs/checkout/common-use-cases/giftcards"
  >
    <h4>🎁 Gift cards</h4>
    <p>Let customers pay part of the order with a gift card.</p>
  </Link>
  <Link
    className="overview-card overview-card--compact"
    to="/docs/checkout/common-use-cases/discounts"
  >
    <h4>🏷️ Discounts</h4>
    <p>Apply discount codes to the cart inside the Checkout.</p>
  </Link>
</div>

## Extend your Checkout

Modules that add functionality inside the Checkout iframe.

<div className="overview-cards overview-cards--compact">
  <Link
    className="overview-card overview-card--compact"
    to="/docs/checkout/delivery/introduction-delivery-module"
  >
    <h4>🚚 Delivery Module</h4>
    <p>
      Let customers choose shipping options directly in the Checkout, via
      Ingrid, nShift or a custom adapter.
    </p>
  </Link>
  <Link
    className="overview-card overview-card--compact"
    to="/docs/checkout/loyalty-booster/loyalty-booster"
  >
    <h4>💜 Loyalty Booster</h4>
    <p>
      Connect your loyalty program, via Voyado or a custom adapter, and reward
      members at purchase.
    </p>
  </Link>
</div>

## Before you integrate

Make sure you have completed the [prerequisites](/docs/checkout/prerequisites)
and know which [environments and endpoints](/docs/checkout/endpoints) to use.