Display Element based on Free Trial Status

Article author
Duncan Hamra
  • Updated

This tutorial and article will show you how to create content which is only visible if a member is logged in with an active free trial. 

The data attribute you need to tag trailing UI is data-ms-content="is-trialing". This content will be visible only when a member is on a free trial.

Pro tip - If you want this content to be default-hidden, you can add the attribute of data-ms-bind:style="display:block" and then hide the element when you're done designing it. If the member has access, Memberstack will set the element to display block. Learn more → 

Less common - You can put a ! before is-trialing to invert the functionality. This content will be visible when a member is NOT on a free trial.

Was this article helpful?



Please sign in to leave a comment.