Mobilo Brand
back
Back
Landing Page Editor
This is some text inside of a div block.
1. Getting Started: Profile Settings
This is some text inside of a div block.
2. Customizing Header and Appearance
This is some text inside of a div block.
3. Adding Information and Links
This is some text inside of a div block.
4. Editing - Buttons, Text, and Images
This is some text inside of a div block.
5. For Teams: Company & Group Pages
Back Button Image
Back
Landing Page Editor
1. Getting Started: Profile Settings
2. Customizing Header and Appearance
3. Adding Information and Links
4. Editing - Buttons, Text, and Images
5. For Teams: Company & Group Pages
2. Customizing Header and Appearance

2. Customizing the Header and Appearance

In this article, we'll guide you through the process of customizing the Header and Appearance of your Personal Landing Page using our intuitive Landing Page Editor. This feature allows you to create visually appealing and unique landing pages that align with your personal branding and message. Let's get started!

Step 1: Accessing the Landing Page Editor 

Log in to our app and navigate to the Landing Page Editor Menu. If you are an admin on our team's plan, you'll see four buttons. If you are a single card user, you'll be redirected to the landing page editor.

Step 2: Exploring the My Page Menu. 

Click on the "My Page" button to access your Personal Landing Page command center, where you have complete control over your landing page.

Take a moment to familiarize yourself with the options available in the My Page menu, such as customizing links and sharing essential information.

Step 3: Navigating the Header and Appearance Controls 

To begin customizing the appearance of your landing page, click on the "Header and Appearance" button.

On the next page, you will see your default card design as the header. Click the "Change" button to explore the different header options available.

Header Options:

Option 1: Displaying your card design or any other image as a header with no profile picture.

This option emphasizes your captivating card design or a custom image that represents your brand or personal style without featuring a profile picture.

Option 2: Adding a profile picture on top of your header design.

This option creates a visual connection between your image and the overall branding of your landing page, adding a personal touch.

Option 3: Displaying the header background or card design with sharp edges and no profile picture.

This option offers a sleek and modern look, allowing your content to take center stage with a clean and minimalist style.

Option 4: Having no header and a bigger squared-shaped frame for the profile picture.

This option focuses on a prominent profile picture, immediately representing your identity to visitors.

Step 4: Customizing Your Header Style:

Choose the header style that best suits your personal branding and the message you want to convey. Remember, you can always experiment and change the header style later if needed.

Scroll down the editor interface to find toggle buttons that control specific elements on your landing page .Use these buttons to hide or show your Name, Title, Company name, Profile Picture, and Logo. Customize the information visibility on your landing page to align it perfectly with your branding. Continue scrolling to find the Colors controls section. Set up the color choices for the Header Background, Header Text, Button Text, Page Background, and Page Text.

Adjust these colors to fine-tune and customize your landing page's appearance, making a lasting impression on your visitors.

If desired, showcase a custom image instead of your default card design as the header.

Click the button to remove the card design and then the Upload button to select the image file from your device. Scale the image to fit the desired dimensions using the available scaling option. Ensure the image represents your brand and desired look for your landing page.

Once you are satisfied with the changes, click the "Save" button located under the uploaded image. Your customized Header and Appearance settings will be applied to your Personal Landing Page.

Recap: 

Congratulations! You have successfully customized the Header and Appearance of your Personal Landing Page, creating a unique and visually appealing experience for your visitors. In the next support article, we'll guide you through the process of adding information, links, and videos to enhance your landing page further. Stay tuned for more exciting tutorials!

Contact Us

Fill out the form below
and we will get back to you ASAP.
Oops! Something went wrong while submitting the form.