{"id":5986,"date":"2021-12-13T10:25:32","date_gmt":"2021-12-13T10:25:32","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/create-your-first-landing-page\/"},"modified":"2022-06-10T04:39:15","modified_gmt":"2022-06-10T04:39:15","slug":"create-your-first-landing-page","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/start\/create\/landing-page\/","title":{"rendered":"Create Your First Landing Page"},"content":{"rendered":"<p>Our <strong>Landing Page Builder<\/strong> equips you with all the tools you&#8217;ll ever need to create high-performing landing pages that convert! That too using simple drag and drop actions, no coding knowledge required!<\/p>\n<p>Here&#8217;s a video demonstration to help you get started!<\/p>\n<div style=\"padding: 56.25% 0 0 0; position: relative;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" title=\"How to find insights - version 2\" src=\"https:\/\/player.vimeo.com\/video\/541618297?h=b2c037769a&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<h2>Step 1<\/h2>\n<h2>Create a new Landing Page<\/h2>\n<p>Use the <strong>M<\/strong><strong>ain Menu<\/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 loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1460 size-full\" title=\"Create menu for landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-create-menu.png\" alt=\"Landing page builder, create sub menu. Landing page highlighted\" width=\"488\" height=\"634\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>You&#8217;ll be redirected to the <a href=\"\/hc\/en_GB\/landing-pages\/builder\/manager\/\" target=\"_blank\" rel=\"noopener\">Landing Page Manager<\/a>. As you create your landing pages, the <a href=\"\/hc\/en_GB\/landing-pages\/builder\/creations\/\" target=\"_blank\" rel=\"noopener\">landing pages will get listed here<\/a>. 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-1462 size-full\" title=\"Create new landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-create-new.png\" alt=\"Landing page builder, create landing page button\" width=\"619\" height=\"104\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>Step 2<\/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-1463 size-full\" title=\"Give your landing page a name and description\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-create-name-description.png\" alt=\"Landing page builder, create name and description. Continue button 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 Landing Page to 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\/en_GB\/a-z-guide\/folder\/\" target=\"_blank\" rel=\"noopener noreferrer\">Folders<\/a>.<\/li>\n<\/ul>\n<p>Once you have entered the above details, click <strong>Continue<\/strong>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Step 3<\/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 <strong>Start from Scratch<\/strong> in case you wish to design your template from scratch. The <strong>My Templates<\/strong> tab lists the landing pages that you have previously saved as templates.<\/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 loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1464 size-full\" title=\"A landing page template layouts\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-template-layout.png\" alt=\"Landing page builder, landing page templates overview\" width=\"635\" height=\"579\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>Step 4<\/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\/en_GB\/landing-pages\/builder\/widgets\/\" target=\"_blank\" rel=\"noopener\">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-1465\" title=\"Add a widget to a landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-add-widgets.png\" alt=\"Landing page builder, work area and widgets\" 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-1466 size-full\" title=\"Full list of landing page builder widgets\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-builder-widgets-1.png\" alt=\"Landing page builder, widgets overview\" width=\"600\" height=\"770\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Once you drop a <strong>W<\/strong><strong>idget&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-1467\" title=\"Image settings for landing page builder\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-image-widget-setting.png\" alt=\"Landing page builder, image widget settings\" 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-1468\" title=\"Image style options\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-image-widget-style-1.png\" alt=\"Landing page builder, widget settings with the style button highlighted \" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>Step 5<\/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-1469 size-full\" title=\"Design preview of landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-builder-design-preview.png\" alt=\"Landing page builder, preview options. Enter preview mode\" width=\"637\" height=\"413\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>Step 6<\/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 the <strong>My Templates<\/strong> tab in the template selection screen <em>(See step 4 above).<\/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-1470 size-full\" title=\"Landing page builder templates\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-builder-templates.png\" alt=\"Landing page builder, template options. Switch templates or save this design as a template\" width=\"524\" height=\"391\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<\/li>\n<\/ul>\n<h2>Step 7<\/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-1471\" title=\"Save your landing page design\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-design-save.png\" alt=\"Landing page builder, continue button highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>You will now be redirected to the <a href=\"\/hc\/en_GB\/landing-pages\/builder\/manager\/\" target=\"_blank\" rel=\"noopener\">Landing Page Manager<\/a>.<\/p>\n<p>Before you can send your landing page to your contacts, you will need to activate your landing page using the <strong>Activate&nbsp;<\/strong>button <em>(as highlighted in the screenshot below).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1472\" title=\"Activate your landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-activation.png\" alt=\"Landing page builder, landing page status. Activate button 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>In case your account has insufficient funds to activate the campaign, use the sidebar prompt to <a href=\"\/hc\/en_GB\/account\/billing\/buy-more-resources\/\" target=\"_blank\" rel=\"noopener\">add the necessary funds to your account balance<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1473\" title=\"There are insufficient landing page credits\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-insufficient-funds-1.png\" alt=\"Landing page builder, insufficient funds. You need to pay for this product to continue. Payment method options\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>And just like that, you have successfully created your first Landing Page that is ready to be <a href=\"\/hc\/en_GB\/landing-pages\/send-lp\/sms-landing-page\/\" target=\"_blank\" rel=\"noopener\">sent to your audience<\/a>!<\/p>\n<p>Feel free to play around with our landing page builder <a href=\"\/hc\/en_GB\/landing-pages\/builder\/widgets\/\" target=\"_blank\" rel=\"noopener\">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\/en_GB\/landing-pages\/builder\/modify\/\" target=\"_blank\" rel=\"noopener\">modify the pre-existing landing page<\/a>!<\/p>\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>The MainBrainer Landing Page Builder empowers you with all the tools that you need to translate your vision into the perfect landing page. Get started and design your first landing page in a matter of minutes!<\/p>\n","protected":false},"author":1,"comment_status":"closed","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":[343],"ht-kb-tag":[],"class_list":["post-5986","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-create-en_gb"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/5986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/comments?post=5986"}],"version-history":[{"count":13,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/5986\/revisions"}],"predecessor-version":[{"id":9760,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/5986\/revisions\/9760"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/media?parent=5986"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-category?post=5986"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-tag?post=5986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}