Do you show 'Bad' and 'Good' examples when giving instructions?

<introEmbed body={<> The best way to emphasize your point is to show the pain first, and then the solution. Use "Bad example" and "Good example" with crosses and ticks, respectively, in captions. </>} />

This structure can be used with images, videos, pieces of code, or text in boxes. Just make sure to include the appropriate caption for each element.

Giving the bad example first will raise users' expectation...

Then showing the solution by giving a good example as the result, will make them feel released.

Usually, further information on how to achive the good example is added after the examples. E.g. Add a heading "More information" with extra details.