{"id":3036,"date":"2024-11-14T07:46:48","date_gmt":"2024-11-14T07:46:48","guid":{"rendered":"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/"},"modified":"2024-11-15T18:02:22","modified_gmt":"2024-11-15T18:02:22","slug":"creating-and-editing-a-page-in-aem","status":"publish","type":"page","link":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/","title":{"rendered":"Creating and Editing a Page in AEM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3036\" class=\"elementor elementor-3036\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee4319 e-flex e-con-boxed e-con e-parent\" data-id=\"0ee4319\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b0d1701 e-con-full e-flex e-con e-child\" data-id=\"b0d1701\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a672de elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"4a672de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f08ab1f elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"f08ab1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><a href=\"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/a><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0d3da elementor-hidden-mobile elementor-widget elementor-widget-darsanam_header_menu_widget\" data-id=\"2d0d3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"darsanam_header_menu_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"darsanam-menu-wrapper \"><div class='hamburger-icon'> &nbsp; Menu<\/div><div class=\"menu-container\"><nav class='elementor-menu'><ul class='darsanam-menu-vertical'><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/github-link-for-the-entire-course\/'>Github Link for the Entire Course<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-the-internet-works\/'>[VIDEO LESSON] How the Internet Works<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-web-development-architecture-decoded\/'>[VIDEO LESSON] Web Development Architecture Decoded<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-content-management-systems\/'>Introduction to Content Management Systems<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/content-management-vs-experience-management\/'>Content Management vs Experience Management<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-what-is-adobe-experience-manager\/'>[VIDEO LESSON] What is Adobe Experience Manager?<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-to-obtain-adobe-experience-manager-aem-jar-from-adobe\/'>[VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-installing-aem-jar\/'>[VIDEO LESSON] Installing AEM Jar<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-issues-in-installing-aem-jar\/'>Troubleshooting Common Issues in Installing AEM JAR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-author-and-publish-instances\/'>Understanding Author and Publish Instances<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/' style='color: #FF7700 !important'>Creating and Editing a Page in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/find-where-page-is-saved-in-backend\/'>Find Where Page is Saved in Backend<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/'>AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-creating-a-hello-world-component-in-aem-using-crx-de\/'>[VIDEO LESSON] Creating a \u201cHello World\u201d Component in AEM Using CRX\/DE<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-jcr-in-the-context-of-aem\/'>Understanding JCR in the Context of AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/nodes-and-properties-in-jcr\/'>Nodes and Properties in JCR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/jcr-sessions-and-workspaces\/'>JCR Sessions and Workspaces<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-sql2-queries-in-aem\/'>Understanding SQL2 Queries in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-and-using-aems-querybuilder-tool\/'>Understanding and Using AEM\u2019s QueryBuilder Tool<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/import-and-export-jcr-data-using-package-manager\/'>Import and Export JCR Data Using Package Manager<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/installing-aem-project-archetype\/'>Installing AEM Project Archetype<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-post-deployment-issues-in-aem\/'>Troubleshooting Common Post-Deployment Issues in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-dialog-box-authoring-development\/'>[VIDEO LESSON] AEM Dialog Box Authoring & Development<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-language-syntax-practice\/'>[VIDEO LESSON] AEM HTL Language Syntax Practice<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects\/'>[VIDEO LESSON] AEM HTL Global Objects<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects-contd\/'>[VIDEO LESSON] AEM HTL Global Objects (Contd.)<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-understanding-aem-dialog-box\/'>[VIDEO LESSON] Understanding AEM Dialog Box<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-deploying-component-in-aem\/'>Creating and Deploying Component in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/'>Create Various Dialog Box Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-models-and-sightly-introduction\/'>[VIDEO LESSON] Sling Models and Sightly Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-model-explained-with-real-use-case\/'>[VIDEO LESSON] Sling Model Explained with Real Use Case<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-resource-resolver-query-builder\/'>[VIDEO LESSON] AEM Resource Resolver & Query Builder<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-query-builder-java-beans\/'>[VIDEO LESSON] AEM Query Builder & Java Beans<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-to-aem-component\/'>[VIDEO LESSON] Add CSS to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-templates-components-authoring\/'>[VIDEO LESSON] AEM Templates & Components Authoring<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-variations-to-aem-component\/'>[VIDEO LESSON] Add CSS Variations to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-multi-field-in-aem\/'>Creating a Multi-Field in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-composite-multifield-in-aem\/'>Creating a Composite Multifield in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/implementing-conditional-dialog-fields\/'>Implementing Conditional Dialog Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-creating-sling-models\/'>Best Practices for Creating Sling Models<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-introduction-to-aem-sling-servlet\/'>[VIDEO LESSON] Introduction to AEM Sling Servlet<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-headless-servlet-implementation\/'>[VIDEO LESSON] AEM Headless \u2013 Servlet Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-osgi-services-introduction\/'>[VIDEO LESSON] OSGI Services Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-osgi-services-implementation\/'>[VIDEO LESSON] AEM OSGI Services Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-filters-in-osgi-services\/'>[VIDEO LESSON] Filters in OSGI Services<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/calling-external-api-from-osgi-service\/'>Calling External API from OSGI Service<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/improving-aem-sling-model-with-service-layer-integration\/'>Improving AEM Sling Model with Service Layer Integration<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-secure-and-efficient-resource-access\/'>Best Practices for Secure and Efficient Resource Access<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lessonstep-by-step-process-to-get-resource-resolver-from-system-user\/'>[VIDEO LESSON]Step By Step Process to Get Resource Resolver from System User<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/the-importance-and-use-cases-of-workflows\/'>The Importance and Use Cases of Workflows<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-workflow-creation\/'>Introduction to Workflow Creation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-participant-step-in-aem\/'>Understanding Participant Step in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps\/'>Understanding Workflow Steps<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps-contd\/'>Understanding Workflow Steps [Contd.]<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-1-understand-aem-workflow-use-case\/'>Step 1: Understand AEM Workflow Use Case.<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-2-create-user-groups-and-assign-users\/'>Step 2: Create User Groups and Assign Users<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-3-create-new-page-properties\/'>Step 3: Create New Page Properties<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/workflow-example-code-below\/'>Workflow Example Code Below<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><\/ul><\/nav><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5764546 e-con-full e-flex e-con e-child\" data-id=\"5764546\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf8cf6 elementor-widget elementor-widget-text-editor\" data-id=\"cbf8cf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Creating and Editing a Page in AEM<\/h2><p><\/p><h4 class=\"wp-block-heading\">Navigating to the We.Retail Site in AEM<\/h4><p> <\/p><ol class=\"wp-block-list\"><li style=\"list-style-type: none;\"><ol class=\"wp-block-list\"><li><strong>Accessing the Site<\/strong>: Open your web browser and navigate to <code>http:\/\/localhost:4502\/sites.html\/content\/we-retail\/language-masters\/en<\/code>. This URL assumes you are running AEM locally and have the We.Retail sample content installed.<\/li><\/ol><\/li><\/ol><p> <\/p><ol class=\"wp-block-list\"><li style=\"list-style-type: none;\"><ol class=\"wp-block-list\"><li><strong>Authentication<\/strong>: If prompted, log in with your AEM credentials.<\/li><\/ol><\/li><\/ol><p><\/p><p> <\/p><h4 class=\"wp-block-heading\">Creating a New Page<\/h4><p> <\/p><p><strong>Open the Site<\/strong>: Once on the We.Retail site, you&#8217;ll see the existing site structure.<\/p><p> <\/p><h5 class=\"wp-block-heading\"><strong>Create a New Page<\/strong>:<\/h5><p> <\/p><p> <\/p><p>Select <code>Create<\/code> -&gt; <code>Create Page<\/code>.<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7611af elementor-widget elementor-widget-image\" data-id=\"f7611af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-1024x509.jpg\" class=\"attachment-large size-large wp-image-1320\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-1024x509.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-300x149.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-768x381.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-600x298.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn.jpg 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b72867 elementor-widget elementor-widget-text-editor\" data-id=\"8b72867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the dialog box that appears, choose a template for your new page and click <code>Next<\/code>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-439a574 elementor-widget elementor-widget-image\" data-id=\"439a574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template-1024x503.jpg\" class=\"attachment-large size-large wp-image-1321\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template-1024x503.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template-300x147.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template-768x378.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template-600x295.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_select_template.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b62a709 elementor-widget elementor-widget-text-editor\" data-id=\"b62a709\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Enter the page name and title, then click <code>Create<\/code>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef1fa68 elementor-widget elementor-widget-image\" data-id=\"ef1fa68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it-1024x505.jpg\" class=\"attachment-large size-large wp-image-1322\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_name_it.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-599eb67 elementor-widget elementor-widget-text-editor\" data-id=\"599eb67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Click <code>Open<\/code> to view your new page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7e1ad9 elementor-widget elementor-widget-image\" data-id=\"a7e1ad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open-1024x505.jpg\" class=\"attachment-large size-large wp-image-1323\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_open.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b998ad2 elementor-widget elementor-widget-text-editor\" data-id=\"b998ad2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><h4 class=\"wp-block-heading\">Adding Components to the Page<\/h4><p> <\/p><p><strong>Enter Edit Mode<\/strong>: If not already in edit mode, click the <code>Edit<\/code> button to start editing the page.<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-623305a elementor-widget elementor-widget-image\" data-id=\"623305a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode-1024x505.jpg\" class=\"attachment-large size-large wp-image-1326\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit_mode.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd9ef63 elementor-widget elementor-widget-text-editor\" data-id=\"cd9ef63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Adding Text Component<\/strong>:<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p>Locate the <code>Text<\/code> component in the side panel under the Components tab.<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b133e3 elementor-widget elementor-widget-image\" data-id=\"2b133e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component-1024x505.jpg\" class=\"attachment-large size-large wp-image-1327\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_find_component.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37f2093 elementor-widget elementor-widget-text-editor\" data-id=\"37f2093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Drag and drop the <code>Text<\/code> component onto your page where indicated.<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e635fd elementor-widget elementor-widget-image\" data-id=\"6e635fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components-1024x505.jpg\" class=\"attachment-large size-large wp-image-1328\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_Drag_components.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7b134 elementor-widget elementor-widget-text-editor\" data-id=\"dd7b134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><!-- wp:paragraph --><\/p><p><strong>Adding Button Component<\/strong>:<\/p><p><!-- \/wp:paragraph --> <!-- wp:list --><\/p><ul class=\"wp-block-list\"><!-- wp:list-item --><li>Similarly, find the <code>Button<\/code> component.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>Drag and drop it onto your page.<\/li><\/ul><p><!-- \/wp:list --> <!-- wp:heading {\"level\":4} --><\/p><h4 class=\"wp-block-heading\">Editing Components Using Dialog Boxes<\/h4><p><!-- \/wp:heading --> <!-- wp:paragraph --><\/p><p><strong>Editing Text Component<\/strong>:<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p>With the <code>Text<\/code> component selected, click on the <code>Configure<\/code> button (wrench icon) that appears in the toolbar.<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79294b6 elementor-widget elementor-widget-image\" data-id=\"79294b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp-1024x505.jpg\" class=\"attachment-large size-large wp-image-1331\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_edit-text-comp.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-963bd35 elementor-widget elementor-widget-text-editor\" data-id=\"963bd35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A dialog box will open, allowing you to enter and format the text.<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00d1603 elementor-widget elementor-widget-image\" data-id=\"00d1603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog-1024x505.jpg\" class=\"attachment-large size-large wp-image-1332\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_enter_text_dialog.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e71942f elementor-widget elementor-widget-text-editor\" data-id=\"e71942f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><!-- wp:paragraph --><\/p><p>After making changes, click <code>OK<\/code> or <code>Done<\/code> to save.<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p><strong>Editing Button Component<\/strong>:<\/p><p><!-- \/wp:paragraph --> <!-- wp:list --><\/p><ul class=\"wp-block-list\"><!-- wp:list-item --><li>Select the <code>Button<\/code> component and click on the <code>Configure<\/code> button.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>In the dialog box, set the button label, link, and other properties.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>Save your changes.<\/li><\/ul><p><!-- \/wp:list --> <!-- wp:heading {\"level\":4} --><\/p><h4 class=\"wp-block-heading\">Navigating the Content Tree<\/h4><p><!-- \/wp:heading --> <!-- wp:paragraph --><\/p><p><strong>Open the Side Panel<\/strong>: Click on the left side panel button to expand it.<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p><strong>Viewing the Content Tree<\/strong>:<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p>Click on the <code>Content Tree<\/code> tab in the side panel. Here, you can see a hierarchical view of all the components on your page.<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b741319 elementor-widget elementor-widget-image\" data-id=\"b741319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree-1024x505.jpg\" class=\"attachment-large size-large wp-image-1333\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_content_tree.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7c09b elementor-widget elementor-widget-text-editor\" data-id=\"ea7c09b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Click on the &#8220;Page Information&#8221; tab (Slider icon on the top) and click on the menu item &#8220;View as Published&#8221; to see the page as the end user would see it after publishing<\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-574ce02 elementor-widget elementor-widget-image\" data-id=\"574ce02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish-1024x505.jpg\" class=\"attachment-large size-large wp-image-1334\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish-1024x505.jpg 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish-300x148.jpg 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish-768x379.jpg 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish-600x296.jpg 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_view_as_publish.jpg 1379w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba29816 elementor-widget elementor-widget-text-editor\" data-id=\"ba29816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><!-- wp:heading {\"level\":4} --><\/p><h4 class=\"wp-block-heading\">Conclusion<\/h4><p><!-- \/wp:heading --> <!-- wp:paragraph --><\/p><p>In AEM, each page is composed of multiple units called components. This modular approach allows for great flexibility and ease in creating rich, dynamic web pages. By following these steps,<\/p><p><!-- \/wp:paragraph --> <!-- wp:paragraph --><\/p><p>you can effectively navigate within AEM, create new pages, add various components, and modify them using dialog boxes. The content tree in the side panel provides a clear overview of the page structure, making it easy to understand and manage the components that form the page.<\/p><p><!-- \/wp:paragraph --> <!-- wp:list {\"ordered\":true} --><\/p><ol class=\"wp-block-list\"><!-- wp:list-item --><li><strong>Using the Content Tree<\/strong>:<!-- wp:list --><ul class=\"wp-block-list\"><!-- wp:list-item --><li>Within the content tree, each component on your page is listed.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>You can select any component from here to highlight it on the page.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>This view is particularly useful for understanding the layout and hierarchy of your page content.<\/li><!-- \/wp:list-item --><\/ul><!-- \/wp:list --><\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li><strong>Modifying Page Structure<\/strong>:<!-- wp:list --><ul class=\"wp-block-list\"><!-- wp:list-item --><li>The content tree also allows you to reorder components by dragging and dropping them within the tree.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li>This reordering is reflected in real-time on the page.<\/li><!-- \/wp:list-item --><\/ul><!-- \/wp:list --><\/li><!-- \/wp:list-item --><\/ol><p><!-- \/wp:list --> <!-- wp:heading {\"level\":4} --><\/p><h4 class=\"wp-block-heading\">Best Practices for Working with AEM Components<\/h4><p><!-- \/wp:heading --> <!-- wp:list --><\/p><ul class=\"wp-block-list\"><!-- wp:list-item --><li><strong>Consistency<\/strong>: Try to maintain a consistent look and feel across your pages by using similar components and styles.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li><strong>Component Customization<\/strong>: Make full use of the dialog boxes to customize each component to fit the specific needs of your content.<\/li><!-- \/wp:list-item --> <!-- wp:list-item --><li><strong>Preview and Testing<\/strong>: Regularly preview your page as you build it, ensuring that it looks and functions as expected on various devices.<\/li><!-- \/wp:list-item --><\/ul><p><!-- \/wp:list --> <!-- wp:heading {\"level\":4} --><\/p><h4 class=\"wp-block-heading\">Final Thoughts<\/h4><p><!-- \/wp:heading --> <!-- wp:paragraph --><\/p><p>Adobe Experience Manager&#8217;s powerful and flexible system allows for intricate web page designs through a composition of components. Each component can be individually configured and positioned, contributing to the overall functionality and aesthetics of the page. Understanding how to navigate AEM, create pages, add and configure components, and utilize the content tree is essential for any AEM developer or content manager. With these skills, you can effectively build and manage engaging, responsive websites that meet the diverse needs of your audience.<\/p><p><!-- \/wp:paragraph --><\/p><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2868,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3036","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating and Editing a Page in AEM - Sankham Technologies<\/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:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating and Editing a Page in AEM - Sankham Technologies\" \/>\n<meta property=\"og:description\" content=\"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/\" \/>\n<meta property=\"og:site_name\" content=\"Sankham Technologies\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-15T18:02:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1365\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/\",\"name\":\"Creating and Editing a Page in AEM - Sankham Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/AEM_Create_Page_btn-1024x509.jpg\",\"datePublished\":\"2024-11-14T07:46:48+00:00\",\"dateModified\":\"2024-11-15T18:02:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/AEM_Create_Page_btn.jpg\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/AEM_Create_Page_btn.jpg\",\"width\":1365,\"height\":678},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/creating-and-editing-a-page-in-aem\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"India\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"English\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Free Courses\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"AEM Backend Concepts\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Creating and Editing a Page in AEM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"name\":\"Sankham Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sankhamtech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\",\"name\":\"Sankham Technologies\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"width\":306,\"height\":74,\"caption\":\"Sankham Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating and Editing a Page in AEM - Sankham Technologies","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:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/","og_locale":"en_US","og_type":"article","og_title":"Creating and Editing a Page in AEM - Sankham Technologies","og_description":"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]","og_url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/","og_site_name":"Sankham Technologies","article_modified_time":"2024-11-15T18:02:22+00:00","og_image":[{"width":1365,"height":678,"url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/","url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/","name":"Creating and Editing a Page in AEM - Sankham Technologies","isPartOf":{"@id":"https:\/\/sankhamtech.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/#primaryimage"},"image":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/#primaryimage"},"thumbnailUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn-1024x509.jpg","datePublished":"2024-11-14T07:46:48+00:00","dateModified":"2024-11-15T18:02:22+00:00","breadcrumb":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/#primaryimage","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn.jpg","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/AEM_Create_Page_btn.jpg","width":1365,"height":678},{"@type":"BreadcrumbList","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":2,"name":"Content","item":"https:\/\/sankhamtech.com\/index.php\/content\/"},{"@type":"ListItem","position":3,"name":"India","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/"},{"@type":"ListItem","position":4,"name":"English","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/"},{"@type":"ListItem","position":5,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":6,"name":"Free Courses","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/"},{"@type":"ListItem","position":7,"name":"AEM Backend Concepts","item":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/"},{"@type":"ListItem","position":8,"name":"Creating and Editing a Page in AEM"}]},{"@type":"WebSite","@id":"https:\/\/sankhamtech.com\/#website","url":"https:\/\/sankhamtech.com\/","name":"Sankham Technologies","description":"","publisher":{"@id":"https:\/\/sankhamtech.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sankhamtech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sankhamtech.com\/#organization","name":"Sankham Technologies","url":"https:\/\/sankhamtech.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","width":306,"height":74,"caption":"Sankham Technologies"},"image":{"@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/comments?post=3036"}],"version-history":[{"count":7,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3036\/revisions"}],"predecessor-version":[{"id":3565,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3036\/revisions\/3565"}],"up":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/2868"}],"wp:attachment":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/media?parent=3036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}