Mailmodo 0ff833fb

Mailmodo Support

Raise a Ticket here

 serves as a designated and focused web page tailored to prompt a specific action from visitors who arrive on it. The term "landing page" is derived from the fact that it is where users "land" after clicking on a hyperlink, often from online advertising or marketing efforts. The primary purpose of a landing page is to guide visitors towards a desired conversion, such as making a purchase, subscribing to a newsletter, or filling out a form.

Creating landing pages offers several benefits for various purposes. Here are a few reasons why you should consider crafting landing pages:

 Landing pages allow you to deliver a specific and targeted message to your audience. You can tailor the content to match the needs and interests of a particular group or campaign.

 They are designed to guide visitors toward a specific action, such as making a purchase, filling out a form, or subscribing. This focused approach often results in higher conversion rates compared to generic pages.

 Landing pages provide valuable data and insights into visitor behavior. You can track metrics like conversion rates, click-through rates, and more, helping you understand what works and refine your marketing strategy.

 If you're running online ads, directing clicks to a dedicated landing page improves the relevance and coherence of your campaign. This alignment often translates into better ad performance and ROI.

 Unlike a homepage that may have various links and information, a landing page typically has fewer distractions. This simplicity keeps the visitor's focus on the specific offer or information you want to highlight.

 Landing pages can be optimized for specific keywords, making them more search engine-friendly. This can contribute to better visibility in search results, attracting organic traffic.

 By customizing the design and content of landing pages, you can create a consistent brand experience. This reinforces your brand identity and builds trust with your audience.

 You can easily conduct A/B tests on landing pages to experiment with different elements and determine what resonates best with your audience. This iterative process helps refine your approach over time.In summary, creating landing pages is a strategic approach to engage your audience, drive specific actions, and gather insights for continuous improvement in your marketing efforts.

Creating an effective landing page involves careful consideration of the target audience and the desired action. Here are some key elements to keep in mind when designing a landing page:

: A landing page should be clear and straightforward, avoiding unnecessary distractions. Present information in a concise manner to guide visitors toward the intended action without confusion.

: Craft a compelling headline and subheading that quickly communicate the value proposition or offer. This helps grab the visitor's attention and encourages them to stay on the page.

: Incorporate relevant and high-quality visuals, such as images or videos, to enhance the overall appeal of the landing page. Visual elements can help convey information more effectively and create a positive impression.

: Clearly define the desired action with a prominent and well-designed CTA button. Whether it's "Subscribe Now," "Buy Now," or "Download," the CTA should stand out and be easily accessible.

: If the goal is to collect information from visitors, integrate a user-friendly form on the landing page. Collect only essential information to minimize friction and increase the likelihood of form completion.

: Ensure that the landing page is optimized for mobile devices, as a significant portion of internet users access content through smartphones and tablets.

: Regularly test different elements of the landing page, including headlines, visuals, and CTAs, to identify what resonates best with the audience. Use analytics to track performance and make data-driven optimizations.

Now, let's delve into two common types of landing pages and their respective goals:

: Design a landing page with a form as the primary CTA. Encourage visitors to provide their contact details, such as name and email address, in exchange for valuable content or offers.

: Encourage immediate action, such as making a purchase or signing up for an event.

: Create a landing page focused on showcasing a specific product, service, or promotion. Highlight key benefits and include a compelling CTA to drive conversions.

By understanding the goals and tailoring the content and design accordingly, businesses can create landing pages that effectively engage visitors and drive desired actions.

At Mailmodo, you can easily create and customize landing pages for your use. For your help, we have created articles which will help you at each step. You can follow all of them along for basics or dive right into the ones you need. From starting to launching your landing page we have covered you.

Enhancing landing page functionality: Forms & Tracking

If you face any problem then reach out to us at 

Getting started with Landing Pages

Before going on to understand why and how your landing pages will be found on search engine, it will be good to know 

what are landing pages, their need and type

All landing pages that have been published adhere to the latest Google SEO standards and are optimized for swift loading across various networks.

Every published page features an integrated Google reCaptcha, concealed beneath the form submission button, effectively thwarting spam accumulation in your email list by bots and crawlers. This reCaptcha mechanism is triggered solely in response to detecting any malicious activity during form submissions. To learn more about forms go to, 

Enhancing landing page functionality: Forms & Tracking.

