Summary
- What is a landing page?
- Create a landing page
- Edit a landing page
- Duplicate a landing page
- Unpublish a landing page
- Archive a landing page
- Delete a landing page
- Restore an archived landing page
- Additional settings
- Custom domain for your landing page
- Preview Your Landing page
- Pricing & Packaging
- Granting or removing access for a shared account
What is a landing page?
A landing page is a standalone web page specifically designed to receive and convert visitors into potential leads or customers. It is created with a focused objective, such as promoting a product, service, or special offer, and typically has a clear call to action (CTA) that encourages visitors to take a specific action, such as making a purchase, signing up for a newsletter, or filling out a form.
In the world of digital marketing, landing pages play a crucial role in capturing the attention of potential leads and turning them into valued customers.
Landing pages are often used in digital marketing campaigns and serve as entry points for visitors who click on a specific advertisement, email link, or search engine result. They are designed to provide relevant and compelling information to the visitor, emphasizing the key benefits or features of the offering and guiding them toward the desired conversion.
By creating well-designed landing pages with compelling copy, strong CTAs, and optimization techniques, you can effectively capture the attention of your target audience and increase conversions, contributing to the success of your marketing campaigns.
Create a landing page
Creating your landing page is a breeze with our online builder. Navigate to the Landing Pages section and click the 'Create a New Page' button.
Choose a template from our gallery.
Craft your landing page effortlessly with Mailjet’s Editor.
Once your design is complete, simply click 'Save & Publish'.
Content Tools
This area covers all the content elements that will appear in your message (text, images, buttons, social sharing, etc).
Adding content is easy - just drag the content block to the desired area on your Landing page. If you want to move that block, just drag and drop it to the new location.
Text
Using the Text toolbar, you can easily format and customize your text block:
o Adjust line heights
o Align text
o Set the background color
o Change Margins
o Personalize your content using contact properties
o Format your text (font, bold, italic, etc)
Image / Image Gallery
The Image toolbar offers a range of options to enhance your visuals:
-
- Adjust horizontal positioning
- Add padding for a polished look
- Apply a border or shape to the image
- Optimize for mobile scaling
- Set a background color for seamless integration
You can incorporate an image into your section using the following methods:
- Upload: Select an image from your device and effortlessly add it to your Image Gallery.
- Image Gallery: Choose from your existing collection of images stored in the Image Gallery for quick selection and use.
- Link: Directly use an existing image available online.
Does the image size in emails really matter?
-
Improved Deliverability: Large image file sizes can trigger spam filters or cause emails to be flagged as suspicious by email providers. By using smaller images, you reduce the risk of your email being filtered out before it reaches the recipient's inbox.
-
Compatibility: Some email clients or devices may have limitations on the size of images they can display. Using smaller images helps ensure that your content is compatible across a wide range of devices and email platforms.
-
Faster Loading Times: Smaller images load faster, ensuring that your email content appears quickly for the recipient. In today's fast-paced digital world, users expect instant access to content, and slow-loading emails can lead to frustration and disengagement.
- Bandwidth Conservation: Many recipients access their emails on mobile devices or in areas with limited internet connectivity. Smaller image sizes consume less bandwidth, making it easier for users to access your email content regardless of their location or device.
The Image Gallery feature in Mailjet serves as a centralized hub for managing and organizing images.
Image Gallery Key Features
Centralized Storage
- The Image Gallery acts as a central repository for uploading and storing images.
- Eliminates the need to upload the same image repeatedly for different landing pages.
Easy Retrieval
- Enables easy browsing and selection of images within the gallery while creating a landing page.
- Saves time and ensures consistency in visual elements.
Organization
- Labeling and Starring: Effortlessly categorize and prioritize your images in the Image Gallery by applying labels and stars, ensuring easy organization and quick identification.
- Systematic Structure: Organizing images into categories ensures a systematic and tidy arrangement. This helps streamline your image library for easy navigation and ensures that you can find what you need without unnecessary scrolling or searching.
Reuse
- Allows reuse of stored images across multiple landing pages.
- Ideal for consistent usage of logos, product images, or other visuals.
Integration
- Seamlessly integrates with the editor for quick addition of images.
How to Use the Image Gallery
The Image Gallery feature allows you to store, organize, and efficiently use images within your campaigns and landing pages. Follow these steps to make the most of your gallery.
Accessing the Image Gallery
To access the Image Gallery, simply navigate to the Image Gallery section in your dashboard.
You can also use the Image Gallery when building a landing page: just drag and drop an image content box, then select Insert Image from Gallery.
Uploading Images
You can upload images to your gallery directly from your computer or from an external URL.
Does the image size in emails really matter?
-
Improved Deliverability: Large image file sizes can trigger spam filters or cause emails to be flagged as suspicious by email providers. By using smaller images, you reduce the risk of your email being filtered out before it reaches the recipient's inbox.
-
Compatibility: Some email clients or devices may have limitations on the size of images they can display. Using smaller images helps ensure that your content is compatible across a wide range of devices and email platforms.
-
Faster Loading Times: Smaller images load faster, ensuring that your email content appears quickly for the recipient. In today's fast-paced digital world, users expect instant access to content, and slow-loading emails can lead to frustration and disengagement.
- Bandwidth Conservation: Many recipients access their emails on mobile devices or in areas with limited internet connectivity. Smaller image sizes consume less bandwidth, making it easier for users to access your email content regardless of their location or device.
Organizing Your Images
Maintaining an organized gallery helps you find the right images quickly. You can assign labels to images to categorize them in ways that suit your needs—such as by event, season, geographic location, or client group.
- You can create up to 200 labels per API Key.
- Each image can have multiple labels applied, giving you flexibility in organization.
Additionally, you can star images that are frequently used, such as a company logo. Starred images will be prioritized and shown at the top of your gallery for easy access.
Retrieving Images
While creating a Landing page, access the Image Gallery to easily retrieve and insert images. Drag & drop the image content box into the Landing page and use the 'Insert image from gallery' button.
Once you've selected an image from the Image Gallery, leverage the Image Tool Editor for further adjustments. Crop, resize, rotate, or flip your image to achieve the desired visual impact.
Consider adding ALT text to your image, providing a brief and descriptive summary. ALT text serves as a backup in case the image cannot be displayed.
You can also make these modifications after saving by selecting the image and clicking on the Image Tool Editor button.
Deleting Images
To delete images from your gallery:
- Select the checkbox next to the image(s) you want to delete.
- Confirm the deletion when prompted to avoid accidental removals.
Divider
You can add a dividing line to separate sections or elements within a section (as per the example below).
The Divider toolbar allows you to:
o Set the background color
o Change Margins
o Format the line (design, color, weight)
o Adjust the horizontal and vertical spacing
Button
There are many options available in the Button toolbar including:
o Border Radius (set the roundness of the button corners)
o Button border color, weight, and style (solid, dotted, dashed, etc)
o Set horizontal positioning and padding
o Add a hyperlink
o Font alignment
o Adjust the margins
o Personalize the text using contact properties
o Format the font (font family, color, bold, etc).
Spacer
Add a blank space to separate elements or sections within your Landing page. With the Spacer Tool, you can:
o Set the height of the blank space (in pixels)
o Add a background color (optional)
Social Sharing
Add your favorite social icons to your Landing page such as Facebook, X (Twitter), LinkedIn, Instagram, YouTube, Medium and Xing.
Click the 'Configure links' button to open the Social Media Configuration modal where you can:
• Select up to 10 social media icons
• Modify the label text
• Share your social media page.
• Create your own social icon by clicking 'Add custom icon'
To show and configure the text labels, click 'Display labels'.
Click the block options (pencil) to configure the icon size, shapes, margin, and color as well as the section background color and padding.
Share online version
Share the online version of your landing page on your social media accounts.
Click the block options (pencil) to configure the icon size, shapes, margin, and color as well as the section background color and padding.
HTML Block
You can add some HTML code directly to your Landing page. Drag the HTML Block, then click on the button from the toolbar to open the HTML editor window and code away!
RSS Feed
Pull blog posts and other dynamic content into your Landing pages with an RSS Feed.
Simply drag the RSS Feed tool and add your RSS Feed URL link in the modal window. Then select the items you want imported by clicking on the drop-down list or searching by author or title.
Each imported item will appear as a section on your Landing page where you can edit the content and image as normal.
The RSS content is retrieved only once upon import and will not be updated automatically. If you need to update your RSS content, just create a new RSS feed and delete the old one.
Every time you add a URL link to an RSS Feed, it will be stored locally at API Key level. The next time you add an RSS Feed content block, you will have access to the last 5 feeds added.
Video
To add a video to your Landing page, drag the Video tool to the desired location. In the popup modal, add your video URL.
Preview images are automatically generated for YouTube, Vimeo and Dailymotion videos. For all other videos, click ‘Choose image’ to add your own preview image.
Once the preview thumbnail is created, the default play button will be added. You can choose from several designs for the play button.
The last step is to add a simple description of the preview image in the ‘Image Alt Text’ field. This alt text will be displayed in the event your subscriber cannot view the image. Then click ‘Save Video’.
From the Video toolbar, click the ‘Video’ button to edit your video at any time.
Form
Enhance your landing page by incorporating a subscription form, allowing users to seamlessly subscribe and receive updates, newsletters, or pertinent content from your website, service, or business.
Sections
Add a Section to Your Landing page
You can build your Landing page by adding sections. Then you add different elements (text, buttons, images, …) to each section. A section can have 1, 2, 3, 4, 5 or 6* columns, with varying widths.
* Columns 1 to 4 can be accessed from the sections menu. To add two more columns (5 and 6), you can do so directly within the section itself under the pen button (section settings). Within this menu, you also have the flexibility to change the number of columns on the fly to better suit your design.
To access the sections menu, click on the 'Window' icon in the upper left corner ("Layout" tab).
Drag and drop the section layout you want into your Landing page.
To add two more columns beyond the initial four, or modify the existing number, click on the section background. Select the 'pen' icon on the left, navigate to the columns section, and choose the desired number (up to 6).
Move a Section
Click in the section background then on the up or down arrows.
Duplicate a Section
Click within the section to highlight it, then click the duplicate icon on the right side of the screen.
Delete a Section
To remove a section, click within the section, then click the trash icon and confirm the deletion.
You can also quickly delete a section or element, by dragging it to the content tools area.
Global Style Settings
With a couple of clicks, easily format the text styles of all your paragraphs, headers and hyperlinks within your Landing page.
To access the global text styles, click on the gear icon in the upper left corner ("Settings" tab).
As the name suggests, the "Global Style" option will set the font family and color for all the elements listed (Headers, Paragraphs, Links).
You can then further customize the styling for each of the Headers, Paragraph and Link elements.
Lastly, if you want to have a different text style for a certain header or paragraph in your form, simply style the text as usual with the section toolbar.
Edit a landing page
From the landing pages management page, click on the gear icon, and select 'Edit'. This will grant you the ability to tailor your landing page to align with your latest objectives before publishing it once again.
Duplicate a landing page
To duplicate a landing page, simply click on the gear icon from the landing pages management page and select 'Duplicate'.
Unpublish a landing page
To unpublish a landing page, just click on the gear icon located on the landing pages management page and choose 'Unpublish'. This action will efficiently remove the page from being publicly accessible while retaining it within your management options.
Archive a landing page
To archive a landing page, click on the gear icon on the landing pages management page and select 'Archive'. This process will neatly store the page, making it temporarily inaccessible while preserving it within your management tools.
Delete a landing page
You can delete a landing page from two locations:
- On the landing pages management page, click on the gear icon and choose 'Delete'.
- If the landing page has been archived, go to your archived pages, then click the gear icon and select 'Delete'.
Restore an archived landing page
To restore an archived landing page, navigate to your archived pages, then click on the gear icon and select 'Restore'.
Additional settings
On the settings page, you can modify the name and URL of your landing page, implement search engine and social media optimizations. Additionally, you have the opportunity to personalize the favicon (the small icon next to the page title in the browser tab) of your page.
Custom domain for your landing page
Benefits of using a custom domain for a landing page
Using a custom domain for a landing page offers several significant benefits, particularly in terms of branding, credibility, and Search Engine Optimization (SEO).
-
Branding
A custom domain presents a professional image, making your site easier for visitors to remember and recognize. It also reinforces consistent branding across all marketing materials.
-
Credibility and Trust
A custom domain increases visitor trust and perceived legitimacy, signaling that you are serious about your business.
-
Search Engine Optimization (SEO)
Custom domains are favored by search engines, improving site ranking and allowing for keyword optimization within the domain name.
By default, any landing page you create is hosted by Mailjet. However, we recommend hosting your landing pages on a custom domain if you have one.
Creating a subdomain for your landing page
If you already have a website on a custom domain, you will need to create a subdomain for your landing page. For instance, if you own yourdomain.com and your existing website lives there, host your landing pages on a subdomain, such as pages.yourdomain.com.
This is mandatory cause using your custom domain for Mailjet landing pages requires changing the DNS records for that domain. If you make these DNS changes directly on yourdomain.com, your landing page will replace your existing website, which is not desired.
Adding your subdomain to your landing page
To add your subdomain to your landing page, start by navigating to the Account Information page and selecting "Set up a page domain" under the Senders and Domains section.
Next, click "Add a Page Domain" and enter the required information: Label, Subdomain, and Domain.
Once you have filled in these details, click "Add" to complete the process.
After adding your subdomain, you need to create a CNAME record in the DNS zone of your subdomain. This must be done through your domain host, and the process varies depending on the host.
Finally, click "Check DNS" to update the status after adding the record. If the status turns green, you're all set!
Activating your custom domain on your landing page
To activate your newly added subdomain for your landing page, navigate to your landing page settings.
Under the "Page URL" section, select the custom subdomain from the dropdown menu.
Click "Save". Congratulations! Your landing page will now use your custom domain!
Preview Your Landing page
In the Landing page editor, you'll find two preview options (Desktop & Mobile) available in the upper right corner. The Desktop version is displayed as the default and represents the draft template you're currently working on, while the Mobile option allows you to preview the display on mobile devices.
Pricing & Packaging
Free and Essential plans allow you to build a landing page, but publishing is not available. To unlock publishing capabilities, you will be prompted to upgrade your plan. Once you upgrade to Premium or Custom, you will have landing pages at your disposal.
However, it's important to note that if you decide to downgrade your plan, you will lose access to your landing pages, resulting in them becoming inactive.
- If you downgrade to Essential, we will retain your landing page data for a period of 400 days. This allows you to reactivate your landing pages within a reasonable timeframe, should you choose to upgrade your plan again.
- In the case of a downgrade to Free, we will keep your landing page data for a period of 90 days. This grace period provides you with an opportunity to reconsider your plan choice or potentially upgrade to regain access to your landing pages.
Granting or removing access to a shared account
If you plan to grant or remove access to this feature to a shared account, you can do so from the account sharing page.
Simply click on “Manage → Edit”.
Then check or uncheck the Landing pages box and update the access.