How to add the opt-in tickbox on block based checkout
-
Using the block based checkout, how do we add the MailChimp opt-in checkbox?
It looks like I can add a Mailchimp block next to the email field in checkout, but it is grayed out.
-
Hi @rsoren54
While using a blocks based checkout the Mailchimp newsletter should appear by default.
To help us narrow down what the issue may be would you mind doing the following:
- Change to the Official WooCommerce theme Storefront
- Confirm if the Mailchimp app is installed and what version?
Yes, I already use Storefront theme and the plugin is Mailchimp for WooCommerce version 3.7
I’m not able to replicate this issue on my end. Would it be possible to try to disable any and all plugins besides WooCommerce and Mailchimp?
Lastly if you switch to the classic checkout, does the checkbox reappear? (Not that this is a solution) We’re just trying to get some clues.
Yes, I disabled all plugins except MailChimp for WooCommerce.
The opt-in checkbox is not visible anywhere on the checkout page.
FYI: the checkbox position setting has the entry: woocommerce_after_checkout_billing_form
The instructions for the checkbox position setting (accessible via link in the plugin) are not user-friendly at all. I cannot find any specifics on changing the position using this type of string.
A simple checkbox under the email entry field is all I need here.
Thank you
How can I get support on this issue?
After a basic Google search, I see it has occurred for other users during the past 1-2 years. But the solution is not clear to me.
Take a look at the following screenshot: https://loom.com/i/3bf015952d994d59a10b371143a5be08
We hyperlink to the available form actions provided by WooCommerce for controlling the position of the checkbox, when using the Classic Checkout Shortcode provided by WooCommerce.
We appreciate the feedback about the form action UX and I will raise this to the attention of our designers and developers.
This is the documentation: https://developer.woocommerce.com/docs/customizing-checkout-fields-using-actions-and-filters/
If under the Checkout page settings in the plugin the form actions is displaying this mean that your store is more than likely using a classic non blocks theme.
In that case you would not be able to drag a block in to checkout, this is not controlled by the Mailchimp plugin but rather how Full Site Editing(FSE) or block themes vs Classic themes work.
If you would like to be able to use drag the Mailchimp block into the checkout page you’ll need to be sure to use the WooCommerce Checkout block. This is supported by the official WooCommerce theme (Store front).
If you do not wish to use a block theme, then using the form action as outlined in the mentioned documentation will allow changing the placement of the subscription checkbox.
For example using
woocommerce_after_checkout_billing_form
or woocommerce_before_checkout_billing_form.
Again here’s the link to that documentation: https://developer.woocommerce.com/docs/customizing-checkout-fields-using-actions-and-filters/
The following screenshot shows a checkout page using the Classic Checkout: https://loom.com/i/831fb18d75994dce96b80ab3b64c386a
This means the dragging the Mailchimp block into the checkout page is not possible.
However if you choose Transfer to blocks the Mailchimp Subscription block will automatically be visible with Blocks options available for controlling it’s behavior on the right hand side as seen here: https://loom.com/i/689cbd7782104385aecc8874923ca532Thank you. It is fixed. This screenshot helped (https://loom.com/i/689cbd7782104385aecc8874923ca532)
For some reason, I had to remove the block shortcode, and then re-add it to find that menu
Glad it worked out!
We’ll do keep that in mind about having to re-add it, in our testing to determine if it was some FSE block weirdness or something in the plugin.
Have a good one.
- The topic ‘How to add the opt-in tickbox on block based checkout’ is closed to new replies.