WooCommerce Checkout Add-Ons lets you add fields to the checkout page, which can be used to gather information from your customers, upsell services and products, and much more. Get the answers to your questions about the various features of Checkout Add-ons.
Are there any character limits for the “Text” or “Text Area” add-on types?
No, these types have no character limits. If you need a limit, we recommend suggesting one in the Checkout Label or Description fields. You can also extend the plugin with custom code to set a character limit as described in our developer docs.
Can customers upload multiple files in a “File” add-on?
Each “File” add-on permits only one upload. However, you can include multiple fields of this type if necessary. You can also instruct customers to upload ZIP files to include multiple files in one field.
Can I only show add-ons when certain products are purchased?
You can use display rules to only show add-ons when a certain product or product category are in the cart, but the add-on will still apply to the entire cart – not to that specific product. If you need add-ons that only apply to certain products, please consider the Product Add-ons extension.
Can I use Checkout Add-Ons with One Page Checkout?
Yes! One Page Checkout is supported in Checkout Add-ons from version 1.3.0+.
Can I hide an add-on from the Orders list or do I have to edit its attribute?
You can temporarily hide any checkout field shown on the Orders list using the Screen Options tool. Please note that the “Display in View Orders screen” attribute must be enabled for the add-on before it will appear here.
Can I change the way add-ons are displayed on the checkout page?
Sure. These fields will inherit the styling set by your theme, so they should match the rest of your inputs already.
If you want to using different styling, you can target #wc_checkout_add_ons
with some CSS. For example, let’s say you want to make them only take up 75% of the page in the center, and have some space between them and the customer info. You could add something like this to your child theme or custom CSS stylesheet:
#wc_checkout_add_ons { width:75%; margin:30px auto 0px auto; }
Here’s a tiny bit of CSS we typically use with the Storefront theme to patch radio and checkbox fields:
#wc_checkout_add_ons label.checkbox { display: inline-block; margin-left: 5px; }
Can I use HTML in the add-on field options?
You can use HTML in the options for the “Radio” and “Multi-checkbox” add-on types. The HTML should be wrapped in double braces, like so:
{{Opening HTML code}} Link Text {{Closing HTML code}}
Can I add placeholders or descriptions?
Yes, these can be added easily via a code snippet! If you’d like an example, check out our developer docs.