What Content & Components do you want to make adaptive?⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‍⁢𝅳⁢⁢⁢⁣⁢⁢‍⁢⁢‍𝅸⁢⁢‍‍⁢⁣‍𝅸⁢⁣⁢⁢⁢𝅳⁢⁠‍𝅸⁢𝅴⁢⁢𝅳⁢‍𝅸⁢‌⁢𝅳⁢⁢⁢⁢⁠⁢⁣⁣⁢⁢⁠⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸 - Prepr CMS

Personalization⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‌⁣⁢𝅳⁢⁠⁢‌⁢⁢⁢⁠⁢‍𝅸‍⁢⁣⁢𝅳‍𝅸⁢⁣‍⁢⁢⁢⁡‍𝅸‌⁢‌⁣‍𝅸⁢𝅴⁢⁣⁢‍⁢𝅴⁢⁡⁢‌⁢‍⁠⁢⁢‍⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

What Content & Components do you want to make adaptive?⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‍⁢𝅳⁢⁢⁢⁣⁢⁢‍⁢⁢‍𝅸⁢⁢‍‍⁢⁣‍𝅸⁢⁣⁢⁢⁢𝅳⁢⁠‍𝅸⁢𝅴⁢⁢𝅳⁢‍𝅸⁢‌⁢𝅳⁢⁢⁢⁢⁠⁢⁣⁣⁢⁢⁠⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Deborah Astarita⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺⁠⁣⁣⁢⁣⁢⁡⁢⁡⁢⁢‍𝅸⁢⁢⁢𝅴⁢⁢‍𝅸⁢⁣⁢𝅳⁢𝅴‍𝅸‌⁢⁠⁢‍⁢‍‍𝅸⁢‌⁢⁢𝅴⁢‍⁢𝅳⁢⁡⁢𝅳⁢⁢⁢‌⁠⁢‌⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Content Creator⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺⁠⁣⁣⁢⁣⁢⁡⁢⁡⁢⁢‍𝅸⁢⁢⁢𝅴⁢⁢‍𝅸⁢⁣⁢𝅳⁢𝅴‍𝅸‌⁢⁠⁢‍⁢‍‍𝅸⁢‌⁢⁢𝅴⁢‍⁢𝅳⁢⁡⁢𝅳⁢⁢⁢‌⁠⁢‌⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸 @ Prepr CMS⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺⁠⁣⁣⁢⁣⁢⁡⁢⁡⁢⁢‍𝅸⁢⁢⁢𝅴⁢⁢‍𝅸⁢⁣⁢𝅳⁢𝅴‍𝅸‌⁢⁠⁢‍⁢‍‍𝅸⁢‌⁢⁢𝅴⁢‍⁢𝅳⁢⁡⁢𝅳⁢⁢⁢‌⁠⁢‌⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Read time: 7 min

What Content & Components do you want to make adaptive? illustration

In this article, we step into the third section of our Adaptive Website Blueprint, focusing on adapting and showcasing content for our target audience. From selecting components to deciding where they appear—homepages, overviews, or detail pages—personalization is the key to an enjoyable user experience.⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‍⁢𝅳⁢⁢⁢⁣⁢⁢‍⁢⁢‍𝅸⁢⁢‍‍⁢⁣‍𝅸⁢⁣⁢⁢⁢𝅳⁢⁠‍𝅸⁢𝅴⁢⁢𝅳⁢‍𝅸⁢‌⁢𝅳⁢⁢⁢⁢⁠⁢⁣⁣⁢⁢⁠⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Hello again, friends! It's that time of the week again - Tuesday! And for us at Prepr, that means our personalized series is making a comeback with a brand-new article.

⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‍⁢𝅳⁢⁢⁢⁣⁢⁢‍⁢⁢‍𝅸⁢⁢‍‍⁢⁣‍𝅸⁢⁣⁢⁢⁢𝅳⁢⁠‍𝅸⁢𝅴⁢⁢𝅳⁢‍𝅸⁢‌⁢𝅳⁢⁢⁢⁢⁠⁢⁣⁣⁢⁢⁠⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Last time, we tackled the first two sections of our Adaptive Website Blueprint – figuring out who we want to connect with (segments) and using data to identify our target audience.

