Blog posts by Ratish2026-01-15T05:00:00.0000000Zhttps://world.optimizely.com/blogs/ratish/ Optimizely World Our OPAL solution for Innovation Challenge: Persona based Content Optimization<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7FPREDK_1Afc735KNCg-1QQkjrM-29vN1RtQOFlu0rNqSqCgv6kJ0Roeu5wYnxxoa5EXI3y3MAU8Ehg7MoiowoI9BLVI2Nzcv7mfoJGui3wD5YMKGiJpprFmYiy0DxHEvdViWBDie-PtmqzXJPwE3gKPHTJlhaIsdwtjJaoPOR6Q4zPTC9efdw7bz4Q/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7FPREDK_1Afc735KNCg-1QQkjrM-29vN1RtQOFlu0rNqSqCgv6kJ0Roeu5wYnxxoa5EXI3y3MAU8Ehg7MoiowoI9BLVI2Nzcv7mfoJGui3wD5YMKGiJpprFmYiy0DxHEvdViWBDie-PtmqzXJPwE3gKPHTJlhaIsdwtjJaoPOR6Q4zPTC9efdw7bz4Q/w634-h356/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="634" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h2 style="clear: both; text-align: left;"><span style="font-family: verdana; font-size: large;">Introduction</span></h2><div><span style="font-family: verdana;">Marketing success depends on one core principle : connection. We have may seen many marketing campaigns fail because they fail make this connection with the audience's persona. As part of the Opal Innovation Challenge, we set out to solve this problem using AI agents</span></div><h2 style="clear: both;"><span style="font-family: verdana; font-size: large;">The Problem</span></h2><div><span style="font-family: verdana;">Marketing teams often create content that looks great but some how doesn't resonate with the target audience. This happens because of various reasons </span></div><div><ul style="text-align: left;"><li><span style="font-family: verdana;">Fragmented persona definitions </span></li><li><span style="font-family: verdana;">Lack of real time</span></li><li><span style="font-family: verdana;">Manual content reviews</span></li><li><span style="font-family: verdana;">Lower engagement and conversions</span></li></ul><span style="font-family: verdana;">This misalignment leads to poor audience connection, lower ROI and increased production costs.</span></div><h3 style="text-align: left;"><span style="font-family: verdana; font-size: x-large;">Our Goal</span></h3><div><span style="font-family: verdana;">Make every piece of content count!!</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">We envisioned as solution that ensures persona-aligned content, faster iteration and higher engagement.</span></div><div><h2 style="clear: both;"><span style="font-family: verdana; font-size: large;">OPAL powered solution</span></h2></div><div><span style="font-family: verdana;">Personas based content optimization solution was</span><span style="font-family: verdana;"> designed with four specialized that can be used independently or collaboratively in an orchestrated workflow to automate the content refinement with minimal marketer input while also keeping the human oversight.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28ASdwqwah7jcqS9zq2-b7ouR_ejAR7chgsqQF2LM63v_ofbpA7pZlvUGpiGhgdZ0CH93PFK8fL0CqdVRy3Kj6jdYBosMGvFq2hJnvwVxANJrpwvcdVzdcSXBh4aouUHD8bJ5XAcS8q4GIgwrSLLmFSq6sCg0C81Fe4uHQYqbdiGq7OZjLMkQqZN-WE8/s1199/Agents.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="549" data-original-width="1199" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28ASdwqwah7jcqS9zq2-b7ouR_ejAR7chgsqQF2LM63v_ofbpA7pZlvUGpiGhgdZ0CH93PFK8fL0CqdVRy3Kj6jdYBosMGvFq2hJnvwVxANJrpwvcdVzdcSXBh4aouUHD8bJ5XAcS8q4GIgwrSLLmFSq6sCg0C81Fe4uHQYqbdiGq7OZjLMkQqZN-WE8/w621-h285/Agents.png" width="621" /></a></div><br /><div><ul style="text-align: left;"><li><b style="font-family: verdana;">Content Analyzer</b></li><ul><li><span style="font-family: verdana;">Extracts tone, sentiment, keywords, content type and structure <b> </b></span></li><li><span style="font-family: verdana;">Provides actionable insights</span></li></ul></ul></div><div><ul style="text-align: left;"><li><b style="font-family: verdana;">Persona based content scoring</b></li><ul><li><span style="font-family: verdana;">Calculates weighted score for persona alignment across various dimensions like tone, sentiment, keywords, content type, relevance and format</span></li></ul></ul></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Content Suggestion</b></span></li><ul><li><span style="font-family: verdana;">Recommends targeted improvements like tone adjustments, keyword additions, structural changes <b> </b></span></li></ul><li><span style="font-family: verdana;"><b>Rewrite </b></span></li><ul><li><span style="font-family: verdana;">Rewrite content based on improvement suggestions ensuring persona alignment and tone consistency </span></li><li><span style="font-family: verdana;">Compares Original content vs re-written content using persona based scoring</span></li></ul><li><span style="font-family: verdana;"><b>Workflow</b></span></li></ul></div><div><ul style="text-align: left;"><ul><li><span style="font-family: verdana;">Co-ordinates all the 4 agents </span></li></ul></ul></div><div><span style="font-family: verdana;"><b>Traditional Approach</b></span></div><div><span style="font-family: verdana;"><br /></span></div><div><ul style="text-align: left;"><li><span style="font-family: verdana;">A marketer reads the content and decides if it "feels right" for the persona</span></li><li><span style="font-family: verdana;">Highly subjective, influenced by personal bias, mood or interpretation</span></li><li><span style="font-family: verdana;">No clear measurement of alignment with persona goals , tone or pain points</span></li></ul><div><b style="font-family: verdana;"> Our Approach</b></div></div><div><ul style="text-align: left;"><li><span style="font-family: verdana;">Defines clear dimensions for evaluation</span></li><li><span style="font-family: verdana;">Computes a weighted score, each dimension contributes to a total score of 100 </span></li><li><span style="font-family: verdana;">Objective gap analysis </span></li><li><span style="font-family: verdana;">Guides the rewrite based on this score</span></li></ul></div><div><h2 style="clear: both;"><span style="font-family: verdana; font-size: large;">Benefits of the Approach</span></h2></div><div><ul><li><span style="font-family: verdana;">Persona Alignment - every piece of content resonates with its intended audience</span></li><li><span style="font-family: verdana;">Automation - Reduces manual work and accelerated content optimization</span></li><li><span style="font-family: verdana;">Removes Ambiguity.</span></li><li><span style="font-family: verdana;">Scalable across hundreds of pieces of content not limited by human bottlenecks</span></li><li><span style="font-family: verdana;">Consistent Scoring logic applied to all content to ensure uniform quality</span></li></ul><div><span style="font-family: verdana;">In short this solution transforms the content review and refinement from a subjective art into a data-driven science. </span></div></div><div><h2 style="clear: both;"><span style="font-family: verdana; font-size: large;">Future Roadmap</span></h2></div><div><ul style="text-align: left;"><li><span style="font-family: verdana;">Integrate with Optimizely CMP, SaaS etc</span></li><li><span style="font-family: verdana;">Expansion to multilingual , cross channel content optimization </span></li></ul></div><div><h2 style="clear: both;"><span style="font-family: verdana; font-size: large;">Conclusion</span></h2></div><div><span style="font-family: verdana;">Our solutions demonstrates how AI and marketing can work together to create meaningful, high impact persona driven experiences. With Opal's agent ecosystem, the possibilities are endless</span></div>2026-01-15T05:00:00.0000000ZBlog post Optimizley ODP : Reimagining Customer engagement <p><span style="font-family: verdana;"> </span></p><br /><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3XGZTnDVQiOlJIxpzPXDhWn_cMWaCp57xasqtYMIgTBjEz54iXOW8H9g_3a8O8kdVgLKUBSuKN3Os7DZI7_Nqt7MR_8MVePz00Duigf48iPZFcNdAujw0HsYKZ2oorM_lIKyljh61M0dKbOg3Xk0bgh-Pso9KjeZ4B0cFAPQCJj7WWdegfAgRT-sSAo/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3XGZTnDVQiOlJIxpzPXDhWn_cMWaCp57xasqtYMIgTBjEz54iXOW8H9g_3a8O8kdVgLKUBSuKN3Os7DZI7_Nqt7MR_8MVePz00Duigf48iPZFcNdAujw0HsYKZ2oorM_lIKyljh61M0dKbOg3Xk0bgh-Pso9KjeZ4B0cFAPQCJj7WWdegfAgRT-sSAo/w633-h355/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" width="633" /></a></div><br /><span style="font-family: verdana;"><br /></span></div><h2 style="clear: both; text-align: left;"><span style="font-family: verdana;">Introduction</span></h2><div><span style="font-family: verdana;">Optimizely ODP has power to change how business engage with their customers by unifying customer data from various sources to provide a 360 degree view and enabling real time personalization there by empowering </span><span style="font-family: verdana;">business</span><span style="font-family: verdana;"> teams.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">In this blog, I am re-imagining few use cases from a B2B portal of a large Renewable energy company to understand the potential of ODP and the immense value it would provide to businesses.</span></div><div><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Background</span></h2><div><span style="font-family: verdana;">The client in this case is a large renewable energy company and their product catalog ranges from Complex spare parts for the turbines to Service packages. They want to empower sales and support team to be more proactive to increase sales with actionable insights on the customer. </span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Use cases reimagined with ODP</span></h2><div><span style="font-family: verdana;"><br /></span></div><div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Unified Customer profile</b></span></li><ul><li><span style="font-family: verdana;">Sales reps need a complete view of the each customer (both online and offline) in order to elevate the interactions and in turn improve conversion rate </span></li></ul></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhjcxEvNNDYBYKrFzd6WUKtQkLOl7I7lKbCaPQM9rjRKBShw_w9SmFxGug2dVzkbg88oxSuVLWDdNiki4P4amEpfqVP946J8x-TFGtWvowYfIfRHIHl3_Hg3ny6c0QYBzR-D5wwPSmwsVGRbJCdwebYZVgmuAutnvn1wuD_0BXcNkYSXShKRoNO_gLoIxA" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1061" data-original-width="1893" height="274" src="https://blogger.googleusercontent.com/img/a/AVvXsEhjcxEvNNDYBYKrFzd6WUKtQkLOl7I7lKbCaPQM9rjRKBShw_w9SmFxGug2dVzkbg88oxSuVLWDdNiki4P4amEpfqVP946J8x-TFGtWvowYfIfRHIHl3_Hg3ny6c0QYBzR-D5wwPSmwsVGRbJCdwebYZVgmuAutnvn1wuD_0BXcNkYSXShKRoNO_gLoIxA=w491-h274" width="491" /></a></div></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Lead Notification</b></span></li><ul><li><span style="font-family: verdana;">Customer shows high interest but does not convert</span></li></ul></ul><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg3o7hGphOI2dI0oslYZmdq6x4tAE7mGv3VltmHexLVJCxKpH6C4Mkj4ddk45phiqlz11sM_vcMREBGRU-lVgV47Fq2Ikknw9u5ZF1n79L7QDUAE3NkU_r_4yjbppz4fF2Dw3eDuvVlLmO0OF1OcwUW0bRykchxRI6hrOXi6OEuqv-pPWlhKR8CpoRcw8U" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1083" data-original-width="1893" height="289" src="https://blogger.googleusercontent.com/img/a/AVvXsEg3o7hGphOI2dI0oslYZmdq6x4tAE7mGv3VltmHexLVJCxKpH6C4Mkj4ddk45phiqlz11sM_vcMREBGRU-lVgV47Fq2Ikknw9u5ZF1n79L7QDUAE3NkU_r_4yjbppz4fF2Dw3eDuvVlLmO0OF1OcwUW0bRykchxRI6hrOXi6OEuqv-pPWlhKR8CpoRcw8U=w506-h289" width="506" /></a></div><br /><br /></span></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Scheduled outreach</b></span></li><ul><li><span style="font-family: verdana;">Automate customer out reach based on life cycle events such a service eligibility, product renewals</span></li></ul></ul><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiPymbsZKxYkWMA-lNOjjI5p1R9sV3JTTiEMPq0B8jSd6tyNj1znY2AEdFmHZmt30OzajSzgODgXrgfc7QE4FzdQ9W81tJvry42pcM6Wr4cbMvzbKzy_3dJxOOnFgjzIWRbhNjJxBBXfgGu0qdHBGSKVh93czkd16ePRVBl7W-1wtpVZ6UNI6xzoy-vmzE" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1083" data-original-width="1893" height="281" src="https://blogger.googleusercontent.com/img/a/AVvXsEiPymbsZKxYkWMA-lNOjjI5p1R9sV3JTTiEMPq0B8jSd6tyNj1znY2AEdFmHZmt30OzajSzgODgXrgfc7QE4FzdQ9W81tJvry42pcM6Wr4cbMvzbKzy_3dJxOOnFgjzIWRbhNjJxBBXfgGu0qdHBGSKVh93czkd16ePRVBl7W-1wtpVZ6UNI6xzoy-vmzE=w491-h281" width="491" /></a></div><br /><br /></span></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Personalized e-commerce content</b></span></li><ul><li><span style="font-family: verdana;">Relevant product recommendations and offers based on past behavior and purchases</span></li></ul></ul><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgWQfEvAHJ0jQFQODMySocbwjXoYUkaK-PGtA8FJh_49ogonLWg5eYZIWEPVQmz545c7YKSjovSBeirY6czpQmqa-ISTMsbNj5TJagSgd6k3WLRGACih7joxsVRFSVnmfICkfq9rYY1LOIEHmT_1otEy9fA3YU0Y5ZcphCYSg8E5y7If8Aia2jXUno-S8g" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1083" data-original-width="1893" height="294" src="https://blogger.googleusercontent.com/img/a/AVvXsEgWQfEvAHJ0jQFQODMySocbwjXoYUkaK-PGtA8FJh_49ogonLWg5eYZIWEPVQmz545c7YKSjovSBeirY6czpQmqa-ISTMsbNj5TJagSgd6k3WLRGACih7joxsVRFSVnmfICkfq9rYY1LOIEHmT_1otEy9fA3YU0Y5ZcphCYSg8E5y7If8Aia2jXUno-S8g=w516-h294" width="516" /></a></div><br /><br /></span></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Real time decisioning</b></span></li><ul><li><span style="font-family: verdana;">Customers need real time product availability or pricing from external systems to make informed decisions </span></li></ul></ul><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg99bMnHm8a2R3qS3WcMfUSkb5ZH3Jjji_GW8xNFkdLZ3rxfUA_SEz1WbAcDxuBmw5r0no4wZr9vb97VBpw24kyUoBoRpSsi1A3lTK-Zsila-g6NnKPCBv5mnWG1rOqPqhU4zkRrkWqNiPunphc3bIkDFvwrpcPkiGF7Ml6qgfdbWC2EqayEoZ2oDFq1eM" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1093" data-original-width="1893" height="305" src="https://blogger.googleusercontent.com/img/a/AVvXsEg99bMnHm8a2R3qS3WcMfUSkb5ZH3Jjji_GW8xNFkdLZ3rxfUA_SEz1WbAcDxuBmw5r0no4wZr9vb97VBpw24kyUoBoRpSsi1A3lTK-Zsila-g6NnKPCBv5mnWG1rOqPqhU4zkRrkWqNiPunphc3bIkDFvwrpcPkiGF7Ml6qgfdbWC2EqayEoZ2oDFq1eM=w527-h305" width="527" /></a></div><br /><br /></span></div><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Offline Experience </b></span></li><ul><li><span style="font-family: verdana;"><b> </b>Support needs should be able to view recent customer interactions to provide effective assistance </span></li></ul></ul><div><span style="font-family: verdana;"><br /></span></div></div><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgHvjLZUHEDEtNB6Bg1diUpNapHowxvazogE2Ln3dPSPCSpgzleeuSPpyqLmzzXaZlxlUCkc8S7sjgCW-o7kMzrhyLenTKLDXO_b9lIR9MNX7DH1jIi0Jvu-2dKzF4jraTXF7MNn56v7k9-_egimWa4VdiJi4LGfdNovHinPHVlxI7sHdHftBSSHWBg9cE" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1096" data-original-width="1893" height="349" src="https://blogger.googleusercontent.com/img/a/AVvXsEgHvjLZUHEDEtNB6Bg1diUpNapHowxvazogE2Ln3dPSPCSpgzleeuSPpyqLmzzXaZlxlUCkc8S7sjgCW-o7kMzrhyLenTKLDXO_b9lIR9MNX7DH1jIi0Jvu-2dKzF4jraTXF7MNn56v7k9-_egimWa4VdiJi4LGfdNovHinPHVlxI7sHdHftBSSHWBg9cE=w603-h349" width="603" /></a></div><br /><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Conclusion</span></h2><div><span style="font-family: verdana;">ODP empowers businesses to become context aware, focused, timely and relevant there by helping them engage with their users with greater intelligence across every interaction. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><br />2026-01-02T05:00:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP09 - Create Hero, Breadcrumb's and Integrate SEO : Demo<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZEzp4gsN6yLA7oGRbJqbRlNIzzjbtu4pAhG3T7inQcjbEVtdiMu89_jxzNHIeGyAURcRgvQws8JoxiOczvE3blFQ2Fb6Eqs85CCuBtmKUoEpoUoSD4OZ-I9b7Pe5Tx3ymTPqIYcmdDIDg6ObeCT_dXXAZreeyMgYTPa5YzKgU_ziD6q75BUJymVd1G8/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZEzp4gsN6yLA7oGRbJqbRlNIzzjbtu4pAhG3T7inQcjbEVtdiMu89_jxzNHIeGyAURcRgvQws8JoxiOczvE3blFQ2Fb6Eqs85CCuBtmKUoEpoUoSD4OZ-I9b7Pe5Tx3ymTPqIYcmdDIDg6ObeCT_dXXAZreeyMgYTPa5YzKgU_ziD6q75BUJymVd1G8/w651-h366/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" width="651" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;"><a href="https://www.youtube.com/watch?v=BfYYExMEh9c" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;">Episode 9</a><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"> is Live!!</span></div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px;">The latest installment of my </span><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" style="background-color: white; color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;" target="_blank">Learning by Doing: Build Series</a><span style="background-color: white; font-size: 16px;"><span style="font-family: verdana;"> on </span><span style="font-weight: bolder;"><span style="font-family: verdana;">Optimizely <a href="https://www.youtube.com/watch?v=BfYYExMEh9c">Episode 9</a>CMS 12</span></span><span style="font-family: verdana;"> is now available on YouTube!</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white;"><span style="font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;">This video </span></span><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">focuses on integrating Search Engine Optimization (SEO) fields into a custom Content Management System (CMS) website.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div><h3 style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><b>Key Takeaways:</b></span></span></h3><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">
<b>Extending the Page Model:</b> </span></span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">The existing SitePageData base model was extended to add a new property, MetaKeywords, which is a list of strings, utilizing a PropertyStringList backing type. </span></span></li><li><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">The existing MetaTitle and MetaDescription fields were also organized.</span></span></li></ul></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">
<b>Integrating with the Layout File:</b> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">The common _Layout.html file was updated to dynamically render the SEO data within the <head> section of the HTML.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">
<b>Dynamic Meta Tags:</b></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="color: #0f0f0f; font-family: verdana; text-align: center; white-space-collapse: preserve;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="color: #0f0f0f; font-family: verdana; text-align: center; white-space-collapse: preserve;">The <title> tag now pulls data from Model.MetaTitle.</span></li><li><span style="color: #0f0f0f; font-family: verdana; text-align: center; white-space-collapse: preserve;">A meta tag for description was added, using a conditional check (if (!string.IsNullOrEmpty(...))) to ensure it only renders if content is present.</span></li><li><span style="color: #0f0f0f; font-family: verdana; text-align: center; white-space-collapse: preserve;">A meta tag for keywords was added, using @String.Join(", ", Model.MetaKeywords) to format the list of strings into a comma-separated list, also protected by a conditional check.</span></li></ul></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">
<b>Testing and Verification:</b> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">Changes were published in the CMS interface, and inspecting the live website's source code confirmed that the meta tags were correctly implemented.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;">
<b>Introducing a Hero Block:</b></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"> The episode concluded by beginning work on a new "Hero Block" model and view model to add a prominent visual component to the homepage.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="text-align: center; white-space-collapse: preserve;"><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="375" src="https://www.youtube.com/embed/BfYYExMEh9c" width="451" youtube-src-id="BfYYExMEh9c"></iframe></div><br /><span style="color: #0f0f0f; font-family: verdana;"><br /></span></span></div></div>2025-12-15T18:39:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP08 - Integrating UI : Demo<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRMwQ-9vZescy2wBQr92Hv48xlx1jVqBbELXrLSMuciLROZxf7M72eEhfVEF6yG-p8vYq3iMrcGW65De6WpALg7by-YupfhVZkuEWhC_WD5J0qwP7IPGOOsVsEg9MceNaWWyP7fEPHb_QzxJ4jq_HlkwS7Gs9DuXMUUUf5n_LBVkEbmREaln7qj2NEpY/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRMwQ-9vZescy2wBQr92Hv48xlx1jVqBbELXrLSMuciLROZxf7M72eEhfVEF6yG-p8vYq3iMrcGW65De6WpALg7by-YupfhVZkuEWhC_WD5J0qwP7IPGOOsVsEg9MceNaWWyP7fEPHb_QzxJ4jq_HlkwS7Gs9DuXMUUUf5n_LBVkEbmREaln7qj2NEpY/w632-h356/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" width="632" /></a></div><br /><p><a href="https://www.youtube.com/watch?v=Bwd0rouxLQs" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;">Episode 8</a><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"> is Live!!</span></p><div class="separator" style="clear: both;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: white; font-family: verdana; font-size: 16px;">The latest installment of my </span><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" style="background-color: white; color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;" target="_blank">Learning by Doing: Build Series</a><span style="background-color: white; font-size: 16px;"><span style="font-family: verdana;"> on </span><span style="font-weight: bolder;"><span style="font-family: verdana;">Optimizely CMS 12</span></span><span style="font-family: verdana;"> is now available on YouTube!</span></span></div><div class="separator" style="clear: both;"><span style="background-color: white;"><span style="font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;">This video </span></span><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;">focuses on integrating UI elements into a custom CMS website using Bootstrap and custom CSS. </span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;">The Process involves</span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Creating a custom stylesheet (style.css)</b> and placing it in a new wwwroot/css folder</span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Linking both the custom stylesheet and Bootstrap library</b> in the main layout file (_Layout.cshtml) </span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Applying CSS classes</b> to the header and footer components .</span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Styling the homepage</b> (StartPage/Index.cshtml) by adding header and paragraph tags with appropriate classes for the title and description </span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Styling standard pages</b> (like 'About Us') similarly to the homepage </span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Styling the recipe listing page</b> to display recipes in a card layout </span></li></ul><ul style="text-align: left;"><li><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><b>Styling the individual recipe page </b>to show ingredients as an unordered list and steps as an ordered list, also including details like servings, prep time, and cook time </span></li></ul><div><span style="color: #0f0f0f; font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="345" src="https://www.youtube.com/embed/Bwd0rouxLQs" width="415" youtube-src-id="Bwd0rouxLQs"></iframe></div><br /><span style="white-space-collapse: preserve;"><br /></span></span></div></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><br /></span></div>2025-12-01T14:48:00.0000000ZBlog post Optimizely Web Experimentation on Single Page Applications<h2 style="text-align: left;"><span style="font-family: verdana;"> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWIfjvu53GxK7DICQBLVWZhtRQ9E4Zxa1lkLR94t-H0kf6Ak9UsLAeWfjwtg1XaSkdJNSXsbpwwGOWIzNvqiI_98TIPtJJ27J1gm0YFJnnVAB8ajF-o3p8w0qWum0-0TXdebif30xCgw_F9aPWCsGlpFxHxnkle3aKapDxJCQwMd0FolwpavraD9as0I/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWIfjvu53GxK7DICQBLVWZhtRQ9E4Zxa1lkLR94t-H0kf6Ak9UsLAeWfjwtg1XaSkdJNSXsbpwwGOWIzNvqiI_98TIPtJJ27J1gm0YFJnnVAB8ajF-o3p8w0qWum0-0TXdebif30xCgw_F9aPWCsGlpFxHxnkle3aKapDxJCQwMd0FolwpavraD9as0I/w629-h354/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="629" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Introduction</div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;">Most of the modern web applications are built as Single Page applications (SPA) which provides a quick and smooth experience to the end user without causing full refresh of the pages. However this dynamic nature of the applications does pose some challenges when it comes to personalization and experimentation.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;">Optimizley Web Experimentation tackle's this challenge via activation triggers and conditions. This basically helps indicate when the Web Page is Ready for Optimization / Personalization. These triggers ensure the experiments run at the right time and on the correct context.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;">In this bog, we will quote some real use cases in order to understand each trigger type. This would help developers / marketers or product owners in choosing the right trigger for your scenario.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-weight: 400;"> </span></span></div><div class="separator" style="clear: both; text-align: left;">Activation Triggers</div><div class="separator" style="clear: both; text-align: left;"><h3></h3><h4><ul style="text-align: left;"><li><span style="font-weight: normal;">Immediate</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">E.g. Home page with a banner and other static content</span></span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">Optimizely snippet loads</span></span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small; font-weight: normal;">Landing pages</span></li></ul></ul><li><span style="font-weight: normal;">URL Change</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">E.g. Navigating from User Profile to Billing History</span></span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">On any change of the URL </span></span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">SPAs which are having Client Routing </span></span></li></ul></ul><li><span style="font-weight: normal;">DOM Change</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">A user selects a service type from Contact us page and form fields dynamically appear based on the service type selected </span></span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small; font-weight: normal;">Any Change to DOM</span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small; font-weight: normal;">Dynamic rendering</span></li></ul></ul><li><span style="font-weight: normal;">Callback</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">After getting data from API for a personalized page</span></span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">When Javasript calls activate()</span></span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small; font-weight: normal;">Asynchronous calls</span></li></ul></ul><li><span style="font-weight: normal;">Polling</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small; font-weight: normal;">Waiting for Pay now CTA button to appear after the bill data loads</span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small; font-weight: normal;">Every 50 ms until the condition is true</span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">Slow loading or third party widgets</span></span></li></ul></ul><li><span style="font-weight: normal;">Manual</span></li><ul><li><span style="font-size: small;">Scenario</span></li><ul><li><span style="font-size: small; font-weight: normal;">Multi step request flow </span></li></ul><li><span style="font-size: small;">Trigger Point</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">Push activation via API</span></span></li></ul><li><span style="font-size: small;">Suitable for ?</span></li><ul><li><span style="font-size: small;"><span style="font-weight: normal;">Fine grained control over activation timing </span></span></li></ul></ul></ul></h4></div></span></h2><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">Conditions</span></div><div class="separator" style="clear: both; text-align: left;"><h4><ul style="text-align: left;"><li><span style="font-family: verdana;"><span style="font-size: small;">URL Match</span></span></li><ul><li><span style="font-family: verdana;"><span style="font-weight: 400;"><span style="font-size: small;">current URL matches the Rule</span></span></span></li></ul><li><span style="font-family: verdana;"><span style="font-size: small;">Element is present</span></span></li><ul><li><span style="font-family: verdana;"><span style="font-weight: 400;"><span style="font-size: small;">CSS selector is present in the DOM</span></span></span></li></ul><li><span style="font-family: verdana;"><span style="font-size: small;">Javascript Condition</span></span></li><ul><li><span style="font-family: verdana;"><span style="font-weight: 400;"><span style="font-size: small;">Java script function returns true</span></span></span></li></ul></ul></h4></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">Summary</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><span style="font-size: medium; font-weight: 400;">Optimizley Web Experimentation has activation triggers and conditions that enable creating personalized experiences on dynamic SPAs. The activation scenarios mentioned here are specific however the core principles of choosing the right activation trigger based on the use case would remain same across verticals. </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><span style="font-size: medium; font-weight: 400;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><span style="font-size: medium; font-weight: 400;">I hope you had a great learning experience .</span></span></div><span style="font-family: verdana;"><br /></span>2025-11-16T23:24:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP07 - Create Controller/View for Pages<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4XIgowdThPuEMdzEXQiJO3NuHL4aalVR5z8M84REYWPd7-Uew8afT2wVIWbW-TaRiTd6ayd7S15ZIDOF7ZcztgPhjNBkAKomYd6JFgUF4o_yqzlJiUVsxQPTF3LCNzQc95xif0Dwm4-EYx-56uwwhR3FGGgCQpDPALgbqHm5-a1INNKbyMd8ozpgVi4/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="367" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4XIgowdThPuEMdzEXQiJO3NuHL4aalVR5z8M84REYWPd7-Uew8afT2wVIWbW-TaRiTd6ayd7S15ZIDOF7ZcztgPhjNBkAKomYd6JFgUF4o_yqzlJiUVsxQPTF3LCNzQc95xif0Dwm4-EYx-56uwwhR3FGGgCQpDPALgbqHm5-a1INNKbyMd8ozpgVi4/w652-h367/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="652" /></a></div><br /><div><div class="separator" style="clear: both;"><a href="https://www.youtube.com/watch?v=Tj9-1624LIM&t=623s" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;">Episode 7</a><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"> is Live!!</span></div><div class="separator" style="clear: both;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: white; font-family: verdana; font-size: 16px;">The latest installment of my </span><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" style="background-color: white; color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;" target="_blank">Learning by Doing: Build Series</a><span style="background-color: white; font-size: 16px;"><span style="font-family: verdana;"> on </span><span style="font-weight: bolder;"><span style="font-family: verdana;">Optimizely CMS 12</span></span><span style="font-family: verdana;"> is now available on YouTube!</span></span></div><div class="separator" style="clear: both;"><span style="background-color: white;"><span style="font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;">This video demonstrates how to create controllers and views for various page types within Optimizely CMS 12, focusing on a fictional website called TasteTrail.</span></span></div><div class="separator" style="clear: both;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;"><br /></span></span></div><p style="background: rgb(255, 255, 255); border: 0px; color: #0f0f0f; line-height: 2rem; margin: 8px 0px 0px; padding: 0px; white-space-collapse: preserve;"><span style="font-family: verdana;">Here's a summary of the key steps:</span></p><span style="color: #0f0f0f; font-family: verdana; white-space-collapse: preserve;"><ul style="text-align: left;"><li><h3>Recipe Listing Page</h3><ul><li><p>New <strong>RecipeListingPageController</strong> created, extending <code>PageController</code> with the <code>RecipeListingPage</code> model.</p></li><li><p>View: <code>index.cshtml</code> under <strong>Views/RecipeListingPage</strong>.</p></li><li><p>Displays page title and iterates through child recipe pages, showing links and images.</p></li><li><p>Includes a null check to show <em>“No recipes”</em> if none exist.</p></li></ul><h3> Recipe Page</h3><ul><li><p>Existing <strong>RecipePageController</strong> passes <code>RecipePage</code> model to the view.</p></li><li><p>View: <code>index.cshtml</code> displays page name and description.</p></li><li><p>Uses <code>Html.Property</code> to render ingredient and step blocks, with null checks for safety.</p></li></ul><h3>Homepage</h3><ul><li><p><strong>StartPageController</strong> passes <code>StartPage</code> model to the view.</p></li><li><p>View: <code>index.cshtml</code> shows site title and description only.</p></li></ul><h3> Standard Page</h3></li><ul><li><p>New <strong>StandardPageController</strong> created, extending <code>PageController</code> with the <code>StandardPage</code> model.</p></li><li><p>View: <code>index.cshtml</code> under <strong>Views/StandardPage</strong>.</p></li><li><p>Displays page name and renders <code>MainBody</code> content using <code>Html.Raw</code>.</p></li><li><p>Uses a Property to render content from <code>MainContentArea</code>, supporting nested blocks.</p></li></ul></ul><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="348" src="https://www.youtube.com/embed/Tj9-1624LIM" width="419" youtube-src-id="Tj9-1624LIM"></iframe></div><br /><div><br /></div></span></div>2025-11-16T23:20:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP06 - Create Header, Footer, Menu & Component/View for Blocks<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvw3eNRnAwyCBXkRIK1ilgSPa4hdOSUHVZ9oTPsVcJc-mYFa9FVhaZS0kEl7VC5EK7wq53vezcn1z7BNnYp4UOhleNjhRaDJCST7w7kP39dQeP3DX74ltF3ZoOxTypYJON9suet31_FS7apVWIUHsAiK7H9PvlXncvYXIT1lEuTFe_plpYbEn4FWrazi4/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvw3eNRnAwyCBXkRIK1ilgSPa4hdOSUHVZ9oTPsVcJc-mYFa9FVhaZS0kEl7VC5EK7wq53vezcn1z7BNnYp4UOhleNjhRaDJCST7w7kP39dQeP3DX74ltF3ZoOxTypYJON9suet31_FS7apVWIUHsAiK7H9PvlXncvYXIT1lEuTFe_plpYbEn4FWrazi4/w622-h350/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="622" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><a href="https://www.youtube.com/watch?v=9B0QbrL7j2o&t=39s" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;">Episode 6</a><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"> is Live!!</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: 700;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px;">The latest installment of my </span><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" style="background-color: white; color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;" target="_blank">Learning by Doing: Build Series</a><span style="background-color: white; font-size: 16px;"><span style="font-family: verdana;"> on </span><span style="font-weight: bolder;"><span style="font-family: verdana;">Optimizely CMS 12</span></span><span style="font-family: verdana;"> is now available on YouTube!</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white;"><span style="font-family: verdana;"><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;">This video demonstrates how to build common components like headers and footers, create a dynamic navigation menu, and set up views for blocks in Optimizely CMS 12.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #0f0f0f; white-space-collapse: preserve;"><span style="font-family: verdana;"><br /></span></span></div><p style="background: rgb(255, 255, 255); border: 0px; color: #0f0f0f; line-height: 2rem; margin: 8px 0px 0px; padding: 0px; white-space-collapse: preserve;"><span style="font-family: verdana;">Here's a summary of the key steps:</span></p><div class="separator" style="clear: both;"><ul style="background: rgb(255, 255, 255); border: 0px; color: #0f0f0f; margin: 0px; padding: 0px 0px 0px 12px;"><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Creating Header and Footer Components:</span> The video shows how to create <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">header.cshtml</code> and <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">footer.cshtml</code> files under the <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">Views/Shared</code> folder. These are initially simple but can be enhanced later.</span></li><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Integrating Components into Layout:</span> The created header and footer partial views are then integrated into the main <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">_Layout.cshtml</code> file using <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">await Html.RenderPartialAsync</code> to make them common across the website .</span></li><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Building a Dynamic Menu:</span> The header component is enhanced to include a dynamic menu. This involves injecting <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">IContentLoader</code> to retrieve child pages from the start page and iterating through them to create hyperlinks .</span></li><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Creating Views for Blocks (CMS 12 specific):</span> For blocks like "Ingredient Item Block" and "Recipe Steps Block," the process is different in CMS 12 compared to earlier versions . It requires:</span></li><ul style="background: transparent; border: 0px; list-style-type: disc; margin: 0px; padding: 0px 0px 0px 12px;"><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">View Models:</span> Creating separate view models (e.g., <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">IngredientViewModel</code>) for each block to hold the data to be displayed.</span></li><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Components (View Components):</span> Creating view components (e.g., <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">IngredientViewComponent</code>) that inherit from <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">AsyncBlockComponent</code> and map data from the block's model to its view model .</span></li><li style="background: transparent; border: 0px; line-height: 2rem; margin: 8px 0px; padding: 0px;"><span style="font-family: verdana;"><span style="background: transparent; border: 0px; font-weight: 600; line-height: 2rem; margin: 0px; padding: 0px;">Views:</span> Creating the actual Razor views (<code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">default.cshtml</code>) for each block under a specific folder structure: <code style="background: transparent; border: 0px; margin: 0px; padding: 0px;">Views/Shared/Components/[Block Model Name]/default.cshtml</code>. These views then use the view model to display the block's content .</span></li></ul></ul><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="395" src="https://www.youtube.com/embed/9B0QbrL7j2o" width="476" youtube-src-id="9B0QbrL7j2o"></iframe></div><br /><span style="color: #0f0f0f; font-family: verdana;"><br /></span></div></div><p><br /></p>2025-11-04T17:33:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP05 - Create Content Tree: Demo<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DELmilFWtmfi0jQP2z0_by_jLpxCHbPF6zWkOzt5TKB7_LVhREIDihHAVMIG3mDAKUJ9NLYa8GUhWPfB62QVIMFS5b99pO0Um3-2Dz27rx_H2HtYq8KsnMCeuQOOT3HapMNgRm-v-c4DaKpmzHs0Awfj1ODYjnQ7UcrE5ZJqKvdXnON-dtBETcL1i0s/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DELmilFWtmfi0jQP2z0_by_jLpxCHbPF6zWkOzt5TKB7_LVhREIDihHAVMIG3mDAKUJ9NLYa8GUhWPfB62QVIMFS5b99pO0Um3-2Dz27rx_H2HtYq8KsnMCeuQOOT3HapMNgRm-v-c4DaKpmzHs0Awfj1ODYjnQ7UcrE5ZJqKvdXnON-dtBETcL1i0s/w589-h331/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" width="589" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: bolder;"><a href="https://www.youtube.com/watch?v=vt211kbwqME" style="background-color: transparent; color: #729c0b; text-decoration-line: none;">Episode 5</a> is Live!!</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px; font-weight: bolder;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">The latest installment of my </span><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: 700; text-decoration-line: none;" target="_blank">Learning by Doing: Build Series</a><span style="font-family: verdana;"> on <strong>Optimizely CMS 12</strong> is now available on YouTube!</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; font-family: verdana; font-size: 16px;"> </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><span style="font-family: verdana;">This video demonstrates how to create a content tree in Optimizely CMS, building on content models from the previous episode </span><a href="https://www.youtube.com/watch?v=7hBpuZjISfA" style="color: #729c0b; font-family: verdana; font-size: 16px; font-weight: bolder; text-decoration-line: none;">Episode 4</a><span style="font-family: verdana;">.</span></div><div class="separator" style="clear: both;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: verdana;">It covers two main parts:</span></div><div class="separator" style="clear: both;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Configuring Allowed Content Types:</b> </span></li></ul><span style="font-family: verdana;">Learn how to configure </span><strong style="font-family: verdana;">Allowed Content Types</strong><span style="font-family: verdana;"> to control which page types can be nested under others. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">The demo shows how to set restrictions on which content types can be created under specific parent pages (e.g., a recipe page can only be added under a recipe listing page, not directly under the homepage). </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">This ensures, logical and structured content hierarchy.</span></div><div class="separator" style="clear: both;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="font-family: verdana;"><b>Creating the Content Tree:</b> </span></li></ul><span style="font-family: verdana;">Watch as we create a sample content structure for a fictional website called </span><em style="font-family: verdana;">Taste Trail</em><span style="font-family: verdana;">. </span></div><div class="separator" style="clear: both;"><span style="font-family: verdana;">This includes setting up the homepage, an "About Us" standard page, a "Recipes" listing page, and a sample recipe page, demonstrating how to add blocks (ingredients, steps, and media) to the page (recipe).</span><br /><div><span style="font-family: verdana;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="389" src="https://www.youtube.com/embed/vt211kbwqME" width="468" youtube-src-id="vt211kbwqME"></iframe></div><br /><span style="font-family: verdana;"><br /></span></div></div></div><br />2025-10-15T13:37:00.0000000ZBlog post Optimizely CMS - Learning by Doing: EP04 – Create Content Models<p><span style="font-family: verdana;"> </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5_wWi36ZRuWanieUCCjuILzoOOlYWPHmqJ8W-jbwwYts_9WYzkPRdDA-aL-mHc03LCyw4M4fnlKJ7KZHlztpYrG5ur6GmU4qAqZCCl6zNRsqDwHlq0B89zmJAlBCzFyTmUFos53FBhh5szGQvaVatvVqQ0plbtVxRFVEbRwcP4YJB6WJgB7vDNqu0YJI/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: verdana;"><img border="0" data-original-height="1260" data-original-width="2240" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5_wWi36ZRuWanieUCCjuILzoOOlYWPHmqJ8W-jbwwYts_9WYzkPRdDA-aL-mHc03LCyw4M4fnlKJ7KZHlztpYrG5ur6GmU4qAqZCCl6zNRsqDwHlq0B89zmJAlBCzFyTmUFos53FBhh5szGQvaVatvVqQ0plbtVxRFVEbRwcP4YJB6WJgB7vDNqu0YJI/w599-h337/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="599" /></span></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><h2 style="clear: both; text-align: left;"><span style="font-family: verdana;">Introduction</span></h2><div><span style="font-family: verdana;">I am thrilled to announce the release of <b><a href="https://www.youtube.com/watch?v=7hBpuZjISfA">Episode 4</a></b> of my <b><a href="https://www.youtube.com/playlist?list=PLeBncovWp1InNwupj1mVchhnZSzMVEyzD" target="_blank">Learning by Doing : Build Series</a></b> on Optimizley CMS 12 on YouTube !</span></div><div><span style="font-family: verdana;">This episode is a demo, where we build out content models for TasteTrail, a fictional website designed to showcase real-world scenarios. </span></div><div><span style="font-family: verdana;">This demo uses the content model designed in my previous <a href="https://www.youtube.com/watch?v=AMBj4wazRG8&t=17s" target="_blank">Episode 3</a>. </span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Watch the Full Demo here:</span></h2><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="340" src="https://www.youtube.com/embed/7hBpuZjISfA" width="407" youtube-src-id="7hBpuZjISfA"></iframe></div><br /><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">What is covered in this Episode:</span></h2><div><span style="font-family: verdana;">In this episode, the taxonomy and models are set up from scratch. </span></div><div><span style="font-family: verdana;">The models covering the following areas:</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsLyJXb_rMDSHNBgZAJHzq3UCEt5IfEuR9tG52lhWc9XX8SUHmtgmnngIPRZ6zULVG5DduKItotqtV_cAvgrbxH9v93DlsCtT_4ydZLz2ZVVqLjwmzNsvLsMXvXPmkPo7E5JRAuqgTbs-_C0at1NFWyM_LJ-g-RKahqAmFs59FnnWBvYmgOI67KmYqdg/s1019/modeltype.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="373" data-original-width="1019" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsLyJXb_rMDSHNBgZAJHzq3UCEt5IfEuR9tG52lhWc9XX8SUHmtgmnngIPRZ6zULVG5DduKItotqtV_cAvgrbxH9v93DlsCtT_4ydZLz2ZVVqLjwmzNsvLsMXvXPmkPo7E5JRAuqgTbs-_C0at1NFWyM_LJ-g-RKahqAmFs59FnnWBvYmgOI67KmYqdg/w511-h187/modeltype.png" width="511" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">This episode is ideal for Developers looking to learn Optimizley CMS 12.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">This will be beneficial for beginners, especially if they can follow along with the video and build models on their own, as it would reinforce the learning. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">Hope this video helps in imparting some knowledge that would enable you for future Optimizley projects.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"> </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;">Happy Coding in Optiverse !!</span></div><br /><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: verdana;"><br /></span></div><br />2025-10-02T13:08:00.0000000ZBlog post Optimizely Web Experimentation : Understanding Bucketing with a use case<h2 style="text-align: left;"><span style="font-family: verdana;"> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjweVAgkCCE4XamQOaNQWcA1WS6gT3V53nIEjCGOmvdUOy-yjX7BaMtYGhTbpK6ifixQtB33Bj9pPkAE4w0r3gL7iTprnMBHwYJpD5A9jLgLUSw9z5SWUgamhXSzCmZZzoufK8eVeT_KVPYmhPm-_AxbVsSNKRqgrFzxkNMdK1NyWzlQxB8cshQ577WYfs/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="343" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjweVAgkCCE4XamQOaNQWcA1WS6gT3V53nIEjCGOmvdUOy-yjX7BaMtYGhTbpK6ifixQtB33Bj9pPkAE4w0r3gL7iTprnMBHwYJpD5A9jLgLUSw9z5SWUgamhXSzCmZZzoufK8eVeT_KVPYmhPm-_AxbVsSNKRqgrFzxkNMdK1NyWzlQxB8cshQ577WYfs/w611-h343/Optimizely_CMS_Tech_Trails_Ratish_Banner%20(1).png" width="611" /></a></div><br /></span><span style="font-family: verdana;">Introduction</span></h2><div><span style="font-family: verdana;">In Web experimentation bucketing is used to assign users to different variations in an experiment. This is done in order to ensure consistent experiences provide statistically valid outcomes.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">Bucketing is deterministic , it is sticky and it is scalable which works very well with dynamic websites and Single Page Apps.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">In this blog, I am taking some examples from the utility sector such as billing, outages, service requests etc to simplify the understanding the concepts of bucketing. I hope this will be helpful for beginners to understand and apply these concept to real world use cases.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">While the use cases that I am quoting from Utility sector is just a reference, the basic principles are the same and they can be applied across other verticals like retail, finance, health care etc. </span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Bucketing </span></h2><div><table id="table_0" style="border-collapse: collapse; border-spacing: 0px; color: #222222;"><tbody><tr><td style="background-color: #156082; border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); border-top: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 22px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;"><b>Concept</b></div></td><td style="background-color: #156082; border-bottom: 1pt solid rgb(68, 179, 225); border-top: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 22px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;"><b>Explanation</b></div></td><td style="background-color: #156082; border-bottom: 1pt solid rgb(68, 179, 225); border-top: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 22px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;"><b>Use Case</b></div></td><td style="background-color: #156082; border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); border-top: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 22px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;"><b>Importance</b></div></td></tr><tr><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 84.3183px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Deterministic</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 84.3183px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Same user always sees the same variation</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 84.3183px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">A returning customer always sees the same version of the 'Pay Bill' page</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 84.3183px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">It Ensures consistent experience across sessions/devices</div></td></tr><tr><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Sticky</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Variation assignment will be changed only if traffic allocation changes</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">A customer in a 'Smart Meter Info' experiment will see other variations only if the traffic is reallocated</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">This prevents results being skewed because of rebucketing</div></td></tr><tr><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Hashing (MurmurHash)</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">The user's Unique ID for eg. UserID is hashed & used for variation assignment</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">User ID 12345 is mapped to variation B in the 'Outage Push Notification ' experiment</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">This has two benefits, one it uses randomization & the second it helps in consistency</div></td></tr><tr><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Impact of Traffic Allocation </div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Changing traffic allocation percentage can re-bucket users</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Increasing traffic from 40% to 100% in an experiment for eg 'High Energy Usage Insights' may reassign users</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 134.225px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Traffic changes should be done early in the experiment to avoid invalid outcomes</div></td></tr><tr><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Targeting</div><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Audience </div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Users must satisfy audience criteria to enter experiment</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">For e.g. Users with high-consumption will only see variation A of 'Energy Saving Tips'</div></td><td style="background-color: #c0e6f5; border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 117.592px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Personalized experiments can be carried out</div></td></tr><tr><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-left: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 100.951px; padding: 0in 5.4pt; vertical-align: bottom; width: 172.706px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Scalable</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 100.951px; padding: 0in 5.4pt; vertical-align: bottom; width: 157.044px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Works across large number of users and concurrent experiments</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 100.951px; padding: 0in 5.4pt; vertical-align: bottom; width: 204.077px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Utility website with 200K monthly users running 4 experiments</div></td><td style="border-bottom: 1pt solid rgb(68, 179, 225); border-right: 1pt solid rgb(68, 179, 225); box-sizing: border-box; height: 100.951px; padding: 0in 5.4pt; vertical-align: bottom; width: 205.744px;"><div style="color: black; font-family: verdana; font-size: 12pt; margin: 0px;">Supports enterprise-grade experimentation</div></td></tr></tbody></table></div><h2 style="text-align: left;"><span style="font-family: verdana;">End to End Flow</span></h2><div><span style="font-family: verdana;">Below is the process used by Optimizley to decide on which variation is displayed to which user :</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjXRJLU42iYuo5Y48vqUcpBPQQRDE8tzaD6_i7JdtNjlxki69Jy94gF4d6i5f2KSNIeVqE1EdVSJOJxNK84RKy7YRCO0nR661iwSq1bK0qv-o7FsAsohBrswqc1fFBmODv4MRPJM8oH_XQIM6h702XjlmZZg2ZYNJ2HpPTHRWREchfscCbpnggTZXAOvQA" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1149" data-original-width="1867" height="421" src="https://blogger.googleusercontent.com/img/a/AVvXsEjXRJLU42iYuo5Y48vqUcpBPQQRDE8tzaD6_i7JdtNjlxki69Jy94gF4d6i5f2KSNIeVqE1EdVSJOJxNK84RKy7YRCO0nR661iwSq1bK0qv-o7FsAsohBrswqc1fFBmODv4MRPJM8oH_XQIM6h702XjlmZZg2ZYNJ2HpPTHRWREchfscCbpnggTZXAOvQA=w683-h421" width="683" /></a></div><br /><h2 style="text-align: left;">Best Practices</h2><div><ul style="text-align: left;"><li>Set traffic allocation early in the experiment and avoid any changes in the middle of the experiment </li><li>Use consistent splits unless restarting the experiment</li><li>Ensure required data (e.g., user tier, region) is available at activation</li></ul></div><div><div><br /></div></div></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Summary</span></h2><div><span style="font-family: verdana;">Bucketing is a core of reliable experimentation in Optimizely. It provides various mechanisms to ensure the users are consistently assigned to variations , it ensures precise measurement of the behavior and outcomes of the experiment . We have used utility sector use cases to explain these concepts but the same principles apply to an dynamic website say for eg a retail website's checkout, product details page or even personalized dashboard page.</span></div><div><span style="font-family: verdana;"><br /></span></div><div><span style="font-family: verdana;">I hope this post for useful in some way in understanding the bucketing concept.</span></div>2025-10-02T00:05:00.0000000ZBlog post Optimizely Web Experimentation Using Real-Time Segments: A Step-by-Step Guide<p><span style="font-family: verdana;"> </span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: verdana;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxAditbEuCRzVGsiQsHwSg2RY-1R5wvlop8II9B76dSg2dshkRrxwY0NTc5GtOMZNN9WPb3mVFTX3XN8VUWJWkaiePRjB94-N7hVu-46okKpsraclCBGLcKgx3kF8F2x-5ocBwq0sfv0m-qeGnccUJD8xMyPdO0V8WM_wv1MJfb1JEK9t8NzSrC4_52M/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxAditbEuCRzVGsiQsHwSg2RY-1R5wvlop8II9B76dSg2dshkRrxwY0NTc5GtOMZNN9WPb3mVFTX3XN8VUWJWkaiePRjB94-N7hVu-46okKpsraclCBGLcKgx3kF8F2x-5ocBwq0sfv0m-qeGnccUJD8xMyPdO0V8WM_wv1MJfb1JEK9t8NzSrC4_52M/w641-h361/Optimizely_CMS_Tech_Trails_Ratish_Banner_2%20(1).png" width="641" /></a></span></div><span style="font-family: verdana;"><br /></span><div class="separator" style="clear: both; text-align: left;"><b style="color: #222222; font-size: small;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Introduction</span></span></b></div><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;"><span style="font-family: verdana;"><br /></span></span></b></p><div class="separator" style="clear: both;"><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Personalization has become de facto standard for any digital channel to improve the user's engagement KPI’s. Personalization uses varies techniques to target the users which include location, usage patterns, service history etc<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Optimizely Web Experimentation allows us to integrate with Optimizely Data Platform (ODP) in order to help in using real-time segments for targeting users with utmost accuracy.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> <u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">In this blog, We take an example of real-world scenario where a large utility company wants to run a personalized experiment by utilizing run time segments.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> <u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;"><span style="font-family: verdana;">Scenario<u></u><u></u></span></span></b></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;"><span style="font-family: verdana;"><br /></span></span></b></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">A large utility company plans to display a personalized banner for promoting “energy-saving tips” for its top 10 % of high consumption customers.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">This energy saving banner will be displayed on the dashboard page when eligible users log in.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Below is a step by step process to implement this personalization experiment using Optimizely Web Experimentation and ODP.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> <u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-family: verdana;"><span style="font-size: 11pt;"><img class="CToWUd a6T" data-bit="iit" data-image-whitelisted="" height="568" id="m_6569317268769765248Picture_x0020_5" src="https://mail.google.com/mail/u/0?ui=2&ik=005a85578a&attid=0.7&permmsgid=msg-f:1843615154070848619&th=1995d636f8eb846b&view=fimg&fur=ip&permmsgid=msg-f:1843615154070848619&sz=s0-l75-ft&attbid=ANGjdJ-Dzj6mVNhFbEc2tehDdq3aNJIehTvBsuk9pGlEisbyo4oBochske_eid6yX7Outxuf3Sb3rmwSLCUHt_jghFxe4Y1wA9GqVgzusqHeFyN7nJyAkIpJB_8lBTQ&disp=emb&zw" style="cursor: pointer; height: 7.175in; outline: 0px; width: 11.9583in;" tabindex="0" width="946" /></span><span style="font-size: 11pt;"><u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> <u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;"><span style="font-family: verdana;">Best Practice<u></u><u></u></span></span></b></p><ul style="background-color: white; color: #222222; font-size: small; margin-bottom: 0in; margin-top: 0in;" type="disc"><li class="m_6569317268769765248MsoListParagraph" style="font-size: 12pt; margin: 0in;"><span style="font-size: 11pt;"><span style="font-family: verdana;">ODP snippet has to be loaded before Optimizely snippet<u></u><u></u></span></span></li><li class="m_6569317268769765248MsoListParagraph" style="font-size: 12pt; margin: 0in;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Keys are copied from ODP and pasted correctly<u></u><u></u></span></span></li><li class="m_6569317268769765248MsoListParagraph" style="font-size: 12pt; margin: 0in;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Always use high confidence ID for sensitive experiments like billing or outage alerts<u></u><u></u></span></span></li><li class="m_6569317268769765248MsoListParagraph" style="font-size: 12pt; margin: 0in;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Use only real-time segments from ODP Customers page<u></u><u></u></span></span></li></ul><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> <u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;"><span style="font-family: verdana;">Summary<u></u><u></u></span></span></b></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">We have seen a step-by-step approach to set up and use <b>ODP real-time segments</b> to run a <b>personalized experiments</b> in Optimizely Web Experimentation.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">This example is specific to <b>utility sector </b> but this process applies to any sector where segmentation and personalization has to be done.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><u></u> </span></span></p></div><p><br /></p>2025-10-01T13:30:00.0000000ZBlog post Content modeling for beginners <p><span style="font-family: verdana;"> </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzy2aJ-z1ZKx7_-6duCLickakHOp7sppPKFnN362cOgoZG2V2l-ZlcRRm6_6Dd9QeHk4uPYt26Ey9iUXQk644zlDQWkfLCcw9_GYtcdhYtdbkiDlVEhLdnZgYIXtmLgsYO8klAb51dcMB4HorDQjG2IJ36zcXXKQYpokepfshYwpN4R7Xobr9eC8P7rs/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: verdana;"><img border="0" data-original-height="1260" data-original-width="2240" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzy2aJ-z1ZKx7_-6duCLickakHOp7sppPKFnN362cOgoZG2V2l-ZlcRRm6_6Dd9QeHk4uPYt26Ey9iUXQk644zlDQWkfLCcw9_GYtcdhYtdbkiDlVEhLdnZgYIXtmLgsYO8klAb51dcMB4HorDQjG2IJ36zcXXKQYpokepfshYwpN4R7Xobr9eC8P7rs/w554-h312/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" width="554" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><h2 style="clear: both; text-align: left;"><span style="font-family: verdana;">Introduction</span></h2><div><span style="font-family: verdana;"><span style="background-color: white; color: #222222; font-size: 14.6667px;"><b style="font-style: italic;">Learning by Doing – Optimizely Build Series </b>is a YouTube series where I am building </span></span><span style="background-color: white; color: #222222; font-family: verdana; font-size: 14.6667px;">a fictional</span><span style="background-color: white; color: #222222; font-family: verdana; font-size: 14.6667px;"> website called </span><b style="background-color: white; color: #222222; font-family: verdana; font-size: 14.6667px;">TasteTrail</b><span style="background-color: white; color: #222222; font-family: verdana; font-size: 14.6667px;">, food discovery and recipe website using </span><b style="background-color: white; color: #222222; font-family: verdana; font-size: 14.6667px;">Optimizely CMS 12. </b></div><div><span style="font-family: verdana;"><span style="background-color: white; color: #222222; font-size: 14.6667px;"><br /></span></span></div><div><span style="font-family: verdana;"><span style="background-color: white; color: #222222; font-size: 14.6667px;">In this episode, I have deep dived into </span><span style="background-color: white; color: #222222; font-size: small;"><span style="font-size: 11pt;">Content Modeling & focused </span></span><span style="background-color: white; color: #222222; font-size: 14.6667px;">on </span><b style="background-color: white; color: #222222; font-size: 14.6667px;">what we learned</b><span style="background-color: white; color: #222222; font-size: 14.6667px;">—the strategic thinking, trade-offs, and best practices while shaping our content model.</span></span></div><div><b style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 14.6667px;"><br /></b></div><div><b style="background-color: white; color: #222222; font-size: 14.6667px;"><span style="font-family: verdana;">📺Watch the video : </span></b><span style="color: #222222; font-family: verdana;"><span style="font-size: 14.6667px;"><a href="https://www.youtube.com/watch?v=AMBj4wazRG8" target="_blank">Optimizely CMS - Learning by Doing: EP03 - Content Modeling</a></span></span></div><div><br /></div><div><br /></div><div><span style="font-family: verdana;"><div><h2 style="background-color: white; margin: 0px; text-align: left;"><span style="color: #222222; font-size: medium;"><u>Content Modeling Is Strategic:</u></span></h2><div><span style="color: #222222; font-size: medium;"><br /></span></div><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">Content modeling was </span><span style="font-size: 14.6667px;">approached</span><span style="font-size: 14.6667px;"> </span><span style="font-size: 11pt;">as a </span><b style="font-size: 11pt;">strategic exercise</b><span style="font-size: 11pt;">, not just a technical one. </span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">It’s about aligning content structure with:</span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">User experience<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Personalization goals<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Scalability and governance<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Editorial workflows</span></li></ul><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><b>Hybrid modeling approach was chosen</b>—starting with a top-down vision and refining it bottom-up based on real content and user behavior.</span></p></div><h2 style="text-align: left;"><span style="background-color: white; color: #222222;"><span style="font-size: medium;"><u>Foundation First</u></span></span></h2><div><div><span style="background-color: white; color: #222222; font-size: 11pt;">Started by defining BasePage and BaseBlock to centralize shared properties like SEO metadata and display settings. </span></div><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">This <b>top-down design</b> gave us consistency across all content types.<u></u><u></u></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;">Key Learnings:</span></b><span style="font-size: 11pt;"><u></u><u></u></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Use GroupName to organize fields into intuitive tabs.<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Keep GUIDs stable across deployments.<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Controlled vocabularies (via selection factories) prevent editorial chaos</span></li></ul></div><h2 style="text-align: left;"><u style="color: #222222; font-size: large;">Taxonomy Is a Power Tool</u></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;">Next step was to model taxonomy using <b>Optimizely Categories</b>, </span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><br /></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">It was split into three subtrees: <b>Cuisine</b>, <b>Dietary</b>, and <b>Tags</b>. </span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><br /></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">This structure powers:<u></u><u></u></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Navigation<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Faceted search<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;">Personalization<u></u><u></u></span></li></ul><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><b><span style="font-size: 11pt;">Bottom-up refinement</span></b><span style="font-size: 11pt;"> helped us evolve the taxonomy as real recipes were added. </span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><br /></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;">For example, “South Indian” was introduced after seeing regional diversity in content.</span></p></div></span></div><h2 style="text-align: left;"><u style="color: #222222; font-family: verdana; font-size: large;">Structured Content</u></h2><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">The RecipePage is the heart of TasteTrail website. </span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"><br /></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">It includes:<u></u><u></u></span></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Core fields: Description, Servings, Prep/Cook Time<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Taxonomy: Cuisine, Dietary, Tags<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Blocks: Ingredients (IngredientItemBlock), Steps (RecipeStepBlock)<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Media: Thumbnail, Gallery<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Validation: Servings > 0, at least one ingredient and cuisine<u></u><u></u></span></span></li></ul><h2 style="text-align: left;"><span style="font-family: verdana; font-weight: normal;"><span style="background-color: white; color: #222222; font-size: 11pt;">We started with a</span><span style="background-color: white; color: #222222; font-size: 11pt;"> </span><span style="background-color: white; color: #222222; font-size: 11pt;">structured model</span><span style="background-color: white; color: #222222; font-size: 11pt;">, but kept it</span><span style="background-color: white; color: #222222; font-size: 11pt;"> </span><span style="background-color: white; color: #222222; font-size: 11pt;">extensible</span><span style="background-color: white; color: #222222; font-size: 11pt;">—adding ratings and favorites later on.</span> </span></h2><h2 style="text-align: left;"><u style="color: #222222; font-family: verdana; font-size: large;">Media Needs Structure Too</u></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">Modeled both images and videos as structured media types:<u></u><u></u></span></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">RecipeImage: JPG, PNG, WebP + AltText<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">RecipeVideo: MP4, WebM + Transcript<u></u><u></u></span></span></li></ul><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">This <b>top-down approach</b> ensures accessibility, SEO, and editorial consistency.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-family: verdana;"><b><span style="font-size: 11pt;">Lesson:</span></b><span style="font-size: 11pt;"> Media isn’t just decoration—it’s content. Treat it with the same as other content types.</span></span></p></div><h2 style="text-align: left;"><u style="color: #222222; font-family: verdana; font-size: large;">Controlled Vocabularies Improve Quality</u></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">Fields like <b>Difficulty</b> use selection factories to enforce valid values: </span></span><span style="color: #222222; font-family: verdana; font-size: 11pt;">Easy, Medium, Hard.</span></p><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-family: verdana; font-size: 11pt;"><br /></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-family: verdana;"><b><span style="font-size: 11pt;">Why it matters:</span></b><span style="font-size: 11pt;"><u></u><u></u></span></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Prevents typos and inconsistent data<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Improves filtering and analytics<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Enhances editor experience</span></span></li></ul></div><h2 style="text-align: left;"><span style="color: #222222; font-family: verdana; font-size: large;"><u>Search & Filters Must Be Modeled Early</u></span></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">Indexed key fields and designed filters for:<u></u><u></u></span></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Cuisine & Dietary (multi-select)<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Difficulty (selection factory)<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Time (numeric ranges)<u></u><u></u></span></span></li></ul><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;"> This <b>bottom-up tuning</b> was driven by real user behavior.</span></span></p></div><h2 style="text-align: left;"><u style="color: #222222; font-family: verdana; font-size: large;">Personalization Is Behavior-Driven</u></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">Created <b>Visitor Groups</b> based on user actions—like viewing ≥3 Italian recipes. </span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">These groups personalize teaser blocks on the Start Page.<u></u><u></u></span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-family: verdana;"><b><span style="font-size: 11pt;">Key Insight:</span></b><span style="font-size: 11pt;"><br />Don’t hardcode taste profiles. Let behavior shape personalization. </span></span></p><p class="MsoNormal" style="background-color: white; color: #222222; font-size: small; margin: 0px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Store profiles and map them to rules.</span></span></p></div><h2 style="text-align: left;"><u style="color: #222222; font-family: verdana; font-size: medium;">What We Learned</u></h2><div><p class="MsoNormal" style="background-color: white; margin: 0px;"><span style="color: #222222; font-size: 11pt;"><span style="font-family: verdana;">Here’s what this modeling journey taught us:<u></u><u></u></span></span></p><ul style="background-color: white; color: #222222; font-size: small; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Content modeling is strategic—it shapes UX, personalization, and scalability.<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Hybrid modeling works best: top-down for structure, bottom-up for adaptability.<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Taxonomy, blocks, and media types must be modeled with intent.<u></u><u></u></span></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-size: 11pt;"><span style="font-family: verdana;">Search and personalization should be part of the modeling conversation from day one.</span><span style="font-family: Arial, Helvetica, sans-serif;"><u></u><u></u></span></span></li></ul></div><h2 style="text-align: left;"><span style="font-family: verdana;">Watch the Full Episode</span></h2><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="413" src="https://www.youtube.com/embed/AMBj4wazRG8" width="497" youtube-src-id="AMBj4wazRG8"></iframe></div><br /><span style="font-family: verdana;"><br /></span></div>2025-09-14T19:04:00.0000000ZBlog post Optimizely Opal : Reimagining A Utility Sector Use Case<p><span style="font-family: verdana;"> </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgW0PjWVPifVKdQWmmYkCvqs9udOHrHpmjDec_DTxWRdaXScYfIhc_kez9jJRZhP8UUGKlcMgU3E2r7CEAbqRZHj387Xl7pg3XWoeyUlO2x0b4L9pke9ApJWSAS7wLOGl2e2kt-pEOIDDYZ2G6-slAPT0w1nzBAGs2ti8Q_Y6qRhgvIz0KVWJsLKv0E0/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: verdana;"><img border="0" data-original-height="1260" data-original-width="2240" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgW0PjWVPifVKdQWmmYkCvqs9udOHrHpmjDec_DTxWRdaXScYfIhc_kez9jJRZhP8UUGKlcMgU3E2r7CEAbqRZHj387Xl7pg3XWoeyUlO2x0b4L9pke9ApJWSAS7wLOGl2e2kt-pEOIDDYZ2G6-slAPT0w1nzBAGs2ti8Q_Y6qRhgvIz0KVWJsLKv0E0/w530-h298/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" width="530" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: verdana;"><br /></span></div><h2 style="clear: both; text-align: left;"><span style="font-family: verdana;">Introduction</span></h2><div><span style="font-family: verdana;">Customer engagement through timely and personalized push notifications plays a crucial role in todays Digital First landscape. In this post we explore how to r</span><span style="font-family: verdana;">eimagine such a real world use case in utility sector with Opal AI</span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Context</span></h2><div><span style="font-family: verdana;">The Client is a leading utility provider and has developed a mobile application that enables customers to Pay Bills, Submit Meter readings, Set up Direct Debit, View Transaction History. </span></div><div><span style="font-family: verdana;">To Support push notification, the App was integrated with AirShip, a Third part portal for mobile messaging.</span></div><div><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Requirement</span></h2><div><span style="font-family: verdana;">Automate business notification with out manual intervention for each campaign. For eg. payment reminders, Direct Debit changes, Bill generated etc </span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Traditional Solution</span></h2><div><ul style="text-align: left;"><li><span style="font-family: verdana;">Oracle Server (Legacy) : Data store , with limited support JSON /HTTPS connections</span></li><li><span style="font-family: verdana;">Azure SQL DB : Stores user and device data fetched from Airship</span></li><li><span style="font-family: verdana;">Blob Trigger : Ingests Campaign files into Azure SQL</span></li><li><span style="font-family: verdana;">Web Job : Dequeues events and pushes the notifications to Airship</span></li><li><span style="font-family: verdana;">Purge Job: Archive Sent Notifications</span></li></ul></div><div><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Reimagining with OPAL</span></h2><div><span style="font-family: verdana;"><b>Why OPAL ?</b></span></div><div><span style="font-family: verdana;"><br /></span></div><div><p class="MsoNormal" style="background-color: white; color: #222222; margin: 0px;"><span style="font-family: verdana;"><b>Optimizely Opal AI offers:</b><u></u><u></u></span></p><ul style="background-color: white; color: #222222; margin-bottom: 0in; margin-top: 0in;" type="disc"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Intelligent orchestration of content and campaigns<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Real-time personalization<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">AI-driven decisioning and automation</span></li></ul><div><span style="color: #222222; font-family: verdana;"><br /></span></div><p class="MsoNormal" style="background-color: white; color: #222222; margin: 0px;"><b><span style="font-family: verdana;">Reimagined Opal-Based Architecture<u></u><u></u></span></b></p><ol start="1" style="background-color: white; color: #222222; margin-bottom: 0in; margin-top: 0in;" type="1"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;"><b>Event Detection & Segmentation</b><u></u><u></u></span></li><ul style="margin-bottom: 0in; margin-top: 0in;" type="circle"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Opal AI listens to transactional events (e.g., payment due, meter reading submitted).<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Automatically segments users based on behavior, preferences, and engagement history.<u></u><u></u></span></li></ul><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;"><b>Content Generation</b><u></u><u></u></span></li><ul style="margin-bottom: 0in; margin-top: 0in;" type="circle"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">AI generates personalized notification content dynamically.<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Tailors tone, timing, and message format based on user profile.<u></u><u></u></span></li></ul><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;"><b>Campaign Automation</b><u></u><u></u></span></li><ul style="margin-bottom: 0in; margin-top: 0in;" type="circle"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">No manual file generation or blob ingestion.<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Opal AI triggers push notifications via Airship or other integrated channels.<u></u><u></u></span></li></ul><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;"><b>Feedback Loop</b><u></u><u></u></span></li><ul style="margin-bottom: 0in; margin-top: 0in;" type="circle"><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Tracks engagement metrics (opens, clicks, conversions).<u></u><u></u></span></li><li class="MsoNormal" style="margin: 0px 0px 0px 15px;"><span style="font-family: verdana;">Refines future campaigns using reinforcement learning.</span></li></ul></ol></div><h2 style="text-align: left;"><span style="font-family: verdana;">Comparing Traditional VS OPAL Solutions</span></h2><div><table border="1" cellpadding="0" cellspacing="0" class="MsoTable15Grid4Accent1" style="border-collapse: collapse; border: none; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184;">
<tbody><tr>
<td style="background: #4472C4; border-right: none; border: solid #4472C4 1.0pt; mso-background-themecolor: accent1; mso-border-bottom-alt: solid #4472C4 .5pt; mso-border-bottom-themecolor: accent1; mso-border-left-alt: solid #4472C4 .5pt; mso-border-left-themecolor: accent1; mso-border-themecolor: accent1; mso-border-top-alt: solid #4472C4 .5pt; mso-border-top-themecolor: accent1; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 5;"><b><span style="color: white; mso-themecolor: background1;"><span style="font-family: verdana;">Aspect<o:p></o:p></span></span></b></p>
</td>
<td style="background: #4472C4; border-bottom: solid #4472C4 1.0pt; border-left: none; border-right: none; border-top: solid #4472C4 1.0pt; mso-background-themecolor: accent1; mso-border-bottom-alt: solid #4472C4 .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themecolor: accent1; mso-border-top-alt: solid #4472C4 .5pt; mso-border-top-themecolor: accent1; mso-border-top-themecolor: accent1; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 1;"><b><span style="color: white; mso-themecolor: background1;"><span style="font-family: verdana;">Traditional<o:p></o:p></span></span></b></p>
</td>
<td style="background: #4472C4; border-left: none; border: solid #4472C4 1.0pt; mso-background-themecolor: accent1; mso-border-bottom-alt: solid #4472C4 .5pt; mso-border-bottom-themecolor: accent1; mso-border-right-alt: solid #4472C4 .5pt; mso-border-right-themecolor: accent1; mso-border-themecolor: accent1; mso-border-top-alt: solid #4472C4 .5pt; mso-border-top-themecolor: accent1; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 1;"><b><span style="color: white; mso-themecolor: background1;"><span style="font-family: verdana;">Opal AI<o:p></o:p></span></span></b></p>
</td>
</tr>
<tr>
<td style="background: #D9E2F3; border-top: none; border: solid #8EAADB 1.0pt; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 68;"><b><span style="font-family: verdana;">Notification
Trigger<o:p></o:p></span></b></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">Manual file ingestion<o:p></o:p></span></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">Event-driven,
AI-triggered<o:p></o:p></span></p>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #8EAADB 1.0pt; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 4;"><b><span style="font-family: verdana;">Personalization<o:p></o:p></span></b></p>
</td>
<td style="border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt;"><span style="font-family: verdana;">Static
content<o:p></o:p></span></p>
</td>
<td style="border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt;"><span style="font-family: verdana;">Dynamic,
AI-generated<o:p></o:p></span></p>
</td>
</tr>
<tr>
<td style="background: #D9E2F3; border-top: none; border: solid #8EAADB 1.0pt; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 68;"><b><span style="font-family: verdana;">Infrastructure
Complexity<o:p></o:p></span></b></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">High (Oracle, Azure
SQL, Blob, Web Jobs)<o:p></o:p></span></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">Simplified,
centralized orchestration<o:p></o:p></span></p>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #8EAADB 1.0pt; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 4;"><b><span style="font-family: verdana;">Scalability<o:p></o:p></span></b></p>
</td>
<td style="border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt;"><span style="font-family: verdana;">Limited by
legacy systems<o:p></o:p></span></p>
</td>
<td style="border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt;"><span style="font-family: verdana;">Scalable with
cloud-native AI<o:p></o:p></span></p>
</td>
</tr>
<tr>
<td style="background: #D9E2F3; border-top: none; border: solid #8EAADB 1.0pt; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-themecolor: accent1; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 68;"><b><span style="font-family: verdana;">Campaign Agility<o:p></o:p></span></b></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">Manual coordination<o:p></o:p></span></p>
</td>
<td style="background: #D9E2F3; border-bottom: solid #8EAADB 1.0pt; border-left: none; border-right: solid #8EAADB 1.0pt; border-top: none; mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-alt: solid #8EAADB .5pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #8EAADB .5pt; mso-border-left-themecolor: accent1; mso-border-left-themetint: 153; mso-border-right-themecolor: accent1; mso-border-right-themetint: 153; mso-border-themecolor: accent1; mso-border-themetint: 153; mso-border-top-alt: solid #8EAADB .5pt; mso-border-top-themecolor: accent1; mso-border-top-themetint: 153; padding: 0in 5.4pt 0in 5.4pt;" valign="top">
<p class="MsoNormal" style="line-height: 115%; margin-bottom: 8.0pt; mso-yfti-cnfc: 64;"><span style="font-family: verdana;">Automated, real-time</span><o:p></o:p></p>
</td>
</tr>
</tbody></table></div><div><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Conclusion</span></h2><div style="text-align: left;"><span style="background-color: white; color: #222222; font-weight: 400;"><span style="font-family: verdana;">While the traditional solution fulfilled the client’s immediate needs, it involved multiple moving parts, legacy constraints, and manual effort.</span></span></div><div style="text-align: left;"><span style="background-color: white; color: #222222; font-weight: 400;"><span style="font-family: verdana;"><br /></span></span></div><div style="text-align: left;"><span style="background-color: white; color: #222222;"><span style="font-family: verdana;">By reimagining such solutions with Opal AI, organizations can unlock smarter customer engagement and drive better outcomes with less effort.</span></span></div><div><span style="font-family: verdana;"><br /></span></div><br />2025-09-12T15:54:00.0000000ZBlog post Create a Simple home page in Optimizely CMS<p><span style="font-family: verdana;"> </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1l1hMgfxG1TxFBifYoeaKWggMNWAK-HZqkyERj0cDtP-yysKznbaaW_kUc1uPOZt3FNTtZVETUHpARX8yaWr-KSJa8QLgTOksPS1X94duOvIcGJz2mLMMNZcHO0Hw5hl7cmSdRWCTgLmbz8aYxPrSWropU4Z6xD24AIE_ZxOv0aQsWaqtN6FD-mDz_3g/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner.png" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: verdana;"><img border="0" data-original-height="1260" data-original-width="2240" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1l1hMgfxG1TxFBifYoeaKWggMNWAK-HZqkyERj0cDtP-yysKznbaaW_kUc1uPOZt3FNTtZVETUHpARX8yaWr-KSJa8QLgTOksPS1X94duOvIcGJz2mLMMNZcHO0Hw5hl7cmSdRWCTgLmbz8aYxPrSWropU4Z6xD24AIE_ZxOv0aQsWaqtN6FD-mDz_3g/w592-h334/Optimizely_CMS_Tech_Trails_Ratish_Banner.png" width="592" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: verdana;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: verdana;"><br /></span></div><h2 style="text-align: left;"><span style="font-family: verdana;">Introduction</span></h2><p class="MsoNormal"><span style="font-family: verdana;">In this blog post, I will walk you through a step by step
process to create a very basic home page on a Optimizley CMS Empty site. This
is part of the “Learning by Doing: Build series” where we build a fictional
website from scratch to focus on hands on learning and gain practical insights.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: verdana;">If you prefer a video, please check out <a href="https://www.youtube.com/watch?v=P4FV0nqfV0Q" target="_blank">Optimizely CMS - Learning by Doing : EP02</a>.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><br /></span></p><h3 style="text-align: left;"><span style="font-family: verdana;">Step 1: Create Empty Website</span></h3><p class="MsoNormal"><span style="font-family: verdana;">Create a project using Optimizley CMS Empty Template<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shapetype
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1031" type="#_x0000_t75" style='width:468pt;
height:266.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="355" src="https://blogger.googleusercontent.com/img/a/AVvXsEjgtXeqoX_xtU0huzduDDysLr8APXm8rpVyTbCWoPqmlXy1TMz2LMsVZh2a2aWNXevrjZuSJ70yFa072W63wb4bDK_zAllTvPtwF4VZrW8ojzH4mDvIZX70sF3BBeqJ2yIK_6bMCffQRk3i79q4285wdec_10309Rml9oFxe8F7VJsiwfftDVwb7RCHPEc" v:shapes="_x0000_i1031" width="624" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><o:p><span style="font-family: verdana;"> </span></o:p></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1030" type="#_x0000_t75" style='width:468pt;height:265pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image003.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="353" src="https://blogger.googleusercontent.com/img/a/AVvXsEjwRKK8gRyZ1LlsTlS1AqTBEHrqobyuWH_3b8PrNNRhdA7iFyBzU_gdB6bHsM7Y6WeYhbFvwy1TF9Jz0mYEAEqe4v5dX9IkA0r4ILC0kc0u5HEi_Y0HZfQJ2ifc5NYVarwvEtSKlYHnfn-ccK6uBGDH9225A50MshUGEu0VR4e4WR0uioKD0b57CUTcD18" v:shapes="_x0000_i1030" width="624" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1029" type="#_x0000_t75" style='width:467.5pt;height:227pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image005.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="303" src="https://blogger.googleusercontent.com/img/a/AVvXsEjktP0izJnSfn78RC_B6nX3l4uMY7Miz6ywjvZFZg91GJg2b07ZsmxRZoNOcHjOaO7ej5rsyiFR2JfDEOMoiWbcyZHG1iamdFoUjE7fmBDm1QRYqtpBKM-HSKJSZymlYNTB84MRtXpUwLEZ705xwc591S3ygj6Fa9i4HMxcKQm4iPQ5IyNZn48wpa7-mQQ" v:shapes="_x0000_i1029" width="623" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><o:p><span style="font-family: verdana;"> </span></o:p></p><p class="MsoNormal"><span style="font-family: verdana;">Build and Run<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1028" type="#_x0000_t75" style='width:467.5pt;height:243.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image007.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="325" src="https://blogger.googleusercontent.com/img/a/AVvXsEhNRcSLzSP-neAQ2I1_t7d3T1WE-2sZmIxcPnN1GF0HPKEm13p7hHUKUSAEJi5kxNbcE7l0tOyQ_7zgmqcFs4WvtLkrji-tf0OjtURsdSNWHebnS2eFsPEcv_Y9fHn4Dlk2SyIBmayiNkqu5KxOIhDVBiHQDQy47BZ5B2tygh3kpUxrCw12VqCkxFXTv7Q" v:shapes="_x0000_i1028" width="623" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><o:p><span style="font-family: verdana;"> </span></o:p></p><p class="MsoNormal"><span style="font-family: verdana;">Set up administrator account<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1027" type="#_x0000_t75" style='width:468pt;height:226.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image009.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="302" src="https://blogger.googleusercontent.com/img/a/AVvXsEgjFpxF6YGrQaQtTRIMacqm4o9Tryd3BNG71ktY9Q9o61uD9yv78Yqo1IHNR_7psaiefkUsrfBsJD_75dFMHScsTXnr2QJdU_jFY6oy4S2gbiGmI1tKZpxxmd57Gs-O3e4abwZnMPUGLO5PL7eMqraWOqsQLRR02yky76cb57yz3-LO0Te1hIfjxLdtMQk" v:shapes="_x0000_i1027" width="624" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;">You will be redirected to home page but since the home page
is not yet set up, 404 error is displayed<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1026" type="#_x0000_t75" style='width:468pt;height:226.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image011.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="302" src="https://blogger.googleusercontent.com/img/a/AVvXsEir6B24WdWphRkYHMd67dTcuxAT-4RoyFiuy8SF-TAO6eibVu9egJ3q1wrOQmglxfDh7g9_LMVk9-C0yfdlDC1xvSitW5yptq8z3C23WR0JvLCkyzFgZ0dtXE9rqXl5WoMVATbi3LVgN8NNk6vy6KE44uCT76HnORglBMeQeNfcB4_Pc5gfEyeVh6X_RXI" v:shapes="_x0000_i1026" width="624" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;">Verify if you are able to login to admin / CMS interface by
navigating to localhost:5000/EPiServer/CMS<o:p></o:p></span></p><p class="MsoNormal">
</p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="Picture_x0020_1" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:468.5pt;
height:229pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image013.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="305" src="https://blogger.googleusercontent.com/img/a/AVvXsEjsTJo3yr0pjARJ0I29vpdq7T2xopfXVC-le9mrlBISI-Zi8AqbgTFqncOv-zcUKpnXSGowPDiAiGOLevHVQB7-aj80_BOO2AQKdRDu_vfDFsOtNtBmD4_89o9C1pGcxx9_GHAwV29Hesa5FtPPk8xBeGxjVoldLpB_LBQm1NWHQBjnUUr3PwX0HlZ4HmQ" v:shapes="Picture_x0020_1" width="625" /><!--[endif]--><o:p></o:p></span></p><h3 style="text-align: left;"><span style="font-family: verdana;">Step 2: Create Models</span></h3><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
Base Page Type (SitePageData.cs)<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l1 level2 lfo1; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Base
class for all the pages to inherit common properties like SEO<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shapetype
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1038" type="#_x0000_t75" style='width:468.5pt;
height:215.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="287" src="https://blogger.googleusercontent.com/img/a/AVvXsEj7aw9o-pdJlej5ki849Y2JiQJKe5L08K8Jn1WBjvUv54mFb5jWcDFuI0IFP7nCL5yBRqBTQ3Gyg9ngfxgKiaQfTjByjr4s4mQQaDIvLCHxkOsgayA_XzuivdaAG0Lww_5sXDF0W04OiUZAdW3XCeoMkvgm9UFaZXxVanYiznUeGTfbkZjfepni1wk9ADs" v:shapes="_x0000_i1038" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
Start Page Type (StartPage.cs) <o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l1 level2 lfo1; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->This
will be the homepage content type<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1037" type="#_x0000_t75" style='width:468.5pt;height:215.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image003.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="287" src="https://blogger.googleusercontent.com/img/a/AVvXsEjrUlSwO3XMIgV8BYNxdnEOd_Hn2eWovWZ8JSP-Y7oKkCu1scL-J55P1sYSNl5b8ZgpiFMSSKXdUj_qwb4N6vkgWWChAYxIt8CVypCuuMni_6NLkx0KrgH6g_iLyPjcuDt1iTFN_MTYPbejxrWItoTSaJFOTun7H0rAimEM_KOI0yV0sxqHCmbv2eXLh78" v:shapes="_x0000_i1037" width="625" /><!--[endif]--><o:p></o:p></span></p><h3 style="text-align: left;"><span style="font-family: verdana;">Step 3: Create Controller</span></h3><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l0 level1 lfo2; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
StartPageController.cs<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l0 level1 lfo2; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Use
MVC to render the page , Use EpiServer <span style="mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">à</span>
Core <span style="mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">à</span> Page
Controller and pass the StartPage Model from controller to view for rendering <o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1036" type="#_x0000_t75" style='width:467.5pt;height:198.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image005.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="265" src="https://blogger.googleusercontent.com/img/a/AVvXsEi33wyQOOw1U8uO7qpFZuvkGsdTQ6mOEUU_pu1O1Hda8jhyenr_4MpRsW2E4C1n1Qb-0O_n3MPUsOwMcQL1kX7ZKQpl5fckxpe9sIU53rC31qV9ZRGdTKcvjKl6k4Rgb1Ic8hrJIPRITxwbzckeyv0pVRiQSxFSnDUlzWEFTrjLHtHSBYt7H9VUc9BWc5Q" v:shapes="_x0000_i1036" width="623" /><!--[endif]--><o:p></o:p></span></p><h3 style="text-align: left;"><span style="font-family: verdana;">Step 4 : Create Layout & Page Views</span></h3><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l2 level1 lfo3; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
a _Layout.cshml<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1035" type="#_x0000_t75" style='width:468.5pt;height:198.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image007.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="265" src="https://blogger.googleusercontent.com/img/a/AVvXsEgl2A2xzhHkaEalyuWn6pb69gzJ3vuQN-zyV2JoTve1k_gbVgIZMtq5_rDR-N3yDEKZeH2qAQ8C2I17A8Q2sMC6oeC41K8plocjKkR1fe0v12p_vtXANTeNQZUZosbWqgGZ0wStzknOgnnmwIkqLwCfp7Sj_WSdNzl0V-_jlrgHteFQYF6vtcWqjdCY5M4" v:shapes="_x0000_i1035" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l2 level1 lfo3; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
the Razor view for Home page<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1034" type="#_x0000_t75" style='width:468.5pt;height:255.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image009.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="341" src="https://blogger.googleusercontent.com/img/a/AVvXsEjQTqi-2k3KADLr9Gd9PUmvZ6Pk-wxQ0FJziErP4_ASyuScdOSlWQkjNwUI4tsgsHUu1NjwddhtQSMDRymw0-R4nOfI2rrxwhbNWwlvanLyKXVaPli509hgXd91u--5WUEnAJEGH6ImDSWNxEHTHptGYkmSS1XXZdjGdJp8Mg1DFBAVB53Eb1XTu4mJ3zo" v:shapes="_x0000_i1034" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l2 level1 lfo3; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Setup
_viewstart.cshtml<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1033" type="#_x0000_t75" style='width:467.5pt;height:181pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image011.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="241" src="https://blogger.googleusercontent.com/img/a/AVvXsEhhMiJyi_ccc8-2uzwVJNU8JlYY9c2DXk0GEb7LNBuvUQxh9g7xYk4LPEIfcQe0jS_zlm7zRvjxUSaLDxkWk-3Aox4gJA7XmmI2I7HsqtGoqxNFL0tmWxLL-pUA0mz2aBv_Bx4qyYOd6wSaMBTVh94_t5hvjgTgtZbAo_iX2-LHXvGyzuxj5GzmxO6tSIk" v:shapes="_x0000_i1033" width="623" /><!--[endif]--><o:p></o:p></span></p><h3 style="text-align: left;"><span style="font-family: verdana;">Step 5: Create Page in CMS</span></h3><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l3 level1 lfo4; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Verify
the Page type in CMS </span><span style="font-family: verdana;">--></span><span style="font-family: verdana; text-indent: -0.25in;"> Edit</span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1032" type="#_x0000_t75" style='width:468.5pt;height:224.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image013.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="299" src="https://blogger.googleusercontent.com/img/a/AVvXsEiikxO1zkz15pTTj28-UqdSUow2FaLXELeodfCuQUo5eoscgt1G6BNSpDZxhUbMIW5VEFNIpaPFBOgBH43_VPhUZeIO2rB8fzIiYkUZsldzRii71iVQ6oikQUcuUkoBlef_wcp_FivYXM2LtI2HXd7uzq0azvKqJ1QzQcC0hI1C89pqD3AZNhShWBm7dlQ" v:shapes="_x0000_i1032" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l3 level1 lfo4; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
Page in CMS<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Build
and Run the Website<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Go
to Admin </span><span style="font-family: verdana;">--></span><span style="font-family: verdana;"> CMS </span><span style="font-family: verdana;">--></span><span style="font-family: verdana;"> Edit<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
a new Page using StartPage Type under Root<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in;"><o:p><span style="font-family: verdana;"> </span></o:p></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1031" type="#_x0000_t75" style='width:467.5pt;height:212pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image015.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="283" src="https://blogger.googleusercontent.com/img/a/AVvXsEhobqTFFbo5Hg2PVSe2w7aGr6Xse1yNgeo52Wj7iDHyg9jzG0PSc8K38jgDWW0Oe26bGEi2HDBo_6Tvv2vtvd2PG3YFIkK43vebGKArZ6Uh7IfkX3ZfkkYhQWiENmeZxjgGRUAMdZ9n6GVXO98gN2pIlDwmYj4zsYkSJP9YSWDvA21UZ4_dK7hrs8KvHM4" v:shapes="_x0000_i1031" width="623" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal"><o:p><span style="font-family: verdana;"> </span></o:p></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1030" type="#_x0000_t75" style='width:468.5pt;height:227.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image017.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="303" src="https://blogger.googleusercontent.com/img/a/AVvXsEgPcMomUg446yt9ozizzKLrDI12nQFJGSZmiyzRX_fwxEZ7dK_xMTagRN3ZT2Z_OrX0BTIDfqejP51K6YQLgNtfl7mrszJ6zu_Rp1ePo93qKpSFgkvnBPwP5L9_sE5HEq_iOuC9L4AKXumIxddCOVpgzXwo_ExytUNM5_-aWydt2DdLd1liRHnsLXMHdAM" v:shapes="_x0000_i1030" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Fill
in Site Title and description <o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1029" type="#_x0000_t75" style='width:467.5pt;height:225pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image019.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="300" src="https://blogger.googleusercontent.com/img/a/AVvXsEjz-pWNma761J8iyASTApysw-PJo1Ioj4qmAWZh8ISV0VK2nBu7fyTOM3-Qpu2bfhYAlyTMWz3ZM3UiDTKFegkqpAGp9DwXTIGqqUOwIVaGczqEbmgk_viETYUFXYRN1yxVA8VJDNBmi3kAq4RrRBfNTOs54XoX_GpoYrKGRE8x9uTRYXMvt6HR22-YKws" v:shapes="_x0000_i1029" width="623" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Publish
the Page <o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1028" type="#_x0000_t75" style='width:468.5pt;height:224.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image021.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="299" src="https://blogger.googleusercontent.com/img/a/AVvXsEjZcuWsj9r-u_LVP6EnmbWcQ-Vjloncxv0beu7PJ5bnuuOi1YYnghhinoZ_rzzqXnj21kAF9-emYghyb_SmcmXOuAnCReZpV66V_yrBYNg8XMzEn-obWmAZ1cRxMXIyAbe3oKPV6rnMnZw74QJEnB5EDHVieY3tkkNeDCMR20qKHjD_bUJKo6vo7HacTg0" v:shapes="_x0000_i1028" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l3 level1 lfo4; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Setting </span><span style="font-family: verdana;">--></span><span style="font-family: verdana;">Manage Website<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Go
to Settings </span><span style="font-family: verdana;">--></span><span style="font-family: verdana;"> Mange Website<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Fill
in Name, URL, Start Page as Root/StartPage<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Create
Site<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1027" type="#_x0000_t75" style='width:467.5pt;height:223.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image023.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="298" src="https://blogger.googleusercontent.com/img/a/AVvXsEhCZr2SLZ5q4JV1xvTSgF9LAbMIP4-QtyPuO6yN-B6FqlCXEx7zmcQcdMGvVZgD3Hf8JsDBP9tGCHACqfM9Upu5CL1LTyW6nHRgxCEArXaf8n1NQqzUG0XoXfH7WrvX97tUE5B6NIKwhaCuCLNCn1ZMwHnin2NgM4Jahd3dT28-WsYHCoYRKGm4GMt9KYo" v:shapes="_x0000_i1027" width="623" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 0.5in; mso-list: l3 level1 lfo4; tab-stops: list .5in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Update
StartPage Type GUID in Code<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Go
to Settings --> Content Type <o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->StartPage
should be listed , click on Start Page <span style="mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">à</span>
Details<o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Copy
the GUID<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="_x0000_i1026" type="#_x0000_t75" style='width:468pt;height:220.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image025.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="294" src="https://blogger.googleusercontent.com/img/a/AVvXsEhtXmN7fsK3nG3Kin2wKCecpd_ZULFtqK12GMja14xlfuZl-FF6bmdVvUCFiVrMe5D3i6VhfxuckkhV0urIUcNjAKtnDY4IMPeiGPbU55b--HPKPviK0lhAmajuM757GCtD8p8V04zAB2hxwDNQJD2G9SB7Rxh4Ctmaf6XW4kxUSOOdpPSGV_6AFcTY6gE" v:shapes="_x0000_i1026" width="624" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Update
StartPage model with the GUID<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;"><!--[if gte vml 1]><v:shape
id="Picture_x0020_1" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:468.5pt;
height:228.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:/Users/DELL/AppData/Local/Temp/msohtmlclip1/01/clip_image027.png"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><img height="305" src="https://blogger.googleusercontent.com/img/a/AVvXsEhyc0h7PA-OYU3K9hpCPFccuEiWQcxitdpCL2swpNAUuvV02yNjsqV1G47EFiX0lHeEg3AhrY2iEVlR2bfEtJQVjlz7KAUl7UDkBxbQaGgj_jaApWeQ7WnxaYsjKG_H-1nWV2WEeO_8kJkPpZsNlQLjV6DZUqTqt3q-_KHQOnF-0BkS-NAq350szpnmkN0" v:shapes="Picture_x0020_1" width="625" /><!--[endif]--><o:p></o:p></span></p><p class="MsoNormal" style="margin-left: 1in; mso-list: l3 level2 lfo4; tab-stops: list 1.0in; text-indent: -0.25in;"><span style="font-family: verdana;"><!--[if !supportLists]--><span style="mso-fareast-font-family: "Times New Roman";">•<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-emoji: normal; font-variant-numeric: normal; font-variant-position: normal; font-variation-settings: normal; line-height: normal;"> </span></span><!--[endif]-->Build
and Run again<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;">Watch the Full Video<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family: verdana;">
</span></p><p class="MsoNormal"><span style="font-family: verdana;">Prefer watching? Here is the full walkthrough on YouTube</span></p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="345" src="https://www.youtube.com/embed/P4FV0nqfV0Q" width="507" youtube-src-id="P4FV0nqfV0Q"></iframe></div><br /><span style="font-family: verdana;"><br /></span>2025-09-07T23:15:00.0000000ZBlog post Demystifying Optimizely Synchronization<p> </p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: helvetica;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wrl-I8OF-2v7Y6YqB72u9TNBeSLXgcSMl4GeWIvVgFTcD4XUadWpqOhE7ybk01YE5yFIDIOX3YZ_zzq-oeNkZP3YSbaFZ1URHkCdqY139lf7mHDqnIXnF0aCYQGCS8dkx8AHsTsM3s2JmHfK_gi3P9_GIULov5NFar2wV1H5V6H088ipnvtRsW2Mp2Y/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="329" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wrl-I8OF-2v7Y6YqB72u9TNBeSLXgcSMl4GeWIvVgFTcD4XUadWpqOhE7ybk01YE5yFIDIOX3YZ_zzq-oeNkZP3YSbaFZ1URHkCdqY139lf7mHDqnIXnF0aCYQGCS8dkx8AHsTsM3s2JmHfK_gi3P9_GIULov5NFar2wV1H5V6H088ipnvtRsW2Mp2Y/w586-h329/Optimizely_CMS_Tech_Trails_Ratish_Banner.png" width="586" /></a></span></div><span style="font-family: helvetica;"><br />If you have ever wondered how basic information (like GUID)
from the ContentType created using Optimizely Admin view and the properties
from the code come together seamlessly to provide the content type. Let us
unbox and find out the process of prefect harmony <span style="mso-spacerun: yes;"> </span><o:p></o:p></span>
<p class="MsoNormal"><span style="font-family: helvetica;"><b>What is Synchronization?<o:p></o:p></b></span></p>
<p class="MsoNormal"><span style="font-family: helvetica;">As soon as the Optimizely website starts, it scans all the
assemblies and looks for classes decorated with [ContentType] and properties
[Display] or [Property]. Once the scan is complete, it compares these with the
content types defined in the database and synchronizes based on one of the
seven use cases as mentioned below.</span><o:p></o:p></p><p class="MsoNormal"><span style="font-family: helvetica;"><b>Key 7 Use cases : </b></span></p>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTable15Grid4Accent5" style="border-collapse: collapse; border: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-table-layout-alt: fixed; mso-yfti-tbllook: 1184; width: 690px;">
<tbody><tr style="mso-yfti-firstrow: yes; mso-yfti-irow: -1; mso-yfti-lastfirstrow: yes;">
<td style="background: rgb(91, 155, 213); border-right: none; border: 1pt solid rgb(91, 155, 213); mso-background-themecolor: accent5; mso-border-bottom-alt: solid #5B9BD5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-left-alt: solid #5B9BD5 .5pt; mso-border-left-themecolor: accent5; mso-border-themecolor: accent5; mso-border-top-alt: solid #5B9BD5 .5pt; mso-border-top-themecolor: accent5; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 5; text-align: center;"><b><span style="color: white; font-family: helvetica; mso-themecolor: background1;">#<o:p></o:p></span></b></p>
</td>
<td style="background: rgb(91, 155, 213); border-bottom: 1pt solid rgb(91, 155, 213); border-left: none; border-right: none; border-top: 1pt solid rgb(91, 155, 213); mso-background-themecolor: accent5; mso-border-bottom-alt: solid #5B9BD5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-top-alt: solid #5B9BD5 .5pt; mso-border-top-themecolor: accent5; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 1;"><b><span style="color: white; font-family: helvetica; mso-themecolor: background1;">Use Case<o:p></o:p></span></b></p>
</td>
<td style="background: rgb(91, 155, 213); border-bottom: 1pt solid rgb(91, 155, 213); border-left: none; border-right: none; border-top: 1pt solid rgb(91, 155, 213); mso-background-themecolor: accent5; mso-border-bottom-alt: solid #5B9BD5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-top-alt: solid #5B9BD5 .5pt; mso-border-top-themecolor: accent5; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 1;"><b><span style="color: white; font-family: helvetica; mso-themecolor: background1;">Pre-Condition<o:p></o:p></span></b></p>
</td>
<td style="background: rgb(91, 155, 213); border-left: none; border: 1pt solid rgb(91, 155, 213); mso-background-themecolor: accent5; mso-border-bottom-alt: solid #5B9BD5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-right-alt: solid #5B9BD5 .5pt; mso-border-right-themecolor: accent5; mso-border-themecolor: accent5; mso-border-top-alt: solid #5B9BD5 .5pt; mso-border-top-themecolor: accent5; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 1;"><b><span style="color: white; font-family: helvetica; mso-themecolor: background1;">Sync Process<o:p></o:p></span></b></p>
</td>
</tr>
<tr style="mso-yfti-irow: 0;">
<td style="background: rgb(222, 234, 246); border-top: none; border: 1pt solid rgb(156, 194, 229); mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 68; text-align: center;"><b><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">1</span><o:p></o:p></span></b></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">New Content Type</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">A new Class with [ContentType]
is added to the code</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l1 level1 lfo1; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Creates
content type in DB </span><o:p></o:p></span></p>
<p class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l1 level1 lfo1; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Properties
are added to DB</span><o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 1;">
<td style="border-top: none; border: 1pt solid rgb(156, 194, 229); mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 4; text-align: center;"><b><span style="font-family: helvetica;">2<o:p></o:p></span></b></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">Update Content
Type<o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">A new
property is added existing ContentType class <o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">Properties
are added to DB<o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 2;">
<td style="background: rgb(222, 234, 246); border-top: none; border: 1pt solid rgb(156, 194, 229); mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 68; text-align: center;"><b><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">3</span><o:p></o:p></span></b></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">Identical Content Type</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">No changes in code</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l0 level1 lfo2; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Skips
DB update</span><o:p></o:p></span></p>
<p class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l0 level1 lfo2; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Merge
setting for runtime cache</span><o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 3;">
<td style="border-top: none; border: 1pt solid rgb(156, 194, 229); mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 4; text-align: center;"><b><span style="font-family: helvetica;">4<o:p></o:p></span></b></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">Rename Property<o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">A property in
existing class is renamed<o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">Treated as
new property, Old values are not migrated.<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">If old values
are required then Migration step has to be used<o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 4;">
<td style="background: rgb(222, 234, 246); border-top: none; border: 1pt solid rgb(156, 194, 229); mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 68; text-align: center;"><b><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">5</span><o:p></o:p></span></b></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">Deleted Content Type</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">Remove a Content Type
class</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">If no instances exist
then DB entry is also deleted.</span><o:p></o:p></span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">However, if there is any
instance then the DB entry stays.</span><o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 5;">
<td style="border-top: none; border: 1pt solid rgb(156, 194, 229); mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 4; text-align: center;"><b><span style="font-family: helvetica;">6<o:p></o:p></span></b></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">Commit Disabled
<o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in;"><span style="font-family: helvetica;">ContentModelOptions.EnableModelSyncCommit
is set to false<o:p></o:p></span></p>
</td>
<td style="border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l4 level1 lfo3; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->No automatic database writes during start up. <o:p></o:p></span></p>
<p class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l4 level1 lfo3; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->Synchronize button in CMS to be used to sync /
commit manually. <o:p></o:p></span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 6; mso-yfti-lastrow: yes;">
<td style="background: rgb(222, 234, 246); border-top: none; border: 1pt solid rgb(156, 194, 229); mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 20.3pt;" valign="top" width="27">
<p align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 68; text-align: center;"><b><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">7</span><o:p></o:p></span></b></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 96.75pt;" valign="top" width="129">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">Merge Setting</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 224.7pt;" valign="top" width="300">
<p class="MsoNormal" style="line-height: normal; margin-bottom: 0in; mso-yfti-cnfc: 64;"><span style="font-family: helvetica;"><span style="color: black; mso-color-alt: windowtext;">Admin changes display
name in CMS</span><o:p></o:p></span></p>
</td>
<td style="background: rgb(222, 234, 246); border-bottom: 1pt solid rgb(156, 194, 229); border-left: none; border-right: 1pt solid rgb(156, 194, 229); border-top: none; mso-background-themecolor: accent5; mso-background-themetint: 51; mso-border-alt: solid #9CC2E5 .5pt; mso-border-bottom-themecolor: accent5; mso-border-bottom-themetint: 153; mso-border-left-alt: solid #9CC2E5 .5pt; mso-border-left-themecolor: accent5; mso-border-left-themetint: 153; mso-border-right-themecolor: accent5; mso-border-right-themetint: 153; mso-border-themecolor: accent5; mso-border-themetint: 153; mso-border-top-alt: solid #9CC2E5 .5pt; mso-border-top-themecolor: accent5; mso-border-top-themetint: 153; padding: 0in 5.4pt; width: 175.5pt;" valign="top" width="234">
<p class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l3 level1 lfo4; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Admin
changes take precedence; hence database values override Code setting at run
time.</span><o:p></o:p></span></p>
<p class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0in; margin-left: .25in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0in 0.25in; mso-add-space: auto; mso-list: l3 level1 lfo4; mso-yfti-cnfc: 64; text-indent: -0.25in;"><span style="font-family: helvetica;"><!--[if !supportLists]--><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="color: black; mso-color-alt: windowtext;">Revert
to Default option can restore it to values defined in code</span><o:p></o:p></span></p>
</td>
</tr>
</tbody></table>
<p class="MsoNormal"><o:p><span style="font-family: helvetica;"> </span></o:p></p>
<p class="MsoNormal"><o:p><span style="font-family: helvetica;"> </span></o:p></p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4f_jy9QCi82Eo9cMLM0aPwPzf4iX2OxQviKDSYBDWiO0NNF8gjVMYRh_H03PeCeUUed8uNVfRCVH0ICzzgarzrYyrV4SDFNkBO_P78UWxEVoEJjk56vQvz5VcL5VTZUuyRe4Tzs-hOc4SKSsQbj0yuk_6bLZ6KTrlU1DX8hQ50paDGG226p8MbP6Pgw/s1649/Synchronization.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1066" data-original-width="1649" height="434" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4f_jy9QCi82Eo9cMLM0aPwPzf4iX2OxQviKDSYBDWiO0NNF8gjVMYRh_H03PeCeUUed8uNVfRCVH0ICzzgarzrYyrV4SDFNkBO_P78UWxEVoEJjk56vQvz5VcL5VTZUuyRe4Tzs-hOc4SKSsQbj0yuk_6bLZ6KTrlU1DX8hQ50paDGG226p8MbP6Pgw/w672-h434/Synchronization.jpg" width="672" /></a></div><br /><p class="MsoNormal"><br /></p>
<p class="MsoNormal"><o:p><span style="font-family: helvetica;"> </span></o:p></p>
<p class="MsoNormal"><span style="font-family: helvetica;"><b><u>Import things to remember: </u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;"><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->Never change the GUID after deployment </span></li><li><span style="font-family: helvetica;"><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->Renaming properties causes data loss, explicit migration is
required if the old values have to be restored</span></li><li><span style="font-family: helvetica;"><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->Admin changes always take precedence </span></li><li><span style="font-family: helvetica;"><span style="mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-feature-settings: normal; font-kerning: auto; font-optical-sizing: auto; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-variation-settings: normal; font-weight: normal; line-height: normal;">
</span></span></span><!--[endif]-->Avoid downgrades as older assemblies will not
overwrite newer DB definition </span></li></ul>
2025-09-01T01:28:00.0000000ZBlog post Optimizely CMS : Overview of the Architecture <div class="separator" style="clear: both; text-align: center;"><span style="font-family: helvetica;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaP1nhgwltViVGNYrhVZ1QYbO0W5wX2GK8RszQbz3eEu7tu8MKCtfA_hLYYj598T4X6FNKJyQJwkRN4Pqj2UC-obFs4A1T35XuIcYXDlpgqQY3vRRr-0l_7mG32KhJBYqkXoB2lG3pfCrZitxciqRtouz9hw7Pqf2q2o1uoeF-No9mQAPJYkOM4GNNY7w/s2240/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1260" data-original-width="2240" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaP1nhgwltViVGNYrhVZ1QYbO0W5wX2GK8RszQbz3eEu7tu8MKCtfA_hLYYj598T4X6FNKJyQJwkRN4Pqj2UC-obFs4A1T35XuIcYXDlpgqQY3vRRr-0l_7mG32KhJBYqkXoB2lG3pfCrZitxciqRtouz9hw7Pqf2q2o1uoeF-No9mQAPJYkOM4GNNY7w/w600-h336/Optimizely_CMS_Tech_Trails_Ratish_Banner_2.png" width="600" /></a></span></div><span style="font-family: helvetica;"><br /><b><br /><br />Optimizely </b>is considered one of the top digital experience
platforms. </span><p><span style="font-family: helvetica;">In this blog, let us break
down the architecture of Optimizely CMS, which is the core of the Optimizely
DXP stack.</span></p>
<p class="MsoNormal"><span style="font-family: helvetica;">This <b>quick 3-minute read</b> offers a concise glimpse into the
layered architecture of Optimizely CMS.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: helvetica;">Optimizely CMS architecture can be visualized as layered
architecture which includes the following layers.</span><o:p></o:p></p><p class="MsoNormal"><span style="font-family: helvetica;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiZDht4ng-YWFXyXDRdt9yJi0Rf2cD0xiPS9xbFjolbbxhNDW7bq0vO8bErBVz-2w2TzPQLKrSWMDO_OU2okd_76Xyd_UmfD6ho4UHbhjpAziBkc7t3QccHrkrXNSmH4hMTy1Wi4SzGAYq-I1kwlPiCt2qCsMAw5KNfgaP36iqQmF45bOcswGXO12Ehzcc" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Optimizely CMS Architecture" data-original-height="954" data-original-width="715" height="715" src="https://blogger.googleusercontent.com/img/a/AVvXsEiZDht4ng-YWFXyXDRdt9yJi0Rf2cD0xiPS9xbFjolbbxhNDW7bq0vO8bErBVz-2w2TzPQLKrSWMDO_OU2okd_76Xyd_UmfD6ho4UHbhjpAziBkc7t3QccHrkrXNSmH4hMTy1Wi4SzGAYq-I1kwlPiCt2qCsMAw5KNfgaP36iqQmF45bOcswGXO12Ehzcc=w537-h715" title="Optimizely CMS Architecture" width="537" /></a></span></p><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;"><b><u>Platform & Framework </u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;">The Optimizely CMS is build on ASP
.NET core & hosted using Webservers like IIS, Kestrel OR Cloud environments</span></li><li><span style="font-family: helvetica;">Optimizely CMS Admin UI is built
using JavaScript & DOJO toolkit enabling functionality like drag and drop,
On page editing, responsive panels, custom widgets, plugins etc</span></li></ul>
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;"><b><u>Data</u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;">This layer handles storage and retrieval
of content </span></li><li><span style="font-family: helvetica;">Microsoft SQL Servers stores the
content, Azure SQL is also supported</span></li><li><span style="font-family: helvetica;">Integration to External content
provides great flexibility </span></li></ul>
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;"><b><u>Create</u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;">Playground for the content authors
and marketers </span></li><li><span style="font-family: helvetica;">Offers basic building blocks such
as pages, blocks and assets to facilitate content creation</span></li><li><span style="font-family: helvetica;">The content can be enriched using personalization
</span></li><li><span style="font-family: helvetica;">Workflows, version control, access
rights, publishing and friendly URL enables solid content governance </span></li><li><span style="font-family: helvetica;">Optimizely Editing interfaces is intuitive
thus reduces the learning curve for content authors and marketers </span></li></ul>
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;"><b><u>Deliver</u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;">This layer Supports ASP.NET MVC,
responsive design and dynamic rendering </span></li><li><span style="font-family: helvetica;">It also supports REST and GraphQL services
for headless implementation </span></li></ul>
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;"><b><u>Optimize </u></b><o:p></o:p></span></p>
<ul style="text-align: left;"><li><span style="font-family: helvetica;">This layer tracks engagement, performance
and conversion rates</span></li><li><span style="font-family: helvetica;">Supports A/B testing and help content
authors/marketers refine content based on real user behavior to make the content
evolve and transform in most effective fashion</span></li></ul>
<p class="MsoNormal"><o:p> </o:p></p></div><div class="separator" style="clear: both; text-align: center;">
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;">Optimizely CMS is a powerhouse with great flexibility that
enables creation of exciting digital experiences. Understanding the architecture
will equip us with knowledge to leverage, build and innovate on top of it. <o:p></o:p></span></p>
<p class="MsoNormal" style="text-align: left;"><span style="font-family: helvetica;">Whether you’re a developer or an architect, this breakdown
should spark your interest in learning Optimizely CMS and help you build better
experiences </span><o:p></o:p></p><br /></div>2025-08-29T15:09:00.0000000ZBlog post