Add to Cart Form Block naming discussion

[nefeline]

On #8284 we started a conversation around the naming for the add-to-cart form block, with different opinions shared by many different folks:

#8284 (comment)
#8284 (comment)

We ended up having to merge that PR for unblocking the work on the compatibility layer for this and other single product template blocks, but the discussion is still pertinent, so I'm opening this issue for us to follow up and keep track.

[Aljullu]

I originally posted this in #8284, but moving it here. 🙂

To provide some screenshots, this is the Add to Cart button and Add to Cart form (or however ends up being named 😄 ) of a variable product:

Add to Cart button	Add to Cart form

They serve two different purposes, the button is useful in product grids and contexts where the entire form would crowd the layout too much, while the form is useful in contexts where the customer is expected to finalize the selection and add the product to the cart.

Currently, the Add to cart button is only available inside the Products block and the Add to cart form will only be available inside the Single Product template. So right now, there is no confusion between the two. But in the future, we might introduce a Product block which will allow showcasing products in the front page, for example. In that case, I envision there might be use cases for both blocks: some stores might want to add the Add to cart button block so customers get redirected to the Single Product page (assuming it's not a simple product), and some other stores might want to add the Add to cart form block, so customers can choose between the options right in the front page without having to visit the Single Product page.

That's why I think it's important for us to make a clear distinction of the two blocks. I don't have strong opinions about the specific names, but as I mentioned in my previous comment, I do think they need different names. I'm also inclined to avoid the Add to Cart name for one of them because I think it will make it difficult to distinguish which of the two blocks it is.

[helgatheviking]

Thank you for the clarity about the distinction between the two "add to cart" elements. I've seen a lot of confusion about this over the years with respect to the add to cart shortcode... which is just a button and therefore cannot add any complex products to the cart at all.

In the first screenshot we see that the button doesn't add the item to the cart (b/c the product has options and doesn't support it). Would it make sense to call that the "call to action" button? I know it will add to cart for products that require no configuration.... not sure i have the answer but glad there's a discussion about how to best distinguish the two things.

[shaunandrews]

My suggestion is Add to Cart with Options; While long, its rather descriptive and I think its important to keep the "add to cart" bit as it connects with our Add to Cart Button block.