<div id="checkout-container"></div>
body {
  margin: 0;
}
var Options = {
  options: {
    methods: ["card", "wallets"],
    methods_disabled: ["banklinks_eu", "local_methods"],
    card_icons: ["mastercard", "visa", "maestro"],
    active_tab: "card",
    fields: false,
    title: "Demo subscription checkout",
    link: "https://shop.com",
    full_screen: true,
    button: true,
    email: true,
    subscription: {
      type: 'shown_edit_on',
      periods: ["week", "month", "day"]
    }
  },
  params: {
    merchant_id: 1396424,
    required_rectoken: "y",
    currency: "EUR",
    amount: 500,
    order_desc: "Demo subscription",
    recurring_data: {
      every: 1,
      amount: 1000,
      period: "month",
      end_time: "2026-11-14",
      start_time: "2019-11-11"
    }
  }
};
fondy("#checkout-container", Options);

External CSS

  1. https://pay.fondy.eu/latest/checkout-vue/checkout.css

External JavaScript

  1. https://pay.fondy.eu/latest/checkout-vue/checkout.js