1
/
6
What’s the true potential
of 
your digital product experience?
Johannes
Talk to an expert
product structure +12.97%sales p.a +11.87%graph: Applications +19.54%,
Discover how a cutting-edge digital product experience can boost your conversion rates.
Register now to schedule your PXP Discovery Call.
connect in linkedin
Connect on Linked In
Register now to schedule your PXP Discovery Call.
01 The status quo of your product experience

Basically, you can design anything that you can ever imagine. The main thing here is to have a parent container and two child elements. One for the FAQ question and another for FAQ answer. The child element for FAQ answer should be set to overflow: hidden and transform-origin set to top mid.

02 Potential and possibilities

Depending on how fancy you want it to be but the concept here is to apply the interaction to the parent element. Use 'Mouse Click' interaction to resize the height of FAQ answer element. Initial state should be set to height: 0px. On first click, resize to height: auto and on second click, resize to height: 0px.

03 How we can get there together

The first two steps pretty much got the main function works. As for the auto collapse, copy the code from the page custom code section before tag and paste into your project. Voila, that's all and you're good to go.

picture of Johannes Schneider
Johannes Schneider
Head of Sales & Marketing
What makes a brand like Coca Cola so valuable?
Gartner’s XYZ Report 2023 showed that an intuitive 
and purposeful product experience is 64.7% more decisive 
for the purchase than the actual quality of the product.
Next
What matters more?
Previous
Next
What does a successful brand depend upon?
Previous
Next
What is the primary reason your customers currently buy your product?
Previous
Next
What problem can you solve with an outstanding product experience?
Insufficient product demand 
Gap between product vision & customer perception
Low product usage   
Customer Loyalty 
Previous
Next
What do you envision to be the reason future customers buy your product?
Previous
Next
Discover how a cutting-edge digital product experience can boost your conversion rates.
Register now to schedule your PXP Discovery Call.
We will be in touch within 1 business day.
Sent
connect in linkedin
Connect on Linked In
picture of Johannes Schneider
Johannes Schneider
Head of Sales & Marketing
Oops! Something went wrong while submitting the form.