{% hint style="danger" %}
In this sample, the Professional plan is required.
{% endhint %}
Navigate to Contact From -> Add New, we will use two parts:
* Stripe Payment Element Field
* Stripe Checkout Form tab
### Insert Stripe Payment Element Field
In the form editor, click the **Stripe Payment Element** button. Give a name and insert this field. Here we can see the shortcode **stripe\_payment\_element** is generated into the form.
Some examples:
{% code overflow="wrap" %}
```
[stripe_payment_element my-field payment_methods:automatic theme:stripe layout:tabs apple_pay google_pay]
```
{% endcode %}
{% code overflow="wrap" %}
```
[stripe_payment_element my-field payment_methods:card| payment_methods:sofort|google_pay|apple_pay theme:night layout:accordion apple_pay google_pay accordion_radio accordion_spaced]
```
{% endcode %}
#### **Payment Methods**
By default, the stripe checkout page will list all available payment methods in which your stripe account is activated. If you want only to allow some of them, you can choose them here.
#### Theme:
Three themes supported so far: Stripe, Night, Flat
#### Layout
Customize the Payment Element’s layout to fit your checkout flow: Two layouts supported so far: **Tabs**, **Accordion**
#### Default Collapsed
Controls if the Payment Element renders in a collapsed state.
#### Include Radio (Only for Accordion layout)
#### Include Spaces (Only for Accordion layout)
### Checkout Configuration
After inserting this field, we can now set up the pricing under the **Stripe Checkout Form** tab.
### Preview & Testing
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://cf7-docs.payaddons.com/basics/contact-form-7-payment-element.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
