So erstellen Sie ein WordPress-Angebotsformular mit Stripe-Zahlungen

Start in the plugin forms screen and open the AI wizard. Describe the business model, the packages, the fields you need, and the payment intent. For this example, the prompt asks for a website project quote form that sells online website packages.

The goal is not to publish the AI result blindly. Use it to get a structured first draft faster: package selection, optional services, contact fields, a final summary, and a payment step.

After generation, review the builder before touching payment settings. The first pass should already contain the main steps of the buyer journey: package choice, project details, options, contact details, and checkout.

Rename labels, remove unnecessary questions, and make the form match one clear offer. A Stripe quote form converts better when the visitor understands exactly what they are reserving or paying for.

Return to the forms list and confirm that the new form is saved with a recognizable name. This matters when the site has multiple quote forms, demos, or client-specific calculators.

For the article example, the form is named Website Project Quote & Deposit so the payment purpose remains clear in the admin.

Open the builder again and confirm the customer journey is logical. A good quote-to-payment form should not ask for payment before the visitor understands the offer and total.

In this example, package and option choices come first, then the payment method step appears after the quote total is calculated, and the final summary appears before the Stripe modal opens.

Open the form settings, then go to Payment and the Stripe tab. Enable Use Stripe payment, use sandbox or test mode first, paste the Stripe publishable and secret test keys, choose the currency, and set the Amount to pay option.

For this walkthrough, Amount to pay is set to Percentage of the total price with 30 in the percentage field. That is useful for deposits because the customer can reserve the project without paying the entire estimate upfront.

Create or edit the WordPress page that will host the quote form. For a focused quote funnel, embed the form in fullscreen mode so the buyer experience is not visually competing with the surrounding theme.

Use the form shortcode and add the fullscreen attribute.

Open the public page and start as a normal visitor. The first screen should make the offer obvious and should not feel like a generic contact form.

For a website quote form, package names and prices should be visible before optional questions. That gives the visitor enough context to continue.

Choose a package and confirm that the live total updates immediately. This is the core advantage of a quote form over a normal contact form: the buyer sees the pricing consequence of each choice.

If the total does not match expectations, fix the form item prices before testing Stripe. Payment settings should be the last layer, not a workaround for incorrect quote logic.

Continue to the payment method step and confirm that the secure card payment option appears after the quote is calculated. In this example, the form still displays the full quote total of $2,400 on the step.

The 30% rule is applied when the Stripe modal opens, where the deposit due is $720. That separation is important: the form total remains the quote total, while Stripe receives the configured Amount to pay.

Before opening the Stripe modal, review the final summary. A good summary helps the customer understand what they chose and gives the business a cleaner lead or order record.

Make sure required contact fields are filled and that the summary rows reflect the same choices and prices shown earlier in the form.

Click the Stripe payment button and confirm that the secure Stripe modal opens. In this demo, the modal shows a $720 deposit from the 30% rule. The card details should be handled by Stripe, not by ordinary form fields.

Use Stripe test cards only in test mode. After a successful internal test, review confirmation emails, order records, analytics events, and refund or deposit wording before switching the form to live Stripe keys.