{"id":38327,"date":"2025-05-13T09:18:51","date_gmt":"2025-05-13T09:18:51","guid":{"rendered":"https:\/\/www.iflair.com\/?p=38327"},"modified":"2025-05-13T09:20:15","modified_gmt":"2025-05-13T09:20:15","slug":"how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms","status":"publish","type":"post","link":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/","title":{"rendered":"How to Create a Custom Page Template with Dialog in Magnolia CMS"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221;][vc_column][vc_single_image image=&#8221;38328&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221; css=&#8221;.vc_custom_1586517129021{padding-top: 30px !important;}&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1747125106969{padding-top: 5px !important;padding-bottom: 5px !important;}&#8221;]<\/p>\n<h2><strong>Custom Page Templates in Magnolia CMS 6.2.43<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<span style=\"font-weight: 400;\">Creating custom page templates in Magnolia CMS is a core task for businesses seeking advanced CMS flexibility. Whether you are an enterprise or looking to <\/span><a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/hire-magnolia-developer\/\"><b>hire Magnolia developers<\/b><\/a><span style=\"font-weight: 400;\">, understanding the fundamentals of Magnolia&#8217;s templating structure is crucial. This guide, created in collaboration with a top <\/span><b>Magnolia development company,<\/b><span style=\"font-weight: 400;\"> walks you through how to build a working page template with a dialog in Magnolia CMS 6.2.43, using the mgnl jumpstart setup.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&#8217;re exploring Magnolia development services, this tutorial also serves as a great benchmark to evaluate developer expertise.<\/span><\/p>\n<ul>\n<li>Template definition<span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<li>Dialog definition<span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<li>i18n translation keys<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>Why Hire Magnolia CMS Developers for Custom Templating?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Before diving into the technical details, it\u2019s important to understand why hiring Magnolia developers can be a game-changer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Magnolia\u2019s templating and dialog capabilities are robust but require precision and experience. A skilled Magnolia development company ensures your Magnolia CMS is optimized for performance, SEO, and user experience.<\/span><\/p>\n<h3><b>Benefits of Custom Page Templates in Magnolia CMS<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">When you create your custom page templates for Magnolia CMS from the ground up, you&#8217;re not just simplifying content creation, but laying the groundwork for SEO, performance, and scalability. The following are the most applicable benefits that business organizations and content teams receive when they have expert Magnolia developers or an experienced Magnolia development firm on board.<\/span><\/p>\n<p><b>1. Full Design Flexibility<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Custom templates allow you to make your site your way. Landing pages, product description pages, or multi-language blocks of content, whenever necessary \u2013 templates designed by developers provide design consistency with editor-managed content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tip: Use block-based designs to contain content types such as hero banners, SEO blocks, and CTAs.<\/span><\/p>\n<p><b>2. Enhanced SEO Capabilities<\/b><\/p>\n<p><span style=\"font-weight: 400;\">With a custom page template, it is easy to add primary SEO fields\u2014meta titles, descriptions, keywords, and canonical URLs\u2014to the dialog. Then content editors will be able to optimize every single page without the help of developers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When using Magnolia developers to design your templates, they will have the ability to implement best SEO practice into their coding from the very start so that your site will be search engine friendly right from day one.<\/span><\/p>\n<p><b>3. Better Performance and Load Times<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Custom templates eliminate dead code and get you to load only what you need. This avoids page loads and gets your Core Web Vitals scores that affect your Google ranking, improved.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A veteran Magnolia development firm can also optimize your templates to make cache strategies function better, cut down server load, and improve overall site performance.<\/span><\/p>\n<p><b>4. Improved Editorial Workflow<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Rather than having developers create each iteration of content, custom page templates empower your marketing and editorial teams. You can build templated dialogs that pre-suggest just what content editors must fill in, without writing code.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It all becomes a heck of a lot easier and eliminates content bottlenecks, an advantage multiplied many times over in business settings.<\/span><\/p>\n<p><b>5. Consistent Branding Across the Website<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Branding and visual consistency are made easier with custom templates. All pages built from a template will be branded according to your brand guidelines automatically, without any human touch. The consistency builds trust with users as well as a professional look and feel across all digital touchpoints.<\/span><\/p>\n<p><b>6. Reusable and Scalable Architecture<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Well-designed templates can be reused across various sections or microsites. For instance, if you are introducing a series of campaigns, you can introduce new pages within seconds with identical functionality. Such scalability is one of the primary reasons why many companies employ Magnolia developers for long-term Magnolia CMS development.<\/span><\/p>\n<p><b>7. Easy Localization and i18n Support<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Multinational companies are most suitably supported with custom templates. Custom templates support region-level content blocks, multilingual field-level content, and localized metadata. A company offering professional Magnolia development offers internationalization ease using i18n keys and language dialogs.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Step-by-Step Process to Create a Project and Custom Page Template with Dialog<\/strong><\/h3>\n<ul>\n<li><span style=\"font-weight: 400;\">mgnl jumpstart -m 6.2.43\u00a0<\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_single_image image=&#8221;38331&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Choose a template: standard-webapps (Magnolia without any content)\u00a0<\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;38333&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Choose a template: magnolia-community-webapp <\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;38335&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221;]<span style=\"font-weight: 400;\">After selecting the value, the project will install and download the necessary packages for the project. <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">mgnl start\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Launch any web browser of your choice and go to the following address: <\/span>http:\/\/localhost:8080\/magnoliaAuthor\/<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;38336&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Username: superuser<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Password: superuser <\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;38337&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>File Structure:<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Once the project is installed, launch your preferred code editor and set up the required folders and files as outlined below. <\/span><\/p>\n<p><b>1. Page Template Definition:<\/b><\/p>\n<p><b>Path<\/b><span style=\"font-weight: 400;\">: light-modules\/magnolia\/templates\/pages\/standardPage.yaml\u00a0<\/span><\/p>\n<p><em><span style=\"font-weight: 400;\">id<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">magnolia: pages\/standardPage\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0title<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">Standard Page\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0dialog<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">magnolia: pages\/standardPage\u00a0<\/span><\/em><\/p>\n<p><b>2. Dialog Definition<\/b><b>:<\/b><\/p>\n<p><b>Path<\/b><span style=\"font-weight: 400;\">: light-modules\/magnolia\/dialogs\/pages\/standardPage.yaml\u00a0<\/span><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">StandardPage\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">form<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">properties<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">title<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Title\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">navigationTitle<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Navigation title\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">windowTitle<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Window title\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><\/p>\n<p><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">hideInNavigation<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">checkBoxField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">defaultValue<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">false\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Hide Nav\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">buttonLabel<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Hide\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">keyword<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Keyword\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">rows<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">3\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">Description Details<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Description Detail\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">rows<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">5\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">metaTitle<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">textField\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Meta title\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">i18n<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">true\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">layout<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">$type<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">tabbedLayout\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i><i><span style=\"font-weight: 400;\">tabs<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><\/p>\n<p><i><span style=\"font-weight: 400;\">tabMain<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Main Title\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">fields<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><\/p>\n<p><i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">header\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">navigationHeader\u00a0<\/span><\/i><\/p>\n<p><i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">windowHeader\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">hideInNavigation\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">tabSeo<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">label<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">Metadata\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">fields<\/span><\/i><i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">metaTitle\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">keyword\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/i> <i><span style=\"font-weight: 400;\">&#8211; <\/span><\/i><i><span style=\"font-weight: 400;\">name<\/span><\/i><i><span style=\"font-weight: 400;\">: <\/span><\/i><i><span style=\"font-weight: 400;\">descriptionDetails\u00a0<\/span><\/i><\/p>\n<p><b>3. i18n Translations for Labels<\/b><\/p>\n<p><b>Path<\/b><span style=\"font-weight: 400;\">: light-modules\/magnolia\/i18n\/messages_en.properties\u00a0<\/span><br \/>\n<em><span style=\"font-weight: 400;\">standardPage. label <\/span><span style=\"font-weight: 400;\">= Standard Page\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.title.label<\/span><span style=\"font-weight: 400;\">=Title\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.navigationTitle. label <\/span><span style=\"font-weight: 400;\">= Navigation title\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.windowTitle. label <\/span><span style=\"font-weight: 400;\">= Window title\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.hideInNavigation.label<\/span><span style=\"font-weight: 400;\">=Hide in navigation\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.hideInNavigation.buttonLabel<\/span><span style=\"font-weight: 400;\">=Hide\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.metaTitle.label<\/span><span style=\"font-weight: 400;\">=Meta title\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\">standardPage.keywords.label<\/span><span style=\"font-weight: 400;\">=Keywords\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.description. label <\/span><span style=\"font-weight: 400;\">= Description\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.tabMain.label<\/span><span style=\"font-weight: 400;\">=Main tab\u00a0<\/span><\/em><br \/>\n<em><span style=\"font-weight: 400;\">\u00a0standardPage.tabSeo.label<\/span><span style=\"font-weight: 400;\">=Metadata<\/span><\/em>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>How to Check in a Browser<\/b><\/h3>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add your module to the light-modules\/ directory within your Magnolia project structure.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Restart Magnolia using<\/span><b> the mgnl start<\/b><span style=\"font-weight: 400;\"> command.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to <\/span><b>Pages App, <\/b><span style=\"font-weight: 400;\">then<\/span><b> Create New Page<\/b><span style=\"font-weight: 400;\">, and you will see <\/span><b>Standard Page<\/b><span style=\"font-weight: 400;\"> as an option.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use the dialog to enter metadata fields and save the page. <\/span><\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1715260600126{margin-top: 20px !important;padding-top: 60px !important;padding-bottom: 60px !important;background-image: url(https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2024\/05\/Hire-Expert-Qusar-Developers-for-the-Smart-Web-App-Development-\u2013-1.jpg?id=26671) !important;}&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3 style=\"text-align: left;\"><span style=\"color: #ffffff;\"><strong> Build Custom Page Templates in Magnolia Easily<\/strong><\/span><\/h3>\n<p>[\/vc_column_text]<a  itemprop=\"url\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/contact-us\/\" target=\"_self\"  class=\"qbutton  default home-banner-section home-banner-button\" style=\"margin: 35px 0px 0px 0px; border-radius: 5pxpx;-moz-border-radius: 5pxpx;-webkit-border-radius: 5pxpx; \">Start Now<\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1707119979398{margin-top: 20px !important;}&#8221;][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1707911356934{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;]<\/p>\n<h4><strong>The Way Forward<\/strong><\/h4>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<span style=\"font-weight: 400;\">Creating a custom page template with a dialog in Magnolia CMS is a fundamental ability for any content or development team in the present era. Careful planning, keeping dialogs clean and organized, and neat YAML configurations not only empower your content editors but also make your CMS business-goal-focused, SEO-optimized, and scalable.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By leveraging the best out of Magnolia&#8217;s templating engine, you create a basis that supports quicker publication, easier localization, and final maintainability. These are the basics of any successful digital initiative, irrespective of whether your business is a small website or a global business platform. It is exhausting, gained only through practice, to understand Magnolia&#8217;s framework and to have control over its structure. This is where the experience of the regular <\/span><a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/hire-magnolia-developer-build-scalable-and-flexible-digital-experiences\/\"><b>Magnolia developers <\/b><\/a><span style=\"font-weight: 400;\">pays off.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; css=&#8221;.vc_custom_1707119045703{background-color: #ffffff !important;}&#8221; z_index=&#8221;&#8221; el_class=&#8221;contact-form-section pt-auto mx-0 custom_page_new&#8221; el_id=&#8221;contact-us&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;contact-form-wrapper mx-0&#8243;][vc_column_inner el_class=&#8221;form-home-top&#8221;][vc_column_text css=&#8221;.vc_custom_1644228956305{padding-bottom: 10px !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>Free Consultation<\/strong><\/h2>\n<p>[\/vc_column_text]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/iflair_site\/wp-json\/wp\/v2\/posts\/38327#wpcf7-f12-o1\" method=\"post\" class=\"wpcf7-form init default\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7dtx_version\" value=\"5.0.4\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap dynamic_hidden-72\" data-name=\"dynamic_hidden-72\"><input type=\"hidden\" name=\"dynamic_hidden-72\" class=\"wpcf7-form-control wpcf7-hidden wpcf7dtx wpcf7dtx-hidden dtx-pageload\" aria-invalid=\"false\" value=\"How to Create a Custom Page Template with Dialog in Magnolia CMS\" data-dtx-value=\"CF7_get_post_var%20key%3D%27title\"><\/span>\n<div class=\"cmn-form-two-column-input\">\n\t<p class=\"cmn-form-input\"><label>Name*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p class=\"cmn-form-input\"><label>Email*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<p class=\"cmn-form-input\"><label>Phone Number*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"Phone-Number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"Phone-Number\" \/><\/span>\n<\/p>\n<p class=\"cmn-form-input cmn-form-textarea\"><label>Description*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p class=\"cmn-submit-btn\"><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit your inquiry\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;full_width&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;full_width&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Creating custom page templates in Magnolia CMS is a core task for businesses seeking advanced CMS flexibility. Whether you are an enterprise or looking to hire Magnolia developers, understanding the fundamentals of Magnolia&#8217;s templating structure is crucial. This guide, created in collaboration with a top Magnolia development company, walks you through how to build a working page template with a dialog in Magnolia CMS 6.2.43, using the mgnl jumpstart setup. <\/p>\n","protected":false},"author":14,"featured_media":38328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1141],"tags":[1548,1549,1550,1292,1547],"class_list":["post-38327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Magnolia CMS: Creating a Custom Page Template with Dialog<\/title>\n<meta name=\"description\" content=\"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magnolia CMS: Creating a Custom Page Template with Dialog\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\" \/>\n<meta property=\"og:site_name\" content=\"iFlair Web Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-13T09:18:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-13T09:20:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"850\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jignesh Jadav\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jignesh Jadav\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\"},\"author\":{\"name\":\"Jignesh Jadav\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309\"},\"headline\":\"How to Create a Custom Page Template with Dialog in Magnolia CMS\",\"datePublished\":\"2025-05-13T09:18:51+00:00\",\"dateModified\":\"2025-05-13T09:20:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\"},\"wordCount\":1729,\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg\",\"keywords\":[\"Magnolia development company\",\"Magnolia developers\",\"Magnolia Development Service\",\"Magnolia CMS\",\"hire Magnolia developers\"],\"articleSection\":[\"Magnolia\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\",\"name\":\"Magnolia CMS: Creating a Custom Page Template with Dialog\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg\",\"datePublished\":\"2025-05-13T09:18:51+00:00\",\"dateModified\":\"2025-05-13T09:20:15+00:00\",\"description\":\"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.\",\"breadcrumb\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg\",\"width\":1680,\"height\":850,\"caption\":\"How to Create a Custom Page Template with Dialog in Magnolia CMS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Custom Page Template with Dialog in Magnolia CMS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"name\":\"iflair.com\",\"description\":\"Together We Grow\",\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\",\"name\":\"iFlair Web Technologies Pvt. Ltd.\",\"alternateName\":\"iFlair\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"width\":600,\"height\":315,\"caption\":\"iFlair Web Technologies Pvt. Ltd.\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309\",\"name\":\"Jignesh Jadav\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"contentUrl\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"caption\":\"Jignesh Jadav\"},\"description\":\"Jignesh is a recognized Assistant Project Manager at iFlair Web Technologies Pvt. Ltd. Jignesh has over 9 years of industry experience, and in his career, he has managed many web development projects that have been delivered on time with high customer satisfaction. His skills include JS expertise including Angular, React, Vue.js, Mean.js, Next.js, Nuxt.js, and Full-stack tech expertise also in project planning, client communication, and team management, which are a great addition to the company's continuous development and success in the technology industry.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jignesh-jadav-54958b82\/\"],\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jignesh-jadav\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magnolia CMS: Creating a Custom Page Template with Dialog","description":"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.","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:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/","og_locale":"en_US","og_type":"article","og_title":"Magnolia CMS: Creating a Custom Page Template with Dialog","og_description":"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.","og_url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/","og_site_name":"iFlair Web Technologies","article_published_time":"2025-05-13T09:18:51+00:00","article_modified_time":"2025-05-13T09:20:15+00:00","og_image":[{"width":1680,"height":850,"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg","type":"image\/jpeg"}],"author":"Jignesh Jadav","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jignesh Jadav","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#article","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/"},"author":{"name":"Jignesh Jadav","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309"},"headline":"How to Create a Custom Page Template with Dialog in Magnolia CMS","datePublished":"2025-05-13T09:18:51+00:00","dateModified":"2025-05-13T09:20:15+00:00","mainEntityOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/"},"wordCount":1729,"publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg","keywords":["Magnolia development company","Magnolia developers","Magnolia Development Service","Magnolia CMS","hire Magnolia developers"],"articleSection":["Magnolia"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/","name":"Magnolia CMS: Creating a Custom Page Template with Dialog","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg","datePublished":"2025-05-13T09:18:51+00:00","dateModified":"2025-05-13T09:20:15+00:00","description":"Learn how to create a custom page template with dialog in Magnolia CMS 6.2.43, including setup, SEO tips, and i18n support for localization.","breadcrumb":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#primaryimage","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/05\/How-to-Create-a-Custom-Page-Template-with-Dialog-in-Magnolia-CMS.jpg","width":1680,"height":850,"caption":"How to Create a Custom Page Template with Dialog in Magnolia CMS"},{"@type":"BreadcrumbList","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/how-to-create-a-custom-page-template-with-dialog-in-magnolia-cms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/"},{"@type":"ListItem","position":2,"name":"How to Create a Custom Page Template with Dialog in Magnolia CMS"}]},{"@type":"WebSite","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","name":"iflair.com","description":"Together We Grow","publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization","name":"iFlair Web Technologies Pvt. Ltd.","alternateName":"iFlair","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","width":600,"height":315,"caption":"iFlair Web Technologies Pvt. Ltd."},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309","name":"Jignesh Jadav","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/","url":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","contentUrl":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","caption":"Jignesh Jadav"},"description":"Jignesh is a recognized Assistant Project Manager at iFlair Web Technologies Pvt. Ltd. Jignesh has over 9 years of industry experience, and in his career, he has managed many web development projects that have been delivered on time with high customer satisfaction. His skills include JS expertise including Angular, React, Vue.js, Mean.js, Next.js, Nuxt.js, and Full-stack tech expertise also in project planning, client communication, and team management, which are a great addition to the company's continuous development and success in the technology industry.","sameAs":["https:\/\/www.linkedin.com\/in\/jignesh-jadav-54958b82\/"],"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jignesh-jadav\/"}]}},"_links":{"self":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/38327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/comments?post=38327"}],"version-history":[{"count":0,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/38327\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media\/38328"}],"wp:attachment":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media?parent=38327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/categories?post=38327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/tags?post=38327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}