You can use a Form block and a Payment Buttons block to capture shipping information before customers purchase physical products. In this guide, you will learn how to set up this purchase flow.
In this guide
Have a question?
Ask our AI assistantThis process creates a two-step purchase flow. First, customers complete a form with their shipping details. After submitting the form, they are redirected to a page with a payment button to complete their purchase.
Note: This process is suitable if you want a simple method to sell a product. For full e-commerce functionality that includes shopping cart, checkout, tax, and shipping features, install the WooCommerce plugin for a fully-featured online store.
If you are selling a physical product, you will need a way to collect your customers’ shipping details. You can do this using the Form block. We suggest this process:
- Create and publish a page with the Payment Buttons block on it.
- Create a new page and add a Form block.
- Add form fields to collect the customer information you need, such as name, address, and email for example.
- Since a form is not a secure method for taking information, do not request any payment details in the form.
- Edit the form’s submit button text to “Next” or “Proceed to payment”.
- In the Form block settings, configure the form to redirect to your payment page (created in step 1) upon submission.
The video below shows an example of what your visitors will see when they fill out the form and click the submit button (relabeled “Proceed to Payment”).