Each landing page that is published includes SSL security to adhere to Google's guidelines for ensuring crawlability of pages.

The title of your landing page will be the initial element prospective leads encounter on their Search Engine Results Pages (SERP). To enhance click-through rates and captivate interest, incorporating relevant keywords into the title of your landing page can be beneficial. You have the flexibility to modify the title of a landing page within the General settings. We have covered what we can do in General settings in the article 

Customize the Open Graph settings within the Social Share Settings of a landing page to update the title, URL, description, and image that appear when your landing page link is shared on platforms like Facebook, X, Pinterest, LinkedIn, and other social media sites utilizing Open Graph technology for content preview display. We have an article dedicated, specifically on 

How to use Social Share Settings in Landing Page

From the Tracking settings, you have the option to include extra SEO Meta-tag parameters to your landing page and insert your custom Meta-Tags. To know more about Tracking and how it is done, go to 

Enhancing Landing Page Functionality: Forms and Tracking

You have the ability to incorporate a Favicon to appear in the browser tab of your landing page. To understand what a favicon is and how to add it, read 

To learn how start creating your own landing page and launch them, we have made a resources

Can Search Engines Find Your Landing Page?

This is the first article in a list of articles designed by Mailmodo to help you launch a landing page:

Setting up landing pages in Mailmodo (here)

Before starting it will be good to know, 

 as well as why you should use Mailmodo to create landing pages i.e. 

what are the advantages of using Mailmodo for landing pages

Follow the below steps to easily create landing page:

1) Click on 'Pages & Forms' on the left menu.

Start creating a landing page from scratch

Use a landing page template from the gallery

Duplicate an existing landing page from Your Pages

When you will hover over a template in the gallery you will get two options: 

To commence, we suggest initiating the customization process by editing the settings of your landing page to tailor it according to your company's branding. To do so, click on the Settings button in the bottom left corner of the page.

Define style (font, font size, colors) of any type of text in your page

Define style (font, font size, colors) of button

You can add or replace your brand logo by dragging your file or selecting it from your computer. 

The Favicon functions as a distinctive icon representing the brand of a website. Normally visible in the browser tab during website visits or alongside a website's name in a bookmark list, its primary objective is to facilitate swift identification of your page, particularly when visitors have numerous tabs open.

Prior to incorporating it into your landing page, it is necessary to host your favicon on your current servers to obtain the corresponding URL.

In the absence of a favicon URL, visit a favicon generator website, such as 

. Upload the favicon file to your current servers or utilize a secure image hosting service.

settings, enter the URL where your Favicon is hosted.

Now that we have covered the how to create a landing page and how to personalize it, we can 

Setting up landing pages in Mailmodo

A landing page comprises of pages, sections and layouts. To learn what landing pages are, you can read 

This is the second article in a list of articles designed by Mailmodo to help you launch a landing page:

Now let us, dive deep into the various basic components of landing pages. 

You link pages to the landing page according to your need.

Sections are used to organize the content easily on the page. 

You can either start from scratch by clicking on '

' or use premade sections from the drop down menu.

New sections appear on the bottom of the page.

On the right hand side under properties there will be option to name the section.

Drag and drop the sections according to your need.

If you are uncertain about the specific section you need to relocate, then hover over a section in the list, it will exhibit animation within your design.

Hover over the section you want to reuse.

', the cloned section will appear just below the section from which you cloned.

' option visible on the upper left hand side of the section you chose.

From the three options available, click on the 2nd one i.e. '

In the pop up box which appears click on '

On the left hand side 'Sections' panel will open, hover over the section you want to use (or add blank section).

Swapping the block will erase all the contents of the current block. 

From the three options available, click on the 3rd one i.e. '

Within a section, you have the capability to incorporate various elements, including a container, text, button, image, video, divider, logo, icon, code, and form. To learn more about elements read 

To add an element follow the given below steps:

Click on the section you want to add an element to.

button present in the upper middle position.

Choose the element you want to add then drag and drop it in desired position inside the section.

You can easily drag and drop the elements anywhere inside the section.

The duplicate element will be copied just below the original one.

Now we can move onto the third part i.e. 

, in this we will learn about various elements that we can use in landing pages.

Defining landing page structure

This is the third article in a list of articles designed by Mailmodo to help you launch a landing page:

It will be good to read the first two article in the above series to get an understanding of the basics of landing pages in Mailmodo.

