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 so visitors can quickly make a purchase through a secure payment service. You can connect the buy button to your Stripe account, or link to PayPal and Venmo.

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.
• To use the Payment section with PayPal or Venmo, you’ll need an account with those payment processors first. PayPal users will also need to create a PayPal.Me page for their account. To learn more, check out PayPal’s documentation about PayPal.Me.
• Venmo supports payments through their mobile app and mobile web browsers only. For more information, check out the Venmo Help Center.
• 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-time purchases.

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 payment processor.

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

At checkout, 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.

When a shopper checks out with PayPal or Venmo, no order confirmation is created in Mailchimp. Shoppers will need to log in to their respective accounts to complete the purchase.

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 you want to use.
   
   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. To turn on the PayPal or Venmo payment options, enter your account username in the appropriate field.
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. If you use Stripe, make sure to follow the 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.