Stripe

• Click on the Install button on the Stripe add-on.

• Click on the Activate Plugin button.

• Now navigate to WordPress Admin Dashboard → Forms → Settings.

• Navigate to the Stripe tab.

• Select the mode according to your requirement in the Mode option.
• Click on the Connect with Stripe button.

• Make sure you’re logged in to your Stripe account.
• Click on the Connect button.

• Click on the View Instructions in the Webhooks Enabled heading while settings Webhooks.

• The URL will be highlighted in the third point of the instructions. Copy the URL and paste it while configuring the webhooks.

• Once the connectivity is done, enter the Signing Secret according to the Mode you’re in. Since we are in the Test Mode using, we’ll enter the Signing Secret key in the Test Signing Secret field.
• Once done, click on the Save Settings button.

• Once done, a notification will appear at the top titled “Settings updated”.

• Navigate to WordPress Admin Dashboard → Forms → Forms.

• Now you’re on the Forms page.

• Hover over the form and click on the Edit button.

• Now you’re on the Edit Form page.

• Navigate to the Settings tab and then click on the Stripe option.

• Now you’re on the Stripe Settings page.
• Edit the fields according to your requirement.
• Once done, click on the Save Settings button.

• Once done, a notification will appear at the top titled “Settings updated”.
• Now click on the Edit tab at the top of the page.

• Now you’re on the Edit Form page.
• Go to the Pricing Fields section on the right-hand side of the page.
• Drag and drop the Stripe Card field on the form.

• The Stripe field now appears on the form.
• Customize the fields according to your requirement.
• Click on the Save Form button.

Front-End Impact

• The Customer will navigate to the website.
• Go to the Bookings Form page.
• Select the Location, Service, and Staff according to the configuration mentioned above.
• Now, a calendar will appear. Select the date on the calendar accordingly.
• Now select the slot on that specific date.
• Enter the Card details in the Stripe Credit Card section.
• The total amount will appear in the Total section.
• Once done, click on the Submit button.

• Once the Booking is successful, a message will appear on the form page.

• Now go to your Stripe dashboard.
• Go to the Payments tab.

• We can see the payment with all the details.
• The status of the payment will be Succeeded.

• Click on the entry to view further details.

• Click on the entry to view further details.

NOTE: The Status of the payment will be Succeeded in the Stripe dashboard because the appointment status will be Confirmed by default in the Appointments section.