Add a Payment Section to Your Website

Sell products and services directly on your website in Mailchimp using the Payment section. The Payment section includes a buy button connected to your Stripe account, so visitors can quickly make a purchase through a secure payment service. You can also set up fundraisers to accept donations.

In this article, you’ll learn how to add and customize the Payment section on your website.

Before you start

Here are some things to know before you begin this process.

• To use the Payment section, you’ll first need to connect a standard Stripe account to Mailchimp. To learn more, read Connect or Disconnect Stripe.
• The Payment section is available to use with your Mailchimp website.
• Make sure you include taxes and shipping in the product cost. The Payment section doesn't add sales tax or shipping charges to your product.
• The Payment section is best suited for one-off products or services.

How it works

When you add the Payment section to a web page, it creates a space for a product image, title, price, description, and buy button. Add your product details directly to the layout, and turn on the payment option to link the button directly to your Stripe account.

When page visitors click the buy button, they’ll see a checkout form to place an order directly from your website.

An order confirmation will be emailed to the shopper, and a purchase confirmation notice will be created in your Stripe account. You can access your Stripe account from the Integrations section of your website dashboard in Mailchimp.

Add a payment section

Add a Payment section to your web page to start selling your products and services on your website. You can add more than one Payment section to a page.

To add a Payment section to your page, follow these steps.

1. Click the Website icon.
   
2. Click Website.
   
3. Click Edit Site.
   
4. Find the page you want to work with and click Edit Page.
   
5. In your layout, hover your cursor over the plus (+) icon where you’d like the new section to go.
   
6. Click Add Section.
   
7. Click Payment.
   
8. Choose the layout for your Payment section.
   
   After you choose a layout, it will be added to your page.

Good job! Next, you’ll customize the Payment section to add your product details.

Customize the Payment section

After you add the Payment section, you can customize your product description, add an image, and set your price.

To customize the Payment section, follow these steps.

1. In your layout, hover over the Payment block you want to work with and click Edit Section.
   
2. In the Sections panel, toggle on the Payment options slider (if not already pre-selected).
   
   If you haven’t yet integrated your Stripe account with Mailchimp, click Connect to Stripe and follow the setup steps. To learn more about this integration, read Connect or Disconnect Stripe.
3. Click Price.
   
4. Enter the amount in the Price field and click Update Price.
   
   Shipping costs and sales tax are not calculated, so you’ll need to include it in the price you set. Make sure to follow Stripe's minimum and maximum charge guidelines.
5. Click Layout or Background to edit styles as needed.
6. Click the Product Title and description fields to enter descriptive text to promote your product or service.
   
   Use the editing toolbar to format your text as needed.
7. To add an image, click the image in your layout, then click Replace to upload a new image from the Content Studio.
   
   Use the toolbar to edit the image as needed.

Nice job! You’ve added a Payment section to your page layout. When you’re ready, click Done and Publish Changes to see the new Payment section live on your website.