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
4. Editing - Buttons, Text, and Images

4. Editing - Buttons, Text, and Images

In this article, we'll guide you through the process of customizing the order of buttons and elements, editing buttons, text, and images, and how to create a visually appealing and personalized landing page that represents you and your brand's vision.

Step 1: Customizing the Order of Buttons and Elements

To start, access the Landing Page Editor and locate the six dots next to the elements on your landing page. Click and hold the button you want to move, and it will get highlighted.

Drag the button to the desired position to rearrange buttons, videos, text, and images as per your preference. Take your time to fine-tune the placement of elements until your landing page satisfies your vision and preferences.

Step 2:  Customizing Buttons on Your Landing Page

Let's begin by editing the email button as an example. Click on the email address option located on the left-hand side panel to access the editing menu. Note that this field is locked, so any updates to the displayed information must be done in the profile settings. Modify the button's title and description according to your preferences and style.

Proceed to alter the button's icon by clicking the upload button and selecting your desired icon. To revert to the default icon, simply click on the remove button located to the right.

Under the upload button, you'll find color controls to modify the background and text colors of the button. Experiment with different color combinations until you're completely satisfied with the results.

Once you're happy with the customizations, save the changes to apply them to your site.

Step 4: Editing Text 

The editor provides two text options: Header and Body.

Use the Header text for bold and attention-grabbing titles, ideal for emphasizing key sections like "About Us" or "Services." Utilize the Body text for regular font style, perfect for short copies such as biographies or other natural flow text.

Add each type of text separately to ensure your landing page looks well-structured and visually appealing.

Step 5: Editing Images

To edit an image, click the image button on the left-hand side panel to access the editing menu.

Change the current image by clicking the "Upload" button and selecting a new image from your device. Optionally, add a caption for the image to provide additional context on your landing page.

Save your changes, and your updated image and caption (if added) will be visible on your site.

Recap:

Congratulations! You've successfully edited your Personal Landing Page, customized buttons, text, and images, creating a unique and personalized site that represents your brand's vision. Feel free to continue exploring the Landing Page Editor further to enhance your landing page's appearance and content.

In the upcoming support articles, we'll cover admin options for team plan clients, including creating a Company Site, a group site, and managing team landing pages. Personal card users can skip those articles and videos. For any assistance or questions, don't hesitate to contact our support team at support@mobilocard.com. We're here to help!

Contact Us

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