# Edit the Payment Method screen

To edit the Payment Method screen:

1. Double-click the **paymentMethodScreen** screen.
2. Delete all OOTB components from the subflow.
3. Type `drb2b_payments` in the **Search components** field and click **drb2b\_payments**.![](https://2148947133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fw4LUVtzRnCnYyAQNDxTM%2Fuploads%2Fgit-blob-6880abbcc176979ef072446c447916774f4b41a0%2FSearch%20components%20drb2b_drUtil.png?alt=media)
4. Enter the following values in the fields:

   * **API Name**: Type `drPayments` or any other name with no restrictions.
   * **Dropin Config**: Provide data for this designer attribute in JSON format. For example:\
     `{"options.button.type": custom, "options.button.buttonText": 'test', "test": "test3"}`
   * **Record Id**: Type `{!cartId}`.

   See [Designer attributes](https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.1/extend-the-salesforce-lightning-app/customizing-the-lightning-web-components/designer-attributes) for additional information.
5. Click **Done**.