{"id":98934,"date":"2025-05-05T09:40:05","date_gmt":"2025-05-05T04:10:05","guid":{"rendered":"https:\/\/cloudfoundation.com\/blog\/?p=98934"},"modified":"2025-05-05T10:34:09","modified_gmt":"2025-05-05T05:04:09","slug":"aem-essential-fields-aem-templates","status":"publish","type":"post","link":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/","title":{"rendered":"AEM Essential Fields | AEM Templates"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Understanding_AEM_Components_and_HTML_Structure\" >Understanding AEM Components and HTML Structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Accessing_Dialogue_Values_in_AEM\" >Accessing Dialogue Values in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Using_Dot_Slash_Notation_in_AEM\" >Using Dot Slash Notation in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Dynamic_UI_Updates_in_AEM\" >Dynamic UI Updates in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Client-Side_Libraries_in_AEM\" >Client-Side Libraries in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Scripting_in_AEM_Using_Sightly\" >Scripting in AEM Using Sightly<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Implementing_Conditional_Logic_in_AEM\" >Implementing Conditional Logic in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Manipulating_HTML_in_AEM_Components\" >Manipulating HTML in AEM Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Understanding_AEM_for_a_Better_HTML_Workflow\" >Understanding AEM for a Better HTML Workflow<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Using_Data_Slide_Lists_in_AEM_for_Iterations\" >Using Data Slide Lists in AEM for Iterations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Leveraging_AEM_Templates_for_Reusability\" >Leveraging AEM Templates for Reusability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Calling_Backend_Java_Files_through_AEM\" >Calling Backend Java Files through AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Simplifying_Operations_with_AEMs_Data_Slide_Attributes\" >Simplifying Operations with AEM&#8217;s Data Slide Attributes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Understanding_AEM_Templates\" >Understanding AEM Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Rendering_HTML_Dynamically_in_AEM\" >Rendering HTML Dynamically in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Slightly_in_AEM_Simplifying_HTML5\" >Slightly in AEM: Simplifying HTML5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Security_and_Performance_in_AEM\" >Security and Performance in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Editable_Templates_and_Their_Benefits\" >Editable Templates and Their Benefits<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Exploring_Template_Types_in_AEM\" >Exploring Template Types in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Creating_Templates_Using_Template_Types\" >Creating Templates Using Template Types<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Finding_Templates_in_AEM\" >Finding Templates in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Understanding_the_AEM_Template_Creation\" >Understanding the AEM Template Creation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Building_AEM_Templates\" >Building AEM Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#AEM_Template_Authors_Role\" >AEM Template Author&#8217;s Role<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Defining_AEM_Page_Author_Permissions\" >Defining AEM Page Author Permissions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Policies_in_AEM_Templates\" >Policies in AEM Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Understanding_AEM_Policies_and_Their_Impact_on_Components\" >Understanding AEM Policies and Their Impact on Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#The_Structure_and_Initial_Content_in_AEM_Templates\" >The Structure and Initial Content in AEM Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Editable_vs_Static_Templates_in_AEM\" >Editable vs Static Templates in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#The_Power_of_Dynamic_Relationships_in_AEM\" >The Power of Dynamic Relationships in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Effortlessly_Adding_New_Components_in_AEM\" >Effortlessly Adding New Components in AEM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Policies_and_Their_Role_in_AEM_Templates\" >Policies and Their Role in AEM Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#Mastering_Template_Types_and_Content_in_AEM\" >Mastering Template Types and Content in AEM<\/a><\/li><\/ul><\/nav><\/div>\n\n<h2><span class=\"ez-toc-section\" id=\"Understanding_AEM_Components_and_HTML_Structure\"><\/span><strong><span>Understanding AEM Components and HTML Structure<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>As <a href=\"https:\/\/cloudfoundation.com\/adobe-aem-training\" target=\"_blank\" rel=\"noopener\"><strong>AEM<\/strong><\/a> requires working directly with HTML files, understanding how components interact is vital. <\/span><\/p>\n<p><span>Each element in AEM must contain its own HTML file, with its name corresponding to that component, for seamless interaction between components and their <a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-php\/\" target=\"_blank\" rel=\"noopener\"><strong>HTML counterparts<\/strong><\/a>.<\/span><\/p>\n<p><span>Data input through dialogues can be easily retrieved using properties within AEM components HTML that enable us to display user values on pages dynamically.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Accessing_Dialogue_Values_in_AEM\"><\/span><strong><span>Accessing Dialogue Values in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Reading values from dialogues in AEM is easy: use its name property to identify user-inputted data and dynamically access\/display these values using dollar notation.<\/span><br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-HTML-Basics.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\n<span>Example: if an author enters their first name into dialogue, we can retrieve it using\/firstName to access that field.<\/span><\/p>\n<p><span>Similarly, we can access other fields, like last name, using this notation.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_Dot_Slash_Notation_in_AEM\"><\/span><strong><span>Using Dot Slash Notation in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM employs dot slash notation (.\/) for <a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-database\" target=\"_blank\" rel=\"noopener\"><strong>data stored<\/strong><\/a> within page structures. AEM can interpret this notation to locate and retrieve values as required by authors who input values.<\/span><\/p>\n<p><span>These input values differ AEM will store them appropriately within its content hierarchy for seamless flow in components.<\/span>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dynamic_UI_Updates_in_AEM\"><\/span><strong><span>Dynamic UI Updates in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM provides dynamic updates in dialogues based on user input. <\/span><\/p>\n<p><span>This can be accomplished using jQuery or custom scripting.<\/span><\/p>\n<p><span>When someone enters data in one field, another could appear conditionally as they type their information in another.<\/span><\/p>\n<p><span>To accomplish this task, developers manipulate visibility settings using <a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-javascript\" target=\"_blank\" rel=\"noopener\"><strong>JavaScript<\/strong><\/a> and jQuery.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Client-Side_Libraries_in_AEM\"><\/span><strong><span>Client-Side Libraries in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM uses client libraries to manage JavaScript and <a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-css\/\" target=\"_blank\" rel=\"noopener\"><strong>CSS<\/strong><\/a> dependencies efficiently, ensuring optimal project performance and modularity.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"2424\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Dynamic-Features.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<p><span>Understanding AEM&#8217;s client library concept is crucial when developing dynamic dialogue fields or validating specific fields within them.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Scripting_in_AEM_Using_Sightly\"><\/span><strong><span>Scripting in AEM Using Sightly<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM uses Sightly (HTML) as its templating language for dynamic scripts. <a href=\"https:\/\/cloudfoundation.com\/blog\/jsp-interview-questions\/\" target=\"_blank\" rel=\"noopener\"><strong>Sightly replaces JSP<\/strong><\/a> by offering a more modular approach to writing component logic. <\/span><\/p>\n<p><span>With Sightly, developers can quickly retrieve dialogue values, apply conditions, and structure HTML.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Implementing_Conditional_Logic_in_AEM\"><\/span><strong><span>Implementing Conditional Logic in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Sightly allows developers to display dynamic content based on user input through conditional logic attributes like data-sly-test. <\/span><\/p>\n<p><span>For instance, if the first name entered by the user is sample, then conditional statements can display relevant details for that name.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Manipulating_HTML_in_AEM_Components\"><\/span><strong><span>Manipulating HTML in AEM Components<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM empowers developers to effectively structure HTML by taking advantage of AEM-specific attributes and tags.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"1070\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Features.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<p><span>Such as data-sly-include, which allows file inclusion within another file for modularity and reuse.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_AEM_for_a_Better_HTML_Workflow\"><\/span><strong><span>Understanding AEM for a Better HTML Workflow<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM&#8217;s &#8220;slide&#8221; tag becomes your best all here using this tag could effectively remove redundant tags to ensure HTML remains neat and uncluttered. <\/span><\/p>\n<p><span>Keep track of when you refresh the page to see how AEM handles surrounding tags.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_Data_Slide_Lists_in_AEM_for_Iterations\"><\/span><strong><span>Using Data Slide Lists in AEM for Iterations<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>One of the stand-out features in AEM is its &#8220;data slide list.&#8221; <\/span><\/p>\n<p><span>If you ever struggled with iterating seamlessly through hash graphs in Excel, AEM makes this intuitive with its feature that displays them seamlessly as slide shows.<\/span><\/p>\n<p><span>&nbsp;We tested using backend Java files returning an ArrayList to the frontend view as part of an experimentation session.<\/span><\/p>\n<p><span>Connecting AEM&#8217;s data slide list to this backend was an effortless operation &#8211; another testament to AEM&#8217;s power.<\/span><\/p>\n<p><span>It made for an unforgettable moment when exploring its capabilities for yourself.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Leveraging_AEM_Templates_for_Reusability\"><\/span><strong><span>Leveraging AEM Templates for Reusability<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Making templates in AEM reminded me of writing functions in Java: you write your reusable HTML code, pass some parameters and watch as it\u2019s magic takes shape.<\/span><span><\/span><br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Key-Features.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\nEfficiency is key, along with modularity. I designed a flexible template that takes input parameters like name and age, making it adaptable and streamlined.<\/p>\n<p><span>Can create consistent and clean HTML across my project by simply calling my template with these parameters.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Calling_Backend_Java_Files_through_AEM\"><\/span><strong><span>Calling Backend Java Files through AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Another feature I found invaluable was AEM&#8217;s integration with <a href=\"https:\/\/cloudfoundation.com\/blog\/enterprise-java-beans-training\" target=\"_blank\" rel=\"noopener\"><strong>backend Java<\/strong><\/a> files. <\/span><\/p>\n<p><span>Using data slide use and call, connecting templates directly with backend logic was simple for instance, setting up a Java method that returned dynamic data.<\/span><\/p>\n<p><span>Implementing AEM for this method was effortless and natural, providing an invaluable asset to anyone working across both frontend and backend technologies. <\/span><\/p>\n<p><span>It truly represents an unprecedented advantage in their work process.<\/span>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#0095f2&#8243; background_color_gradient_end=&#8221;#7dbed8&#8243; background_color_gradient_direction=&#8221;92deg&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;73%|62%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/SS_436-_Converted_-1.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;114%|112%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;25px|-4px&#8221; transform_translate_linked=&#8221;off&#8221; width=&#8221;98.1%&#8221; custom_margin=&#8221;|7px|||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;21px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">AEM Training<\/span><\/h1>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Explore Course Content&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Simplifying_Operations_with_AEMs_Data_Slide_Attributes\"><\/span><strong><span>Simplifying Operations with AEM&#8217;s Data Slide Attributes<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM&#8217;s various data slide attributes benefit site builders and <a href=\"https:\/\/cloudfoundation.com\/blog\/webmethods-interview-questions\" target=\"_blank\" rel=\"noopener\"><strong>web page<\/strong><\/a> editors. <\/span><\/p>\n<p><span>AEM is particularly effective when combined with its data slide <a href=\"https:\/\/cloudfoundation.com\/blog\/testcomplete-interview-questions-answers\" target=\"_blank\" rel=\"noopener\"><strong>test feature<\/strong><\/a> for validating and testing various elements on my webpage. <\/span><\/p>\n<p><span>In contrast, its various <a href=\"https:\/\/cloudfoundation.com\/blog\/selenium-interview-questions-and-answers\/\" target=\"_blank\" rel=\"noopener\"><strong>test options<\/strong><\/a> helped verify and check different aspects within it. <\/span><\/p>\n<p><span>What makes AEM such a formidable force?<\/span><\/p>\n<p><span>Another incredible feature was AEM&#8217;s DataSlideCall feature, enabling me to connect multiple templates and streamline operations efficiently.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"2783\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Template-Power.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_AEM_Templates\"><\/span><strong><span>Understanding AEM Templates<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM templates offer captivating and flexible content management tools, making <a href=\"https:\/\/cloudfoundation.com\/blog\/aem-tutorial-adobe-experience-manager\" target=\"_blank\" rel=\"noopener\"><strong>AEM content management<\/strong><\/a> effortless. <\/span><\/p>\n<p><span>How dynamic HTML structures are created in AEM, AEM templates offer similar utility methods in Java for reuse while helping ensure a structured approach to code reusability and development.<\/span><\/p>\n<p><span>At AEM, dynamic parameter passing is crucial to creating templates that operate as expected.<\/span><\/p>\n<p><span>Instead of hardcoding values into templates directly, AEM provides us with the means for injecting parameters based on real-time conditions.<\/span><\/p>\n<p><span>Providing greater flexibility and scalability than hardcoded values could allow.<\/span><\/p>\n<p><span><a href=\"https:\/\/cloudfoundation.com\/adobe-aem-training\" target=\"_blank\" rel=\"noopener\"><strong>Adobe<\/strong><\/a> has long provided AEM users with static templates; however, Adobe now advises all those using AEM to switch to editable templates.<\/span><\/p>\n<p><span>They are game changers because any changes directly impact the pages created using these templates.<\/span><\/p>\n<p><span>Let&#8217;s begin by understanding templates. AEM uses templates to build pages; without these building blocks, you cannot produce one.<\/span><\/p>\n<p><span>Consider AEM templates like PowerPoint slides: they help streamline the design process so you don&#8217;t need to redesign each slide individually. <\/span><\/p>\n<p><span>Having this method at your disposal means more efficiency when working on large volumes. <\/span><\/p>\n<p><span>For instance, templates make designing 20 slides more efficient without starting from scratch on each one.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Rendering_HTML_Dynamically_in_AEM\"><\/span><strong><span>Rendering HTML Dynamically in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM allows dynamically updating HTML files using predefined methods within templates, providing dynamic updates. <\/span><\/p>\n<p><span>AEM ensures the output aligns with its parameters, whether a sample or custom implementation method is chosen, providing dynamic updates of your HTML files on demand.<\/span><\/p>\n<p><span>AEM simplifies rendering so developers can focus more on building meaningful content structures rather than dealing with unnecessary complexities, providing teams working on dynamic <a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-web-applications\/\" target=\"_blank\" rel=\"noopener\"><strong>web apps<\/strong><\/a> a massive edge in productivity.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"879\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Rendering.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Slightly_in_AEM_Simplifying_HTML5\"><\/span><strong><span>Slightly in AEM: Simplifying HTML5<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM allows dynamically updating HTML files using predefined methods within templates, providing dynamic updates. <\/span><\/p>\n<p><span>AEM ensures the output aligns with its parameters, whether a sample or custom implementation method is chosen, providing dynamic updates of your HTML files on demand.<\/span><\/p>\n<p><span>AEM simplifies rendering so developers can focus more on building meaningful content structures rather than dealing with unnecessary complexities, providing teams working on dynamic web apps a massive edge in productivity.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Security_and_Performance_in_AEM\"><\/span><strong><span>Security and Performance in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM allows dynamically updating HTML files using predefined methods within templates, providing dynamic updates.<\/span><\/p>\n<p><span>&nbsp;AEM ensures the output aligns with its parameters, whether a sample or custom implementation method is chosen, providing dynamic updates of your HTML files on demand.<\/span><\/p>\n<p><span>AEM simplifies rendering so developers can focus more on building meaningful content structures rather than dealing with unnecessary complexities, providing teams working on dynamic web apps a massive edge in productivity.<\/span><span><\/span><br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Essentials.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Editable_Templates_and_Their_Benefits\"><\/span><strong><span>Editable Templates and Their Benefits<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Editable templates in AEM make life much more straightforward, enabling you to define reusable structures across multiple pages. <\/span><\/p>\n<p><span>Perfect if you require consistent headers and footers across numerous web pages. Editable templates have got your back.<\/span><\/p>\n<p><span>Once a template is created, any pages created from it will have the same style without needing to rework each time they change.<\/span><\/p>\n<p><span>Where are AEM templates stored?<\/span><\/p>\n<p><span>Clicking the Hammer Icon. Inside AEM&#8217;s Template Folder are predefined system and content pages that your company might utilise.<\/span>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Exploring_Template_Types_in_AEM\"><\/span><strong><span>Exploring Template Types in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>As a developer in AEM, your role as an author is to develop template types. These template types serve as the foundation for authors when building specific templates.<\/span><\/p>\n<p><span>You are also required to define basic components and layout for pages and restrict certain parts from being changed by the authors.<\/span><\/p>\n<p><span>Maintaining consistency and compliance with design standards is paramount.<\/span><\/p>\n<p><span>For instance, the MaxiStore folder offers an empty page template type that authors use when designing new templates.<\/span><\/p>\n<p><span>Developers enable authors to design pages smoothly by creating responsive grids and components. <\/span><\/p>\n<p><span>This collaboration speeds up <a href=\"https:\/\/cloudfoundation.com\/blog\/adobe-marketing-cloud-interview-questions-and-answers\/\" target=\"_blank\" rel=\"noopener\"><strong>content production in AEM<\/strong><\/a>.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"1996\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Template-Types.png\" alt=\"\" class=\"size-medium aligncenter\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Creating_Templates_Using_Template_Types\"><\/span><strong><span>Creating Templates Using Template Types<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Designing templates in AEM with template types.<\/span><\/p>\n<p><span>Created one called &#8216;MaxiStore Empty Page,&#8217; which allows authors to design custom pages to their liking.<\/span><\/p>\n<p><span>These templates establish the structure and layout for various pages, assuring they follow the design framework of their template type.<\/span><\/p>\n<p><span>Process includes setting policies, components and restrictions within each template type.<\/span><\/p>\n<p><span>Developers can even specify default components for all templates derived from them.<\/span><\/p>\n<p><span>Assuring an intuitive and straightforward experience empowers authors to focus on creating content rather than worrying about design consistency.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#ff8c7c&#8221; background_color_gradient_end=&#8221;#e5ba4e&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|69%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;||-5px||false|false&#8221; custom_padding=&#8221;|||2px|false|false&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/8423118_3895895.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85.4%&#8221; custom_margin=&#8221;-31px||-24px||false|false&#8221; custom_padding=&#8221;|22px|0px||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1 style=\"text-align: center;\"><strong>AEM Online <\/strong>Training<\/h1>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Up Coming Batches&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#E09900&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221; background_layout=&#8221;dark&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Finding_Templates_in_AEM\"><\/span><strong><span>Finding Templates in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Where Are AEM Templates Stored? <\/span><\/p>\n<p><span>AEM&#8217;s templates can be found within the WCM settings &#8216;conf&#8217; folder. They can be accessed and managed directly by accessing or browsing this location.<\/span><\/p>\n<p><span>Each template type contains its respective template type&#8217;s policies as well as actual templates, which you can find by browsing into this location.<\/span><\/p>\n<p><span>Each page created within AEM will show its associated template details. <\/span><\/p>\n<p><span>For instance, if using a system page template to build out your test page, its template will be stored within its associated folder, ensuring all elements remain accessible and manageable within AEM.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_the_AEM_Template_Creation\"><\/span><strong><span>Understanding the AEM Template Creation<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Workflow when using AEM templates: to date. When building pages using an existing template, their header and footer remain consistent across pages as part of their design.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"1066\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Templates.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<p><span>Use a unique title component as part of their header that serves as the identifier for that template.<\/span><\/p>\n<p><span>It&#8217;s astonishing how AEM allows me to structure and customise templates according to my requirements.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Building_AEM_Templates\"><\/span><strong><span>Building AEM Templates<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM allows users to create nodes, name them and assign specific types such as &#8220;header&#8221; and &#8220;footer.&#8221; This hierarchy helps keep structures organised.<\/span><\/p>\n<p><span>Guarantee that each template type has an identifiable source, creating templates explicitly tailored for <a href=\"https:\/\/cloudfoundation.com\/blog\/aem-interview-questions\" target=\"_blank\" rel=\"noopener\"><strong>design requirements using AEM<\/strong><\/a>.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"AEM_Template_Authors_Role\"><\/span><strong><span>AEM Template Author&#8217;s Role<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>As an AEM template author, it is your role to outline the template&#8217;s structure and initial layout. <\/span><\/p>\n<p><span>For instance, how will the header and footer elements behave?<\/span><\/p>\n<p><span>Before locking or unlocking specific components to allow or restrict edits by page authors. <\/span><\/p>\n<p><span>Utilising AEM&#8217;s flexibility ensures that creating dynamic templates is effortless.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Defining_AEM_Page_Author_Permissions\"><\/span><strong><span>Defining AEM Page Author Permissions<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>How do page author permissions <a href=\"https:\/\/cloudfoundation.com\/aem-training\/\" target=\"_blank\" rel=\"noopener\"><strong>work in AEM<\/strong><\/a>?<\/span><\/p>\n<p><span>Lock specific components in the template, like the header and footer, to ensure consistency across pages. <\/span><br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Template-Management.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\n<span>Unlocking components, on the other hand, allows page authors to make changes. <\/span><\/p>\n<p><span>This control in AEM will enable me to manage template integrity while offering flexibility.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Policies_in_AEM_Templates\"><\/span><strong><span>Policies in AEM Templates<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>AEM provides policies to enhance template management. Policies specify what components can be added to a page using a specific template, thus assuring compatibility and design uniformity across pages. <\/span><\/p>\n<p><span>For instance, each policy may specify components compatible with its template that ensure compatibility and design uniformity across pages.<\/span><\/p>\n<p><span>AEM&#8217;s policy-driven approach makes it intuitive and straightforward for me to adapt templates for different uses.<\/span>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_AEM_Policies_and_Their_Impact_on_Components\"><\/span><strong><span>Understanding AEM Policies and Their Impact on Components<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Imagine this: when setting up components for an AEM project, you want to add new elements.<\/span><\/p>\n<p><span>Thanks to an AEM policy created, various elements can easily be added to pages thanks to the policy.<\/span><\/p>\n<p><span>With AEM, creating such policies becomes straightforward and increases flexibility for developers.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_Structure_and_Initial_Content_in_AEM_Templates\"><\/span><strong><span>The Structure and Initial Content in AEM Templates<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Structure and Initial Content when working with AEM templates. Think of structure as being like the backbone for your template.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"2974\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Template-Policies.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<p><span>It defines its layout while supporting dynamic updates. Meanwhile, initial content provides the starting point for all pages created within AEM.<\/span><\/p>\n<p><span>Remember that making changes in the initial content won&#8217;t impact existing pages only new pages will inherit this setting.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Editable_vs_Static_Templates_in_AEM\"><\/span><strong><span>Editable vs Static Templates in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Editor templates in AEM can be transformative: they allow dynamic relationships between templates and pages.<\/span><\/p>\n<p><span>Editable templates can then be changed with one update, reflecting all related pages automatically.<\/span><\/p>\n<p><span>Static templates prevented this possibility each page remained disconnected from its respective template.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_Power_of_Dynamic_Relationships_in_AEM\"><\/span><strong><span>The Power of Dynamic Relationships in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Dynamic relationships within AEM templates make global updates simple. <\/span><\/p>\n<p><span>Let&#8217;s create 100 pages from an editable template; by updating its structure, you can ensure all these pages inherit any changes made.<\/span><\/p>\n<p><span>Automation saves an immense amount of time by automating tedious manual updates.<\/span><\/p>\n<p><span><img decoding=\"async\" width=\"800\" height=\"945\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Efficiency.png\" alt=\"AEM Training\" class=\"size-medium aligncenter\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Effortlessly_Adding_New_Components_in_AEM\"><\/span><strong><span>Effortlessly Adding New Components in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Add new components to your AEM template seamlessly update its structure, and they&#8217;re available across your pages.<\/span><\/p>\n<p><span>With AEM, enhancing site functionality becomes intuitive and efficient.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Policies_and_Their_Role_in_AEM_Templates\"><\/span><strong><span>Policies and Their Role in AEM Templates<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>Policies play a pivotal role in AEM by outlining which components can be added to specific templates. <\/span><\/p>\n<p><span>By assigning policies, you have complete control of their behaviour and availability across your templates, keeping your AEM project manageable and organised at every turn.<\/span><span><\/span><br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM-Content-Structure.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mastering_Template_Types_and_Content_in_AEM\"><\/span><strong><span>Mastering Template Types and Content in AEM<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span>These templates form the cornerstone for page development template authors can modify them further as desired. <\/span><\/p>\n<p><span><a href=\"https:\/\/cloudfoundation.com\/aem-assets-training\" target=\"_blank\" rel=\"noopener\"><strong>AEM developers<\/strong><\/a> can streamline content production by prioritising specific template types, allowing room for creativity while streamlining creation processes efficiently.<\/span>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#494fff&#8221; background_color_gradient_end=&#8221;#9ea6ff&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|71%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/Untitled-11.png&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;103%|103%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;11px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_padding=&#8221;|88px||||&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\"><strong>AEM Course Price<\/strong><\/span><\/h1>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Offer Price&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_team_member name=&#8221;Sai Susmitha&#8221; position=&#8221;Author&#8221; image_url=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/03\/Sai-Susmitha.png&#8221; _builder_version=&#8221;4.9.7&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Titillium Web|700|||||||&#8221; body_font=&#8221;Titillium Web||||||||&#8221; body_font_size=&#8221;16&#8243;]<\/p>\n<p id=\"posted-message-container\" class=\"zcmsgcnt textL\" dir=\"auto\">The Journey of Personal Development is a Continuous path of learning and growth<\/p>\n<p>[\/et_pb_team_member][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Understanding AEM Components and HTML Structure [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":98935,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"2880","footnotes":""},"categories":[209],"tags":[],"class_list":{"0":"post-98934","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-adobe"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>AEM Essential Fields | AEM Templates<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AEM Essential Fields | AEM Templates\" \/>\n<meta property=\"og:description\" content=\"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Understanding AEM Components and HTML Structure [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"CloudFoundation | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-05T04:10:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-05T05:04:09+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM11-FI.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"332\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"NAGENDRAG\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"NAGENDRAG\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AEM Essential Fields | AEM Templates","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/","og_locale":"en_US","og_type":"article","og_title":"AEM Essential Fields | AEM Templates","og_description":"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Understanding AEM Components and HTML Structure [&hellip;]","og_url":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/","og_site_name":"CloudFoundation | Blog","article_published_time":"2025-05-05T04:10:05+00:00","article_modified_time":"2025-05-05T05:04:09+00:00","og_image":[{"width":500,"height":332,"url":"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM11-FI.jpg","type":"image\/jpeg"}],"author":"NAGENDRAG","twitter_card":"summary_large_image","twitter_misc":{"Written by":"NAGENDRAG","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/","url":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/","name":"AEM Essential Fields | AEM Templates","isPartOf":{"@id":"https:\/\/cloudfoundation.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#primaryimage"},"image":{"@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM11-FI.jpg","datePublished":"2025-05-05T04:10:05+00:00","dateModified":"2025-05-05T05:04:09+00:00","author":{"@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4"},"breadcrumb":{"@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#primaryimage","url":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM11-FI.jpg","contentUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/05\/AEM11-FI.jpg","width":500,"height":332,"caption":"AEM Training"},{"@type":"BreadcrumbList","@id":"https:\/\/cloudfoundation.com\/blog\/aem-essential-fields-aem-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudfoundation.com\/blog\/"},{"@type":"ListItem","position":2,"name":"AEM Essential Fields | AEM Templates"}]},{"@type":"WebSite","@id":"https:\/\/cloudfoundation.com\/blog\/#website","url":"https:\/\/cloudfoundation.com\/blog\/","name":"CloudFoundation | Blog","description":"A New way of Learning","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudfoundation.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4","name":"NAGENDRAG","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","caption":"NAGENDRAG"},"url":"https:\/\/cloudfoundation.com\/blog\/author\/nagendrag\/"}]}},"_links":{"self":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/98934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/comments?post=98934"}],"version-history":[{"count":11,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/98934\/revisions"}],"predecessor-version":[{"id":98962,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/98934\/revisions\/98962"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media\/98935"}],"wp:attachment":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media?parent=98934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/categories?post=98934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/tags?post=98934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}