Use the Payment Content Block

Sell stuff directly on your landing page with the Payment content block. The Payment block syncs items from your Square account to your Mailchimp account. Use it to help visitors buy an item with a credit or debit card, without having to leave your landing page.

In this article, you’ll learn how to add a Payment content block to your landing page, and customize its styles and settings.

Before You Start

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

  • Payment blocks are only available for landing pages and you can only use one Payment block per landing page. Make sure you’re familiar with Landing Pages in Mailchimp.
  • To sell things on your landing page with the Payment block, you’ll need to connect Square to Mailchimp. If you don’t have a Square account, set one up here.
  • Buyers from your landing page will be added to the Mailchimp list associated with your Square integration. Buyers who haven't opted in to marketing emails will appear in your list as non-subscribed contacts, and can receive transactional emails or social ads.
  • The payment content block is not available if you have a connected Shopify store.

How It Works

Add a payment content block to any landing page template at no additional cost. We include the block by default in the Promote Products and Accept Payments templates.

Payment-content-block

In the block, you can browse and choose an item in your Square account. Because you can only choose one item in the Payment block, it works best for items that do not have variants. For example, a product with variants is a t-shirt that comes in Small, Medium, and Large.

If you want to add any additional items to your store to sell on your landing pages, or change the price of an item, you’ll do that in your Square account.

When visitors decide to buy and click the checkout button, they’ll see a checkout form on your landing page.

checkoutform-landingpage

After they complete the checkout form, Mailchimp will send them a receipt.

Note

  • We recommend you include your preferred business contact information on your landing page in case buyers have a question or need help.

About Shipping and Sales Tax

Before you begin, make a note of the sales tax and shipping rates for the item you want to sell. Our Payment content block does not add sales tax or shipping charges to your item unless you enter them in Mailchimp first.

After you add a Payment content block to your page and and select an item from your store, you’ll need to enter the correct rates in the shipping and sales tax fields. We’ll apply these charges to the total cost of the item at checkout.

Payment-content-block-add-shippingandtax

If your Square account lists the sales tax as part of the item price, you’ll still need to enter your sales tax rate in the Payment content block in Mailchimp.

For more information about how to create and manage your tax settings in your Square account, check out Square’s article on the topic.

Insert the Payment Block

To insert the Payment content block on a new landing page, follow these steps.

  1. Navigate to the Campaigns page.
  2. Click Create Campaign.

    button-create-campaign

  3. Click Landing Page.

    create-landing-page

  4. Click and drag the Payment block into your landing page.

All set! Read on to learn more about how to add content, and adjust the style and settings of the Payment block.

Customize the Payment Block

First you’ll choose an item you want to sell on the Content tab, then edit the block style and settings. To customize the block, follow these steps.

  1. In your draft landing page, click the Payment content block.
  2. On the Content tab, click Browse All.

    button-paymentcontentblock-browseall

  3. Click the drop-down to search and choose an item from your Square account.

    paymentcontentblock-selectitem

  4. Click Insert.

  5. Update the Title, Shipping, and Tax fields. Enter 0 into any fields that do not apply.

    Payment-content-block-add-shippingandtax

Note: You’ll make any changes to the item price in your Square account.

  1. To add a short description to your item, toggle the Description slider and use the field provided.

    payment-content-block-toggledescription-on

  2. To update your item’s image, click Replace, Edit, or Remove.

    payment-content-block-editmainimage

  3. To edit your checkout button text, use the Button Text field.

    payment-content-block-buttontext

  4. On the Style tab, edit styles for the Product title, Product price, Image style, Button style, and Button text style.

    payment-content-block-styletab

  5. On the Settings tab, choose a layout and adjust the checkout button’s alignment and width.

    payment-content-block-settingstab

  6. Click Save & Close.

  7. Continue building your landing page, and publish it when you’re ready.

Find data about the sales you make on your landing page reports. You can also find this sales data about the sales you make on your Mailchimp landing pages in your Square account.

Change the Price of an Item

To change price of an item in a Payment content block on a published landing page, you’ll first need update the item price in your Square account. To learn how, check out Square’s item management guide. After you’ve changed the price in your Square account, you’ll return to Mailchimp to re-sync the updated price information to your Payment content block. To re-sync an updated item price to your landing page, follow these steps.

  1. Navigate to the Campaigns page in your account.
  2. Click the drop-down menu for the landing page you want to work with, and click Edit.

    campaigns dropdown edit LP

  3. In the Content section, click Edit Design.

  4. Click the Payment content block in your landing page.
  5. On the Content tab, check to make sure that the new price is listed. If it takes a few seconds to sync, you’ll see the syncing status.

    payment-content-block-syncingstatus

  6. When the price has synced, click Save & Close.

  7. Click Save & Publish.

You’re good to go! The new item price should be listed on your published landing page.


Was this article helpful?

Anything else we can do to improve our site?