אזורים מותאמים אישית גלובליים
הגדרת כותרת עליונה לפרויקט
The header of your Lumo is often the first thing your users see, making it a powerful branding element and a consistent point of navigation. It allows you to display your logo, a clear title, and even a prominent link, providing a polished and professional look across all stages of your digital form.
This guide will walk you through how to add and configure a custom header for your Lumo project.
What is a Project Header?
A Project Header is a dedicated section that appears at the top of every stage of your Lumo. It typically contains branding elements (like a logo or title) and can include a navigation button. It provides a consistent visual identity throughout the user's journey through your form.
Step-by-Step: Adding and Configuring Your Project Header
Add Your Header Elements: The header typically supports specific content elements with fixed positions. You can often choose to add:
Logo: An image representing your brand.
- Click to upload an image from your device or select one from your Media Library.
- You can also adjust its size to fit the header space.
Link Button: An optional button that appears in the header, usually linking to your main website or a specific page.
- Configure its text and the destination URL.
- Adjust its size.
Design Your Header's Appearance: Beyond content, you can customize the header's look:
Header Height: Adjust the vertical size of the header area.
- This helps control how much space your header takes up on the page.
Background Color: Set a custom background color for the header.
While elements within the header have fixed positions, play with combinations of logo, title, and background colors to achieve a balanced and branded look. Consistency with your overall brand identity is key!
Saving Your Changes
All modifications to your project's header are part of the overall project settings. Remember to manually save your changes after configuring your header. Look for the "Save" button in your editor and click it.
The header appears on all stages of your Lumo. Any changes you save here will be reflected across your entire form. If you try to navigate away from the editor without saving, LumoPages will remind you to save your work, which is critical if your Lumo is currently live!
A well-designed project header provides a strong brand presence and a professional feel for your Lumo. It's a key element in creating a polished user experience from the moment someone opens your form. Next, we'll look at configuring your project's footer.