Today, we're moving on to the third part, focusing on the analysis of the content and components we intend to present to our target audience. So, take a break, grab your drink of choice, and join us for our seventh article. Happy Tuesday, lovely readers!

Content and Components - What content do you show them?

Deborah Astarita is Content Marketer at Prepr CMS, where she helps turn product insights into practical stories for agencies and marketers. With a background in technical translation and digital communication, she writes about data-driven headless CMS, personalization, and digital content strategy, always aiming to make complex technology easier to understand and apply.⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺⁠⁣⁣⁢⁣⁢⁡⁢⁡⁢⁢‍𝅸⁢⁢⁢𝅴⁢⁢‍𝅸⁢⁣⁢𝅳⁢𝅴‍𝅸‌⁢⁠⁢‍⁢‍‍𝅸⁢‌⁢⁢𝅴⁢‍⁢𝅳⁢⁡⁢𝅳⁢⁢⁢‌⁠⁢‌⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Continue the personalization series⁡𝅶‍‍𝅺⁡‍𝅴⁡𝅴𝅹‍‍⁢𝅵‍‍⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍‍‍𝅷‍‍𝅳⁡‍⁠‍‍⁢𝅵‍‍𝅳⁡⁣⁡⁣⁡⁡⁢⁢𝅵‍𝅺‍𝅺𝅸‌⁡‍𝅶⁠⁡⁣𝅴𝅹⁡‍𝅸⁡⁡‍⁠⁡⁡‍‍𝅸‍⁡‍𝅹⁡⁡‍⁠⁡⁡‍‍𝅹𝅴𝅺‍𝅺⁡⁡⁠‍𝅷𝅴⁡⁢𝅳‍𝅺⁢𝅺𝅹⁡⁣⁠𝅹⁡⁣‍𝅸𝅴⁡⁣⁠𝅸⁡⁢‍𝅺⁠⁣𝅴⁡⁣‍𝅺‍⁢𝅳⁢⁢⁢⁣⁢⁢‍⁢⁢‍𝅸⁢⁢‍‍⁢⁣‍𝅸⁢⁣⁢⁢⁢𝅳⁢⁠‍𝅸⁢𝅴⁢⁢𝅳⁢‍𝅸⁢‌⁢𝅳⁢⁢⁢⁢⁠⁢⁣⁣⁢⁢⁠⁢𝅺𝅷𝅺⁢‌𝅷⁠⁢𝅸⁠𝅹‍𝅸⁣⁡⁣‍‍‍⁡𝅸

Putting the pieces together cover illustration

6 min

Home page: The Home page is like the front door of a website, especially for users who’ve been here before. By using info from their past visits, you can tweak the Home page to make it super personal, giving users a meaningful experience. What does a segment-targeted Home page look like? Well, it should have a special image at the top, matching the specific audience's preferences, suggest content they're into, and include targeted buttons for actions they likely want to take. Getting these adaptive elements right is key to turning the Home page into a tool that delivers a personalized and enjoyable user experience.
Overview pages: Overview pages act like tour guides, helping visitors find exactly what they're looking for on your website. Think of the sports category on a news website or the product category pages on an e-commerce site – these are good examples of overview pages. What makes these pages dynamic is the ability to personalize the content they showcase and tailor the calls to action that further refine the user experience.
Detail pages: Detail pages stand as the core content hubs where visitors land on a website for in-depth information. These pages are perfect for showcasing smart recommendations related to the page's topic, like a "More like this" section, offering visitors a chance to discover additional content aligned with their interests. And guess what? These pages are also perfect for putting targeted CTAs like the "Check this out!” button that match exactly with what the visitors are reading.

Content and Components - What content do you show them?

Where do you want to show these components?

Getting started with Personalization