Make engaging content with Enonic’s landing page editorMorten Eriksen on
Get to know the user-friendly and cutting-edge landing page editor in Enonic XP.
Everyone working with digital content nowadays expects an intuitive, drag-and-drop visual interface. Gone are the days with manually coding HTML pages for each piece of content on your website. Also gone are the early attempts at offering a visual CMS, with immense complexity and more buttons and options than stars on the night sky.
Content Studio of the headless CMS Enonic XP, of course, provides a modern web editor experience—with everything you can expect: Sleek and neat visual design, content tree structure, drag-and-drop functionality, responsive design, WYSIWYG, and fast performance.
In this short guide, we’ll show you how to easily build a landing page in Enonic XP.
Compare Enonic to 17 leading CMS vendors:
How to create a landing page
Content Studio consists of two levels—Content Navigator and Content Editor. The former features tree navigation, previews, and options to create, move, duplicate, sort, and delete content. The latter features the editing tools, and this is where you build landing pages.
Now that we are familiar with the basics, it’s time to create and edit a landing page:
Create new landing page, assign display name, and save.
Right-click, customise page, and insert layout. Or: open the Context Panel in the upper right, insert, and drag and drop layout.
Choose layout form (2 columns, 3 columns, etc.).
Insert image, part, text, or fragment into layout.
Reorder components and publish page. Voilà!
Read also: Responsive content management in Enonic XP »
What are components?
While the image and text components may be self-explanatory, layouts, parts, and fragments may require an explanation.
Layouts and parts
Layouts and parts are configuration and code built by your developers and put into Enonic XP. What these consist of is entirely up to your digital team and developers—it all depends on the needs of your organisation and what specific features you have requested.
A part can be anything your developers can build—like a list showing your most recent blog posts, author profile, button, call to action, contact list, quote, price list, recipe, calculator, social sharing, or whatever else you might need.
A layout can be any page element organisation you want, like one, two, three, or more columns. The layout component also lets you configure the relative size between the columns—a 2-column layout may for instance be organised as 50-50, 30-70, etc.
Don’t forget to consult our Content Studio documentation »
Fragments are reusable components, i.e. a layout with preconfigured parts. Say you create an infobox you may want to reuse in future pages, with the infobox consisting of a 2-column layout—an image to the left and text to the right.
In Content Studio you can right-click the layout component and pick the option “Save as Fragment.” Now the predefined layout is stored and can be inserted into any other page via the fragment option.
If you insert a fragment into your current landing page and want to change it, you can detach it from the original and return to the initial setup with fully customisable layout and parts on the page.
PS: The text component in the landing page builder features a rich text editor. This means you can create engaging content with every feature you expect from a word processor—including formatting, text alignment, tables, images, videos, macros, etc.
Building and maintaining landing pages in Enonic XP is a breeze, as it should be. Just use our logical and neat Content Navigator to decide where to create a landing page. Then you can start organising the page with our intuitive components system, dragging and dropping layouts, texts, images, parts, and fragments at will until you have it all perfected.