API Mock

Example Co

Purchase for Widget

Item	$15.99
Shipping	$5.00
Sales Tax	$1.75
Total	$22.74

Test Cards: Exp: 12/34, CVC: 123

<script src="https://js.stripe.com/v3/"></script>
<script>
  document.addEventListener('DOMContentLoaded', () => {
    // Initialize Stripe - will be intercepted by Modo.js when enabled
    const stripe = Stripe('pk_test_xyokET3Qay8yWsO3cUvIMVDT00QQLmqYXV');
    const elements = stripe.elements();

    // Create and mount the card element
    const card = elements.create('card', {
      style: {
        base: {
          color: '#32325d',
          fontFamily: 'Arial, sans-serif',
          fontSmoothing: 'antialiased',
          fontSize: '16px',
          '::placeholder': {
            color: '#aab7c4'
          }
        },
        invalid: {
          color: '#fa755a',
          iconColor: '#fa755a'
        }
      }
    });

    card.mount('#card-element');
    
    // Payment processing - routed through Modo when enabled
    document.getElementById('submit-button').addEventListener('click', async () => {
      const {paymentMethod, error} = await stripe.createPaymentMethod({
        type: 'card',
        card: card
      });
      
      if (error) {
        console.error('Payment method creation failed:', error);
      } else {
        console.log('Payment method created:', paymentMethod.id);
        // This request will be intercepted and routed by Modo.js
      }
    });
</script>

Waiting for a request...

This is the Modo Podium visualization.

Example Co

Sandbox Settings

Example Co