"This plan needs valid payment information"

This error occurs when you combine a data-ms-plan attribute with a price ID. Data-ms-plan attributes only work with free plans.  

Instead, try using the data-ms-price attribute instead. 👍

The resulting attribute should look something like: data-ms-price:add="prc_paid-monthly-te204on" 🎉