{"title":"Add Payment Method Form - Liquid Form Reference","slug":"add-payment-method-form-reference","url":"https://support.storeconnect.com/articles/add-payment-method-form-reference","url_markdown":"https://support.storeconnect.com/articles/add-payment-method-form-reference.md","subtitle":null,"summary":"The `add-payment-method` Liquid form renders a payment gateway form for saving a new card to the account without taking a charge.","type":"Developer_Documentation","video_url":"","keywords":"liquid, forms, add-payment-method, payments, saved cards, storeconnect","last_modified":"2026-07-30T00:28:16+0000","body_markdown":"## Usage\n\n\n```liquid\n\n{% form \"add-payment-method\" %}\n  {% render \"checkout/payment_information/select_and_payment\", only_recurring_payments: true %}\n{% endform %}\n```\n\n\nThe `add-payment-method` form renders a hosted payment gateway form that saves a new card against the customer's account without taking a payment. It automatically selects the first active payment provider that supports saving cards, and is used on the account \"Add payment method\" page.\n\n| Property | Value |\n|----------|-------|\n| **Form Name** | `add-payment-method` |\n| **Category** | Payments |\n\n## Behavior\n\n- The form renders nothing if the store has no active payment provider that supports saving cards.\n- On submission it stores a reusable card token against the customer — no order is placed and no charge is taken.\n\n## Form Object\n\nInside the form block, you can access the `form` object which provides:\n\n- `form.errors` — Any validation errors after submission"}