{"id":2477,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/how-to-create-a-new-landing-page\/"},"modified":"2022-08-22T04:28:40","modified_gmt":"2022-08-22T04:28:40","slug":"how-to-create-a-new-landing-page","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/landing-pages\/builder\/create\/","title":{"rendered":"How to Create a New Landing Page"},"content":{"rendered":"<div class=\"aricle_container\">\n<h2><strong>Step 1<\/strong><\/h2>\n<h2>Create a new Landing Page<\/h2>\n<p>Use the <strong>Main Menu&nbsp;<\/strong>on the left to expand the <strong>Create<\/strong> menu and click <strong>Landing Page<\/strong>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1675 size-full\" title=\"Landing page sub menu\" src=\"\/hc\/wp-content\/uploads\/2022\/08\/main-menu-landing-page.png\" alt=\"New landing page, create menu. Landing page is highlighted\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>You&#8217;ll be redirected to the <a href=\"\/hc\/landing-pages\/builder\/manager\/\" target=\"_blank\" rel=\"noopener\">Landing Page Manager<\/a>. As you create your landing pages, the <a href=\"\/hc\/landing-pages\/builder\/creations\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing pages will get listed<\/a> here.<\/p>\n<p>Click the <strong>Create Landing Page<\/strong> button <em>(as highlighted in the screenshot below)<\/em> and proceed to the next step.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1677 size-full\" title=\"Create landing page button\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/create-new-landing-page.png\" alt=\"New landing page. The create landing page button is highlighted\" width=\"619\" height=\"104\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2><strong>Step 2<\/strong><\/h2>\n<h2>Give your landing page a relevant name and description.<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1678 size-full\" title=\"Landing page name and description\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-name-description-1.png\" alt=\"Give landing page a name and description. The continue button is highlighted\" width=\"579\" height=\"793\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Name<\/strong>: Use this field to give your landing page a relevant name.<\/li>\n<li><strong>Description<\/strong>:<strong>&nbsp;<\/strong>Use the field to add a relevant description for this landing page. It could be anything \u2013 for example, what audience is this landing page targeting? Or, the occasion for which you plan to distribute this landing page? Or is it intended to be a part of a special campaign?<br \/>\nThis description is not visible to your customers in any way and is purely for your reference. Please feel free to make it as informative as you like, as it will help you search for and identify this landing page later.<\/li>\n<li><strong>Add the landing page to a Folder<\/strong>: Use this dropdown to select the folder to which you would like to add this landing page. While adding your landing page to a folder is optional, we recommend that you always group and organize similar campaigns in <a href=\"\/hc\/a-z-guide\/folder\/\" target=\"_blank\" rel=\"noopener noreferrer\">folders<\/a>.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Once you have entered the above details, click <strong>Continue<\/strong>.<\/p>\n<blockquote class=\"elevio-box-warning\"><p><strong>Note:<\/strong> If you choose not to enter a landing page name, the platform assigns a default name to the landing page with the following structure:<\/p>\n<p><strong>&lt;Landing Page&nbsp; &nbsp;Creation date&nbsp; &nbsp;Creation time&gt;<\/strong><\/p>\n<p><strong>For example:<\/strong> Landing Page&nbsp; &nbsp;30-07-2021&nbsp; &nbsp;10:00:00<\/p><\/blockquote>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2><strong>Step 3<\/strong><\/h2>\n<h2>Select the template that you would like to use as a starting point for your landing page.<\/h2>\n<p>To help our users save time and energy, we offer templates that can be easily used as a starting point, and modified as you prefer. These ready-to-use templates are available under the <strong>Layouts<\/strong> tab. You can select a relevant template that fits in with your campaign theme and priorities, and proceed, or you may choose to <strong>Start from Scratch<\/strong> in case you wish to design your template from scratch.<\/p>\n<p>The <strong>My Templates<\/strong> tab lists the landing pages that you have previously saved as templates. The <strong>Themes<\/strong> tab provides you with predesigned landing pages according to certain genre or market like Lead Generation or Fitness Landing Page. It gives you a headstart in your design process while allowing you to add your own ideas as you go along.<\/p>\n<p>We recommend that you begin with one of our ready-to-use templates. We say so because all our templates have been designed keeping in mind the industry best practices. All the templates are designed to deliver relevant content, keep visitors engaged, and increase conversions.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1679 size-full\" title=\"Select landing page template\" src=\"\/hc\/wp-content\/uploads\/2022\/08\/select-landing-page-template.png\" alt=\"New landing page, templates. There is a no saved templates message\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2><strong>Step 4&nbsp;<\/strong><\/h2>\n<h2>Design your landing page<\/h2>\n<p>The area marked <strong>The W<\/strong><strong>ork area<\/strong> in the screenshot below is the space where you design your landing page. Every design element that you will need to build your landing page is available as a <a href=\"\/hc\/landing-pages\/builder\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widget<\/a> on the right-hand side. Drag and drop the required <strong>widgets<\/strong> to the <strong>work area<\/strong> to design your landing page as you prefer.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1680\" title=\"Landing page work area\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/drag-drop-create-landingpage.png\" alt=\"Landing page builder. The work area is highlighted for drag and drop\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1681 size-full\" title=\"Landing page builder widgets\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-builder-widgets.png\" alt=\"Landing page builder. The different widgets are highlighted\" width=\"600\" height=\"770\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Once you drop a <strong>widget&nbsp;<\/strong>into the <strong>work area<\/strong>, you can customize it and make the necessary adjustments to its look and feel using the <strong>Settings&nbsp;<\/strong>and <strong>Style<\/strong> tabs. You will find more information about the Settings and Style tabs in each specific widget help article.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1682\" title=\"Landing page image widget setting\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-image-widget-settings.png\" alt=\"New landing page, landing page builder. The image widget settings tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1683\" title=\"Landing page image widget style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-image-widget-style-2.png\" alt=\"New landing page, the image widget style tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2><strong>Step 5&nbsp;<\/strong><\/h2>\n<h2>Preview your landing page<\/h2>\n<p>Once you have designed your landing page, use the <strong>Enter preview mode<\/strong> option <em>(as highlighted in the screenshot below)<\/em> to see how your landing page will appear to your recipients.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1684 size-full\" title=\"Landing page preview\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/preview-landing-page.png\" alt=\"New landing page, preview. Enter preview mode button is highlighted\" width=\"637\" height=\"413\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2><strong>Step 6<\/strong><\/h2>\n<h2>Save your design as a template<\/h2>\n<ul style=\"list-style-type: circle;\">\n<li>In case you intend to reuse this landing page design in the future (with modifications or as-it-is), we recommend that you save the design as a template. Doing so will ensure that the next time you create a landing page, this design is readily available under <strong>My Templates<\/strong> in the template selection screen <em>(See step 4).<\/em><\/li>\n<li>In case you wish to switch templates, you can do so using the menu option- <strong>Switch templates<\/strong> under the <strong>Template&nbsp;<\/strong>menu.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1685 size-full\" title=\"New landing page templates\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/create-landing-page-template.png\" alt=\"New landing page, templates. Menu options are switch templates and save this design as a template\" width=\"524\" height=\"391\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<\/li>\n<\/ul>\n<h2><strong>Step 7&nbsp;<\/strong><\/h2>\n<h2>Activate your landing page<\/h2>\n<p>Once satisfied with your design, click <strong>Continue&nbsp;<\/strong><em>(as highlighted in the screenshot below)&nbsp;<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1686\" title=\"Save created landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/save-created-landing-page.png\" alt=\"New landing page, landing page builder. The continue button is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>The Page redirects you to the <strong>Create Your Landing Page URL<\/strong> page. Here, you can pick the <strong>Domain<\/strong> in the drop-down option and edit the <strong>Slug<\/strong> name. The default setting picks the Landing Page name as the slug but you can edit this if you want.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1687\" title=\"Activate landing page\" src=\"\/hc\/wp-content\/uploads\/2022\/08\/landing-page-url.png\" alt=\"Create URL to activate landing page\"><\/p>\n<p>Based on the Domain name and Slug used, you will see a preview of the URL under it.<\/p>\n<blockquote class=\"elevio-box-info\"><p><strong>Note<\/strong>: By Default, the UI assigns your company name and ID as the domain in the URL. If you want, you can configure and whitelabel your landing page URLs, emails or URL shorteners with us. Once you whitelabel your URLs, the domain will list them all for you to select. To understand more about how to whitelabel your URLs, <a href=\"\/hc\/account\/config\/whitelabel-url-shortener\/\">click here<\/a>.<\/p><\/blockquote>\n<p>Click <strong>Continue<\/strong> when you\u2019re satisfied with the URL. The page redirects you to the <strong>Landing Page Manager<\/strong>. And before you can send your <strong>Landing Page<\/strong> to your contacts, you need to activate your Landing Page. Click on the <strong>Activate<\/strong> button to do so.<\/p>\n<p>Activate &gt; Set Activation Period &gt; Watermark Text &gt; Remove Watermark<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1687\" title=\"Activate landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/activate-landing-page.png\" alt=\"Landing page overview. The activate button is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<blockquote class=\"elevio-box-info\"><p><strong>Note<\/strong>: In case you attempt to activate more campaigns than are allocated in your subscription plan, you will be prompted to add necessary funds to your account.<\/p><\/blockquote>\n<p>And just like that, you have successfully created a new landing page!<\/p>\n<p>Feel free to play around with our <a href=\"\/hc\/landing-pages\/builder\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing page builder widgets<\/a> and keep designing engaging landing pages that convert!<\/p>\n<p>And remember, it&#8217;s not always necessary to create landing pages from scratch. In case you wish to create a landing page that is minutely different from a previously created one, you can always <a href=\"\/hc\/landing-pages\/builder\/modify\/\" target=\"_blank\" rel=\"noopener\">modify the pre-existing landing page<\/a>!<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>A step-by-step guide to using the MainBrainer Landing Page Builder to create eye-catching landing pages that convert.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[214],"ht-kb-tag":[],"class_list":["post-2477","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/comments?post=2477"}],"version-history":[{"count":17,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2477\/revisions"}],"predecessor-version":[{"id":11309,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2477\/revisions\/11309"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/media?parent=2477"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-category?post=2477"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-tag?post=2477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}