Commonalities exist in settings applicable to both sections and elements. Our initial focus will be on articulating these shared configurations, followed by an in-depth examination of settings unique to each entity.

The Alignment setting provides you with the capability to dictate the precise alignment of an element, both horizontally and vertically, according to your specific preferences.

When you will select a section then alignment section will be visible on the right hand side panel.

The Spacing setting empowers you to meticulously control the vertical and horizontal space surrounding and within sections and elements:

: Generates space around a component, beyond any defined borders.

: Establishes space within a component, differentiating the section or element from its borders.

When you will select a section then spacing section will be visible on the right hand side panel.

Choose from a range of spacing sizes, ranging from XS (smaller) to XL (larger), allowing for tailored precision in your design.

 setting puts you in command of the visibility dynamics on your landing page, contingent on the device in use. Opt to either conceal on Mobile and/or Desktop.When opting to obscure a section on a specific device, witness the section crossed in the editor, accompanied by the explicit message: "This section is not visible on mobile/desktop," aligning with your chosen preference.

Click on Visibility on upper right hand side

Choose between 'Hide on Desktop' and 'Hide on Mobile'

You can hide a section from only one device at a time. Trying to hide section from both devices will give error.

For elements too we have the option to hide them in mobile or desktop. Even if we hide an element, it will be visible in the editor. The effect will come into place after publishing.

Select element->Click on Visibility on the right panel

 setting offers the capability to infuse a section or element with a chosen background color while providing the means to finely regulate its transparency. 

It will be visible on the right hand panel after you will select a section or element.

The Background Image setting is a potent tool, facilitating the incorporation of images sourced from our library, a specific URL, or your local repository as the backdrop for a section or element:

 Enhance your design with a descriptive caption for the background image.

 Effortlessly eliminate the existing background image.

 Seamlessly opt for a new background image to supplant the current selection.

 Tailor the presentation by specifying how the background image should fit within the dimensions of the section or element.

 Exercise control over the repetition of the background image across the expanse of the section or element.

 Elevate aesthetics by introducing a color overlay above the content, with the added ability to regulate its transparency.

 to make your landing page look better visually. You can select a 

 it. The option is visible on the right hand panel, after selecting a section or element.

The Properties setting enables you to change the name of the section. The section name is visible in the right panel as you navigate through it.

We suggest assigning names to your sections as it aids in convenient tracking and navigation through them.

 setting provides options for personalizing the section's visual presentation:

: Influences the horizontal spacing on the section's sides.

: Presents the image in its entirety, filling the entire section.

: Implements Parallax scrolling to create a slower scroll effect for the section's background image compared to the foreground content.

Background colour, background image and spacing

The Common settings section of this article details the 

 element to incorporate and format text on your landing page.

allows you to adjust the style of your text. 

 you wish to edit (revealing the formatting bar) -> Click the three dots on the right for additional customization options.

Incorporating images is an excellent method to personalize the design of your landing page, enhancing its appeal. Choose an image from our library, import one from a URL, or upload directly from your computer.

The Image settings enable you to pick an image and adjust its size:

: Select a new image to substitute the existing one.

: Determine the desired dimensions of the image.

The Style setting empowers you to specify the visual attributes of the image:

: Determine the degree of rounding for the image.

: Introduce a border to the image with the option to choose its style and color.

: Set the thickness of the image border.

: Adjust the roundness of the image border.

Incorporating logos is an ideal method to showcase your brand identity on your landing page.

The Image setting provides the ability to choose a logo and adjust its size: 

: Attach a descriptive caption to the logo.

: Opt for a new logo to substitute the existing one.

: Adjust the logo dimensions by cropping it.

: Include an alternative text tag to provide descriptive information about the logo.

The Style setting empowers you to customize the visual attributes of the logo:

: Incorporate a border to the logo and choose its color.

: Specify the width of the logo's border.

: Adjust the level of roundness for the logo's border.

 element allows you to create links to external websites or other sub-pages within your landing page. Incorporating buttons on your landing page is an effective way to emphasize and encourage interaction with specific links.

The Properties setting provides options for specifying the destination of the button:

: Input the text to be displayed on the call-to-action button.

: Choose among three actions — link to a URL, anchor to a section, or link to a page within this funnel.   - If anchoring to a section, select the relevant section from the drop-down list.   - If linking to a page in this funnel, choose the desired page from the drop-down list.

