Heratio Help Center article. Category: Exhibitions.

Landing Page Builder

User Guide

Create custom landing pages for your archive with a visual drag-and-drop builder. No coding required.

Overview

Key Features

What You Can Do

How to Access

Creating a New Page

Step 1: Open Landing Pages

Go to Admin > Landing Pages

Step 2: Click Create New Page

Click the Create New Page button

Step 3: Fill in Page Details

• CREATE NEW LANDING PAGE
• Page Name: [Home Page ]
• (Internal name for reference)
• URL Slug: [/] [home ]
• (Creates URL: /landing/home)
• Description: [Main landing page for visitors]
• Set as default home page
• Active (visible to public)
• [Create Page]

Step 4: Start Building

You are taken to the visual builder where you can add blocks.

Using the Visual Builder

Builder Interface

Adding Blocks

Method 1: Drag and Drop

1. Find the block you want in the left panel
2. Drag it to the canvas
3. Drop where you want it to appear

Method 2: Click to Add

1. Click on any block type in the left panel
2. Block is added at the bottom of the page

Reordering Blocks

1. Grab the drag handle on any block card
2. Drag up or down to new position
3. Release to drop

Editing a Block

1. Click the pencil icon on the block card
2. Settings panel opens on the right
3. Configure the block options
4. Changes save automatically

Block Actions

• BLOCK CARD ACTIONS
• [eye] Toggle visibility (hide without deleting)
• [pencil] Edit block settings
• [copy] Duplicate this block
• [trash] Delete this block

Block Types Reference

Layout Blocks

Layout Blocks

Content Blocks

Content Blocks

Data Blocks (Dynamic Content)

Other Blocks

Other Blocks

Block Configuration Examples

Hero Banner

• HERO BANNER SETTINGS
• Title: [Welcome to Our Archive ]
• Subtitle: [Preserving history for the future]
• Background Image:[/uploads/hero.jpg ]
• Height: [400px ]
• Text Alignment: [Center v]
• Overlay Opacity: [0.5 ]
• Call to Action:
• Button Text: [Start Exploring ]
• Button URL: [/informationobject/browse ]

Browse Panels

Statistics

Recent Items

• RECENT ITEMS SETTINGS
• Title: [Recent Additions ]
• Entity Type: [Information Objects v]
• Limit: [6 ]
• Layout: [Grid v] (or List)
• Columns: [3 ]
• Show Date: [x]
• Show Thumbnail: [x]

Using Column Layouts

Two Column Layout

Three Column Layout

Adding Blocks to Columns

1. Drag a block from the palette
2. Drop it into the column drop zone
3. Block appears inside the column
4. Each column can have multiple blocks

Styling Blocks

Block Style Settings

• STYLING OPTIONS (available on all blocks)
• Title: [Custom Block Title ]
• CSS Classes: [my-custom-class ]
• Container Type: [container v]
• • container (centered, max-width)
• • container-fluid (full width)
• • none (no container)
• Background Color: [#ffffff ] [color picker]
• Text Color: [#212529 ] [color picker]
• Padding Top: [3 v] (0-5 Bootstrap units)
• Padding Bottom: [3 v]
• Column Span: [12 v] (for grid layouts, 1-12)

Preview and Publish

Previewing Your Page

1. Click the Preview button in the toolbar
2. Opens in new tab showing how page will look
3. Hidden blocks appear with reduced opacity
4. Close preview tab to return to editor

Saving a Draft

1. Click Save Draft in the toolbar
2. Creates a version snapshot
3. Optionally add notes about changes
4. Draft saves your work without publishing

Publishing

1. Click Publish in the toolbar
2. Makes page visible to public
3. Creates a published version
4. Previous version is preserved

Restoring Previous Versions

1. Click Versions dropdown in toolbar
2. See list of saved versions
3. Click on any version to preview
4. Click Restore to revert to that version

Page Settings

Accessing Settings

Click the Settings button in the toolbar to open the settings panel.

Page Settings Options

• PAGE SETTINGS
• Page Name: [Home Page ]
• URL Slug: [/] [home ]
• Accessible at: /landing/home
• Description: [Main landing page ]
• Set as default home page
• (Displays when visiting root URL)
• Active (visible to public)
• (Uncheck to hide page temporarily)
• [Save Settings]
• -----------------------------------------------------------+
• DANGER ZONE
• [Delete Page] (not available for default page)

Managing Multiple Pages

Page List View

Page Status Badges

Tips and Best Practices

Recommended Page Structure

• TYPICAL LANDING PAGE STRUCTURE
• 1. Header Section (logo, title, navigation)
• 2. Hero Banner (welcome message, CTA)
• 3. Search Box (prominently placed)
• 4. Browse Panels OR Quick Links (navigation options)
• 5. Statistics (show collection size)
• 6. Recent Items OR Featured Items (engagement)
• 7. Footer Section (links, contact info)

Common Use Cases

Archive Home Page

• Hero banner with institution branding
• Prominent search box
• Browse panels for main collections
• Statistics showing holdings counts
• Recent additions carousel
• Footer with contact information

Repository Spotlight

• Hero with repository image
• Repository spotlight block
• Holdings list from that repository
• Map showing location
• Contact information

Research Guide

• Text content explaining resources
• Browse panels for key collections
• Quick links to finding aids
• Search box for immediate access

Troubleshooting

Need Help?

Contact your system administrator if you experience issues with the Landing Page Builder.

Part of the Heratio AHG Framework