{"templateId":"markdown","versions":[{"version":"production","label":"July '26","link":"/docs/payments/payment-method-selector","default":true,"active":true,"folderId":"a2557b8d"}],"sharedDataIds":{"sidebar":"sidebar-docs/@production/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["img"]},"redocly_category":"Accept & Collect","type":"markdown"},"seo":{"title":"Payment Method Selector","description":"The FinDock Payment Method Selector is a Lightning Web Component that can be used in Flows or custom LWCs.","siteUrl":"https://docs.findock.com","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]},"keywords":"payment experiences, payment method selector, lightning web component"},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"payment-method-selector","__idx":0},"children":["Payment Method Selector"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The FinDock Payment Method Selector is a Lightning Web Component (LWC) that can be embedded in any Lightning-enabled context, including Flows and other LWCs. The selector uses advanced logic and a custom configuration editor to simplify the tasks of designing payment method selection in a digital payment experience."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"getting-started","__idx":1},"children":["Getting started"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The Payment Method Selector can be added to your own flows or accessed from one of FinDock’s Flow templates, as shown here."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/payment-method-selector.d8bac9d67ac5c776f4357f2508c7ad414ca2ffbb26fdb4d3ae796035b2b2260d.f78e0b2f.png","alt":"Payment Method Selector","framed":false,"withLightbox":true,"style":{"borderRadius":"5px","width":"600px"}},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The component has standard Properties and Style options you can adjust to fit your needs. In addition, you need to define the Frequency and Payment Intent Response properties."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Frequency can be:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Empty: component uses the default frequency (usually oneTime)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Static: component uses the provided string value"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Dynamic: component uses a Flow variable to determine frequency"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The Payment Intent Response property allows the response from the Pay Button component to be passed back to the Payment Method Selector if there is an error. The best approach for this property is to use the dynamic result value of the Pay Button component (as shown in the screenshot above)."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"configuration-editor","__idx":2},"children":["Configuration editor"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click Configure Payment Methods to launch the configuration editor. The main view presents a table of all active payment methods in the org, as well as basic settings like Status and Default."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/payment-method-selector-configuration.e4fcb563ff712759273d4ae96210e69303983490ada0a6fa544d17b0bae7c38d.f78e0b2f.png","alt":"Payment Method Selector configuration","framed":false,"withLightbox":true,"style":{"borderRadius":"5px","width":"600px"}},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To configure a specific payment method click the chevron icon to the right under the Configure column. This opens a details screen where you can configure the payment method settings for both one-time and recurring payments."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/payment-method-selector-configuration-credit-card.0ee221f3a09f610a838fb69ad2f7b8cf2d550bc061997d3eedfd5957c4ea1147.f78e0b2f.png","alt":"Payment Method Selector","framed":false,"withLightbox":true,"style":{"borderRadius":"5px","width":"600px"}},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Note that the basic settings on the main view are also presented here in the Payment Acceptance section of the setup."]}]},"headings":[{"value":"Payment Method Selector","id":"payment-method-selector","depth":1},{"value":"Getting started","id":"getting-started","depth":2},{"value":"Configuration editor","id":"configuration-editor","depth":2}],"frontmatter":{"seo":{"title":"Payment Method Selector","description":"The FinDock Payment Method Selector is a Lightning Web Component that can be used in Flows or custom LWCs.","keywords":"payment experiences, payment method selector, lightning web component"}},"lastModified":"2026-07-19T15:54:03.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/payments/payment-method-selector","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}