: Specify the link where the button should redirect.

The Style setting empowers you to tailor the visual presentation of the button:

: Select the desired color for the button.

: Opt for an outline type and color for the button.

: Specify the width of the button's outline.

: Decide if the button should span the entire width of your page.

: Choose between a solid or hollow appearance for the button.

 Select the button shape — square, round, or pill-shaped.

: Integrate a light or dark shadow effect to the button.8. Button icon: Attach an icon to the button and designate its position.

Adjusting Landing Page Elements

This article will guide you through the process of incorporating a form into your landing page and utilizing the advanced features offered by the landing page builder.

 Enhancing landing page functionality: Forms & Tracking (here)

Utilizing forms enables you to gather specific information about your contacts and automatically include them in your contact lists within Mailmodo.

Form element is added as all other elements are, to learn follow Define landing page structure.

We have covered it under Common settings in 

 settings provide the flexibility to determine the storage location for contacts gathered through the form and specify the information you wish to collect from them. You can either store contacts in pre existing list or make a new one. You can add more than one contact field depending on your need.

Manage field will appear on right hand panel

You edit the settings of the fields you add according to your need.

Select a field to configure its settings:

: Determine whether to display the label above the field.

: Choose whether the field should be visible or hidden in the form. Hidden fields are useful when you want data to be automatically filled through URL query parameters.

: Specify if the field is mandatory for submitting the form.

Depending on the field type, various settings are available:

: Modify the label name displayed above the field.

: Input the text displayed in the field; by default, it matches the label.

: Enter text displayed beneath the field, providing helpful suggestions.

: Specify the value synchronized in your Brevo contact list if the visitor doesn't fill in the field.

: Input the value automatically inserted into the form field, which can be overridden by your contact if necessary.

 setting provides you with the ability to determine the destination when users submit their information. Utilize the Form redirect action to redirect your contacts either to a page within the funnel (a sub-page of your landing page) or to a specific URL:

: Choose the funnel page to which you want to redirect your contacts.

: Input the link to the external page where you wish to redirect your contacts.

 setting empowers you to select the appearance of your fields: none, outlined, curved outline, underlined with background, underlined no background. Additionally, you have the option to present your form in a horizontal layout. If you opt for a horizontal form, it is advisable to omit the labels of your fields. Background colour is covered in Adjusting Your landing Page Elements.

The Form Subscription Controls setting provides options for configuring the behavior of your form upon submission:

: Deactivate the default built-in Google reCaptcha on your published landing page.

Disable URL Parameters on form submission

:  By default, URL parameters are visible upon form submission, displaying additional contact data in the URL (e.g., /thank-you.html/?firstName=Jane). This feature is advantageous as it avoids redundant data entry on subsequent pages when collecting multiple sets of information through a series of landing pages in your funnel. However, if Google notifies you about URL parameters being displayed in form submissions for ads, you can disable this feature and republish your landing page.

The Style setting empowers you to specify the visual presentation of your form:

: Apply a border to your form and choose its color.

: Determine the width of your form's border.

: Choose the level of roundness for the borders of your form.

 setting on your landing page provides the option to incorporate tracking scripts at specific locations on the page. A tracking script is a piece of code designed to monitor the number of users visiting a page. These scripts facilitate the analysis of visitor behavior, including their duration on the page, points of interest, and interactions with the content.

To incorporate a tracking script into your landing page:

Within the landing page builder, click on 

Compose the tracking script within the relevant tag. You have the option to add the script in:

Platforms like Facebook Pixel and Google Analytics necessitate placing the script in the head tag, whereas other services might require it in the body. Be sure to consult the instructions provided by your tracking service to ascertain the appropriate location for incorporating the script.

Landing Pages

Getting started with Landing Pages

Can Search Engines Find Your Landing Page?

Setting up landing pages in Mailmodo

Defining landing page structure

Adjusting Landing Page Elements

Enhancing Landing Page Functionality: Forms & Tracking

Launching Your Landing Page

Amplify Your Impact: Share Your Landing Page on Social Media Platforms

Embed Google font in landing page

Pre-populate form in landing page

Sub-pages in landing page

FB comment section in landing page

Duplicating landing page

Host your landing page on a custom domain or subdomain

How to add forms to your Shopify store?