{"id":4414,"date":"2018-10-12T06:59:50","date_gmt":"2018-10-12T13:59:50","guid":{"rendered":"https:\/\/ning.com\/ning3help\/?page_id=4414"},"modified":"2019-12-18T07:01:54","modified_gmt":"2019-12-18T15:01:54","slug":"create-new-landing-page-ning-landing-page-builder","status":"publish","type":"page","link":"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/","title":{"rendered":"How to create a new landing page with NING Landing Page Builder"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Landing Page Builder is an advanced Drag-&amp;-Drop tool allowing NING users to design and build static standalone landing pages for their social networks. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>The core features of the tool<\/i><\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Several professional pre-made design templates all of which are mobile-responsive;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The possibility of adding multiple presets (content blocks) to the page (text or\/and visuals);<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Intuitive Drag-&amp;-Drop interface;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Versatile visual editing;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The possibility of changing the location of elements within content blocks;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">HTML, CSS, and JavaScript code editing.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b>Basic terms<\/b><\/p>\n<p><b>Landing page<\/b><span style=\"font-weight: 400;\"> &#8211; a standalone web page designed to serve as a \u201cgateway\u201d to a website. It is a page where most visitors end up after clicking on the website\u2019s online advertisement or organic search results. The goal of a landing page is to generate leads and encourage visitors for further actions through effective calls-to-action.<\/span><\/p>\n<p><b>Design template<\/b><span style=\"font-weight: 400;\"> &#8211; a visual theme determining the overall style of a landing page.<\/span><\/p>\n<p><b>Preset (content block)<\/b><span style=\"font-weight: 400;\"> &#8211; a uniform editable unit consisting of text or\/and visuals and representing a single section of a landing page. One landing page consists of several presets.<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5018\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\" alt=\"\" width=\"600\" height=\"351\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Creating a new landing page<\/b><\/p>\n<ol>\n<li>Open the \u201cSocial Site Manager\u201d tab in your NING admin panel and select \u201cSite and Pages\u201d in the sidebar.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5019\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/2.png\" alt=\"\" width=\"600\" height=\"369\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">&nbsp; &nbsp; &nbsp;2. Click the \u201cAdd a landing page\u201d button and fill in the required fields.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter the title of your new landing page. You may want to set it as a homepage by default. To do this, check the \u201cSet as Homepage\u201d checkbox;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter the title of the tab by clicking on which users will be redirected to the landing page. The tab will appear in the main navigation menu of the network. If you want your landing page to open in a new window, check the corresponding checkbox;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter the desired URL for your new landing page;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click \u201cSave\u201d.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/3.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5020\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/3.png\" alt=\"\" width=\"600\" height=\"351\"><\/a><\/p>\n<ol start=\"3\">\n<li><span style=\"font-weight: 400;\"> Open the newly created page in the Landing Page Builder by clicking the \u201cEdit layout and content\u201d button.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/4.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5021\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/4.png\" alt=\"\" width=\"600\" height=\"364\"><\/a><\/p>\n<p style=\"text-align: left;\"> <\/a>&nbsp; &nbsp; &nbsp;4. Once opened, fill your landing page with content and edit its design following your own preferences (see the \u201cCustomization features\u201d chapter).<\/p>\n<p style=\"text-align: left;\">&nbsp; &nbsp; &nbsp;5. When finished, click \u201cSave &amp; Close\u201d on the Landing Page Builder dashboard.<\/p>\n<p>&nbsp;<\/p>\n<p><b>Introduction to the Landing Page Builder dashboard<\/b><\/p>\n<p><span style=\"font-weight: 400;\">NING Landing Page Builder features a simple and easy-to-use control dashboard providing quick access to several functions:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Media Library<\/b><span style=\"font-weight: 400;\"> (NING logo icon): a tool allowing you to review and add media files like images and videos.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Templates<\/b><span style=\"font-weight: 400;\">: a menu which provides access to the entire range of design templates offered by the Landing Page Builder.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Preview Mode<\/b><span style=\"font-weight: 400;\"> (compass icon): preview your landing page as if it were published online.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Edit Mode<\/b><span style=\"font-weight: 400;\"> (pen and paper icon): customize your landing page by adding any number of presets (content blocks) and modifying them.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Design Mode<\/b><span style=\"font-weight: 400;\"> (angle brackets icon): change the appearance of your landing page and add new features by modifying the HTML, CSS, and JS code.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Change Resolution<\/b><span style=\"font-weight: 400;\"> (monitor icon): a tool allowing users to see how their landing page will be displayed on various devices, e.g., mobile, tablet, laptop, etc.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Page Settings<\/b><span style=\"font-weight: 400;\"> (gear icon): a tool enabling you to edit the landing page title, upload a custom favicon, and optimize the page for search engines by entering appropriate meta-data.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Save &amp; Close<\/b><span style=\"font-weight: 400;\">: save all the changes made to the landing page and return to the NING admin panel.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b>Customization features<\/b><\/p>\n<p><b>Selecting a design template<\/b><\/p>\n<p><span style=\"font-weight: 400;\">At the moment, NING Landing Page Builder offers 7 design templates for different application purposes:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Portfolio;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Agency;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Business;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Event;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Finance;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Modern;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Landing Studio.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">By selecting one of these templates, you set the general look of your landing page. You can later customize any of its visual components and edit content anytime you want.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To choose a template, click \u201cTemplates\u201d on the Landing Page Builder dashboard and select one from the drop-down menu.<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/6.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5022\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/6.png\" alt=\"\" width=\"600\" height=\"345\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Adding a new preset<\/b><\/p>\n<p><span style=\"font-weight: 400;\">A landing page consists of several content blocks following each other. These are called presets. They may contain both text and visuals like images and videos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Users are free to add as many presets as they see fit. To add a preset:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open your landing page in the <\/span><b>Edit Mode<\/b><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click the \u201c<\/span><b>+<\/b><span style=\"font-weight: 400;\">\u201d icon which shows up in between the presets.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/7.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5023\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/7.png\" alt=\"\" width=\"600\" height=\"345\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">There is a wide variety of preset types available for adding to your landing page, including:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Photo gallery;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Google Map;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Video (through YouTube and Vimeo);<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Slider and video slider;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Reviews;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Product list;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Service list;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Team;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Article;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Recent blog posts and articles;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Email subscription (through MailChimp integration);<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Schedule;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tariffs and rates;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Contacts, etc.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/8.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5024\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/8.png\" alt=\"\" width=\"600\" height=\"373\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Visual editing<\/b><\/p>\n<p><span style=\"font-weight: 400;\">NING Landing Page Builder offers multiple visual editing tools allowing users to manage and modify the appearance of their landing page most efficiently and conveniently. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For different elements of your landing page, there are different visual editing tools available in the <\/span><b>Edit Mode<\/b><span style=\"font-weight: 400;\">:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Preset editing tools<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">The menu <a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/11.png\"><img loading=\"lazy\" class=\"wp-image-4422 alignnone\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/11.png\" alt=\"\" width=\"154\" height=\"27\"><\/a>&nbsp;<\/span><span style=\"font-weight: 400;\">appears every time you hover your mouse cursor over a preset.<\/span><\/p>\n<ol>\n<li><b>Move Layer<\/b><span style=\"font-weight: 400;\">: Allows moving a preset to another place on the page. Click on the icon and drag it to the place where you want a given preset to appear. You can also move elements by pressing <\/span><i><span style=\"font-weight: 400;\">Ctrl <\/span><\/i><span style=\"font-weight: 400;\">and simultaneously dragging them to the desired location.<\/span><\/li>\n<li><b>Replace Layer<\/b><span style=\"font-weight: 400;\">: Removes the current preset and puts another one in its place. Click on the icon and select the required preset in the pop-up menu.<\/span><\/li>\n<li><b>Change background<\/b><span style=\"font-weight: 400;\">: Change the background color of a preset. You can either select a uniform color fill or set the gradient. The opacity is also configurable.<\/span><\/li>\n<li><b>Duplicate layer<\/b><span style=\"font-weight: 400;\">: Makes a copy of a preset and pastes it below the original one.<\/span><\/li>\n<li><b>Remove Layer<\/b><span style=\"font-weight: 400;\">: Deletes a preset.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/11.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5029\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/11.png\" alt=\"\" width=\"310\" height=\"54\"><\/a><\/p>\n<p><b><i>Image editing tools<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">The menu <a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/12.png\"><img loading=\"lazy\" class=\" wp-image-4423 alignnone\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/12.png\" alt=\"\" width=\"141\" height=\"32\"><\/a>&nbsp;<\/span><span style=\"font-weight: 400;\">appears every time you hover your mouse cursor over an image.<\/span><\/p>\n<ol>\n<li><b>Move Layer<\/b><span style=\"font-weight: 400;\">: Allows moving an image to another place on the page. Click on the icon and drag it to the place where you want a given image to appear. You can also move elements by pressing <\/span><i><span style=\"font-weight: 400;\">Ctrl <\/span><\/i><span style=\"font-weight: 400;\">and simultaneously dragging them to the desired location.<\/span><\/li>\n<li><b>Replace Image<\/b><span style=\"font-weight: 400;\">: Removes the current image and puts another one in its place. Click on the icon and select the required image in the pop-up menu. To upload a new image, click \u201cUpload Files\u201d in the top right corner of the menu.<\/span><\/li>\n<li><b>Duplicate layer<\/b><span style=\"font-weight: 400;\">: Makes a copy of an image and pastes it below the original one.<\/span><\/li>\n<li><b>Remove Layer<\/b><span style=\"font-weight: 400;\">: Deletes an image.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/12.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5028\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/12.png\" alt=\"\" width=\"137\" height=\"31\"><\/a><\/p>\n<p><b><i>Video editing tools<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">The menu <a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/13.png\"><img loading=\"lazy\" class=\" wp-image-4424 alignnone\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/13.png\" alt=\"\" width=\"158\" height=\"33\"><\/a>&nbsp;<\/span><span style=\"font-weight: 400;\">appears every time you hover your mouse cursor over a video.<\/span><\/p>\n<ol>\n<li><b>Move Layer<\/b><span style=\"font-weight: 400;\">: Allows moving a video to another place on the page. Click on the icon and drag it to the place where you want a given video to appear. You can also move elements by pressing <\/span><i><span style=\"font-weight: 400;\">Ctrl <\/span><\/i><span style=\"font-weight: 400;\">and simultaneously dragging them to the desired location.<\/span><\/li>\n<li><b>Change iframe source<\/b><span style=\"font-weight: 400;\">: Specify the online source of a video by providing a corresponding link.<\/span><\/li>\n<li><b>Duplicate layer<\/b><span style=\"font-weight: 400;\">: Makes a copy of a video and pastes it below the original one.<\/span><\/li>\n<li><b>Remove Layer<\/b><span style=\"font-weight: 400;\">: Deletes a video.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/13.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5027\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/13.png\" alt=\"\" width=\"254\" height=\"53\"><\/a><\/p>\n<p><b><i>Text editing tools<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">The menu <a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/14.png\"><img loading=\"lazy\" class=\" wp-image-4425 alignnone\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/14.png\" alt=\"\" width=\"278\" height=\"30\"><\/a>&nbsp;<\/span><span style=\"font-weight: 400;\">appears every time you select (highlight) a text fragment.<\/span><\/p>\n<ol>\n<li><b>Bold<\/b><span style=\"font-weight: 400;\">: bold the selected text.<\/span><\/li>\n<li><b>Italics<\/b><span style=\"font-weight: 400;\">: italicize the selected text.<\/span><\/li>\n<li><b>Underline<\/b><span style=\"font-weight: 400;\">: underline the selected text.<\/span><\/li>\n<li><b>Change text alignment<\/b><span style=\"font-weight: 400;\">: center text or align it to the left or right.<\/span><\/li>\n<li><b>Change text case<\/b><span style=\"font-weight: 400;\">: switch between the capital and small letters.<\/span><\/li>\n<li><b>Set link<\/b><span style=\"font-weight: 400;\">: add a link to the selected text.<\/span><\/li>\n<li><b>Change font<\/b><span style=\"font-weight: 400;\">: select the desired font.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/14.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5025\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/14.png\" alt=\"\" width=\"483\" height=\"52\"><\/a><\/p>\n<p><b><i>Contextual menu<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">The menu <a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/15.png\"><img loading=\"lazy\" class=\"size-full wp-image-4426 alignnone\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/10\/15.png\" alt=\"\" width=\"161\" height=\"157\"><\/a>&nbsp;<\/span><span style=\"font-weight: 400;\">appears in response to right-clicking on any element of a landing page and features the following functions:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select Parent (select the entire section of a preset);<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cut;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Copy;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Paste;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Delete;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Duplicate;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Source Code (open a source code of an element).<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/15.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5026\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/15.png\" alt=\"\" width=\"161\" height=\"157\"><\/a><\/p>\n<p><b>Note<\/b><span style=\"font-weight: 400;\">: <\/span><i><span style=\"font-weight: 400;\">These are only the core editing tools. There are more tools available for different preset types. Some presets (e.g., Google Map, email subscription, etc.) offer additional functions depending on their purpose and usage.<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Landing Page Builder is an advanced Drag-&amp;-Drop tool allowing NING users to design and build static standalone landing pages for their social networks.<br \/>\n&nbsp;<br \/>\nThe core features of the tool<\/p>\n<p>Several professional pre-made design templates all of which are mobile-responsive;<br \/>\nThe possibility of adding multiple presets (content blocks) to the page (text or\/and visuals);<br \/>\nIntuitive Drag-&amp;-Drop interface;<br \/>\nVersatile visual editing;<br \/>\nThe possibility of changing the location of elements within content blocks;<br \/>\nHTML, CSS, and JavaScript code editing.<\/p>\n<p>&nbsp;<br \/>\nBasic terms<br \/>\nLanding page &#8211; a standalone web page designed to serve as a \u201cgateway\u201d to a website. It is a page where most visitors end up after clicking on the website\u2019s online advertisement or organic search results. The goal of a landing page is to generate leads and encourage visitors for further actions through effective calls-to-action.<br \/>\nDesign template &#8211; a visual theme determining the overall style of a landing page.<br \/>\nPreset (content block) &#8211; a uniform editable unit consisting of text or\/and visuals and representing a single section of a landing page. One landing page consists of several presets.<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\"><\/a><br \/>\n&nbsp;<br \/>\nCreating a new landing page<\/p>\n<p>Open the \u201cSocial Site Manager\u201d tab in your NING admin panel and select \u201cSite and Pages\u201d in the sidebar.<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/2.png\"><\/a><br \/>\n&nbsp; &nbsp; &nbsp;2. Click the \u201cAdd a landing page\u201d button and &#8230;<\/p>\n","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a new landing page with NING Landing Page Builder - Ning 3 Help\" \/>\n<meta property=\"og:description\" content=\"Landing Page Builder is an advanced Drag-&amp;-Drop tool allowing NING users to design and build static standalone landing pages for their social networks. &nbsp; The core features of the tool Several professional pre-made design templates all of which are mobile-responsive; The possibility of adding multiple presets (content blocks) to the page (text or\/and visuals); Intuitive Drag-&amp;-Drop interface; Versatile visual editing; The possibility of changing the location of elements within content blocks; HTML, CSS, and JavaScript code editing. &nbsp; Basic terms Landing page &#8211; a standalone web page designed to serve as a \u201cgateway\u201d to a website. It is a page where most visitors end up after clicking on the website\u2019s online advertisement or organic search results. The goal of a landing page is to generate leads and encourage visitors for further actions through effective calls-to-action. Design template &#8211; a visual theme determining the overall style of a landing page. Preset (content block) &#8211; a uniform editable unit consisting of text or\/and visuals and representing a single section of a landing page. One landing page consists of several presets. &nbsp; Creating a new landing page Open the \u201cSocial Site Manager\u201d tab in your NING admin panel and select \u201cSite and Pages\u201d in the sidebar.  &nbsp; &nbsp; &nbsp;2. Click the \u201cAdd a landing page\u201d button and ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning 3 Help\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-18T15:01:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\",\"url\":\"https:\/\/www.ning.com\/ning3help\/\",\"name\":\"Ning 3 Help\",\"description\":\"The place to look for help with the details of your Ning Network.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ning.com\/ning3help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\",\"contentUrl\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2019\/12\/1.png\",\"width\":893,\"height\":523},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/#webpage\",\"url\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/\",\"name\":\"How to create a new landing page with NING Landing Page Builder - Ning 3 Help\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/#primaryimage\"},\"datePublished\":\"2018-10-12T13:59:50+00:00\",\"dateModified\":\"2019-12-18T15:01:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/create-new-landing-page-ning-landing-page-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ning.com\/ning3help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create a new landing page with NING Landing Page Builder\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/pages\/4414"}],"collection":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/comments?post=4414"}],"version-history":[{"count":7,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/pages\/4414\/revisions"}],"predecessor-version":[{"id":5036,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/pages\/4414\/revisions\/5036"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/media?parent=4414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}