{"id":65493,"date":"2022-07-13T05:43:39","date_gmt":"2022-07-13T11:43:39","guid":{"rendered":"https:\/\/www.scalahosting.com\/blog\/?p=65493"},"modified":"2024-08-08T05:15:11","modified_gmt":"2024-08-08T11:15:11","slug":"how-do-you-create-a-landing-page-using-joomla","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/blog\/how-do-you-create-a-landing-page-using-joomla\/","title":{"rendered":"How Do You Create a Landing Page Using Joomla?"},"content":{"rendered":"\n<p><strong>A landing page is a web page<\/strong> that has been created to attract visitors to your website. It can be considered an extension of your website and is meant to provide information about your business or services.&nbsp;<\/p>\n\n\n\n<p>The best thing about this type of page is its <strong>simplicity<\/strong>. They don\u2019t require any technical knowledge from you to create them. All you have to do is write down what you want people who visit this particular webpage will see and read. This way, you will get more traffic on your site, which means more sales.<\/p>\n\n\n\n<p>You can create a landing page the hard way and the easy way. In this guide, we\u2019ll show you the <strong>easy way to make a <\/strong><a href=\"https:\/\/www.scalahosting.com\/blog\/what-is-joomla\/\"><strong>Joomla<\/strong><\/a><strong> landing page step-by-step<\/strong> using the <strong>Joomla Page Builder<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Page-Builder\">JA Joomla Page Builder<\/h2>\n\n\n\n<p><strong>Joomla Page Builder is a free, open-source component<\/strong> that allows you to create a unique and effective landing page.<\/p>\n\n\n\n<p>With this free page builder, <strong>creating landing pages takes mere minutes<\/strong>, and you don\u2019t need to learn how to code or use complicated tools like Photoshop.&nbsp;<\/p>\n\n\n\n<p>You can choose from hundreds of<strong> ready-made templates or build your own unique one with our drag-and-drop interface.<\/strong> You get full control over every aspect of the template, including&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Colors,<\/li>\n\n\n\n<li>Fonts<\/li>\n\n\n\n<li>layout<\/li>\n<\/ul>\n\n\n\n<p>Everything that makes up <strong>a modern website is at your fingertips.<\/strong><\/p>\n\n\n\n<p>Before we cover <strong>each step to create your landing page,<\/strong> ensure you have a Joomla site ready to download and download the JA Joomla Page builder.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s get to it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Content-and-Graphics\">1. Prepare Content and Graphics<\/h2>\n\n\n\n<p>Before you even set out on this landing page journey, think about what you want your website to look like and what its purpose is. For instance, <strong>to create an effective lead-generating landing page, <\/strong>you may need to include elements like <strong>product features and benefits, answer any questions that may hold your customers back, and a calls to action<\/strong><em> (CTA).&nbsp;<\/em><\/p>\n\n\n\n<p>Additionally, think about what kind of media will give your visitors a clear idea of what you\u2019re offering. This may come in the form of product images, videos, and diagrams.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Install-JA-Joomla\">2. Install JA Joomla Page Builder on Your Joomla Site<\/h2>\n\n\n\n<p>The great thing about Joomla is how easy it is to install packages. If you haven\u2019t already, download the <a href=\"https:\/\/www.joomlart.com\/member\/downloads\/joomlart\/ja-joomla-page-builder\/ja-joomla-builder\">Joomla Page Builder<\/a>. You\u2019ll need to sign up for a free account if you don\u2019t already have one. Then, find the <strong>JA Builder Package<\/strong> and click <strong>Download<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image mpg-gallery\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/lRdreTDhJ7dMdSUHsVeM2p2cRCzrMMTsweimxF4ETobyZvsz02TpgWdFIQLvGzbrhjzEbwButiDTQIYvYzjoWrXqxfRRO9kJbGrjjNiCYErNg-H7_L6fRWF-8HbApCJaE_UYkM_-FJ_QNa0d6A\" alt=\"\"\/><\/figure>\n\n\n\n<p>Once the download is complete, you must install it on your Joomla site. To do this, go to <strong>Extensions<\/strong> \u2192 <strong>Manage<\/strong>. Find and select the download and click <strong>Upload &amp; Install<\/strong>.<\/p>\n\n\n\n<p>Once the installation finishes, you can go to <strong>Extensions<\/strong> \u2192 <strong>Templates<\/strong> and set the JA Builder as the default template.&nbsp;<\/p>\n\n\n\n<p>The installation is complete \u2013 let\u2019s move on to creating your landing page!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Create-a-Landing-Page\">3. Create a Landing Page with Joomla Page Builder<\/h2>\n\n\n\n<p>From your dashboard, go to <strong>Components<\/strong> \u2192 <strong>JA Builder<\/strong> and then <strong>Create a New Page<\/strong>. Give the page a suitable title, and click <strong>Save<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Next, tap the <strong>Live Edit<\/strong> button to proceed to the page builder.<\/p>\n\n\n\n<figure class=\"wp-block-image mpg-gallery\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/GYXgSt5vfXCf01uY5yQA1y16lE-A5DHzTHlAi2sZi9PQfpAMEb1BT1Sr_AVDMeX6je2CkinTRvQZ06ukiT04QnsazzNFND3bMw6xB0MWRbiz7lJmsGC2hvaXabp1P4yKpOk86NulGqOezMqKWg\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Design-Your-Content-Block\">4. Design Your Content Block<\/h2>\n\n\n\n<p>There are three main sections in the page layout. The content blocks on the section are displayed on all pages for the <strong>Header<\/strong> and <strong>Footer<\/strong> blocks, but the <strong>Content<\/strong> blocks are only displayed on the current page.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the menu on your left, <strong>Add Blocks<\/strong>, you can peruse through the various block types and then choose your layout and style.&nbsp;<\/li>\n\n\n\n<li>Repeat the same process for the <strong>Main Content<\/strong> and <strong>Footer<\/strong> section.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image mpg-gallery\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/KMdxMHG6YUuZETmAWuxOF1N0ZwSQ71b6APjtZsKxuA_ExRpkcgvZPk_6eFlZ_sofPpgdERKQ924wYLM09uEQZz7YGYjPF7sEP2cl-d2dfsI2WDzvtJVG7WzNwJpprsInpIdyY1hJVbXiK_uTHg\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Customize-and-Style\">5. Customize and Style the Landing Page<\/h2>\n\n\n\n<p>Once you create the basic layout of the landing page, you can customize it.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hover over the content block and locate the toolbar on the right.<\/li>\n\n\n\n<li>Click on the <strong>Settings<\/strong> <strong>Icon<\/strong> that will open the configuration window to style the content block.<\/li>\n\n\n\n<li>You can change the background color, images, text spacing and alignment, animations, and widgets.<\/li>\n\n\n\n<li>Any changes you make to the content, graphics, icons, and menu automatically save.<\/li>\n\n\n\n<li>When you\u2019re ready to see the changes, click on the <strong>Publish User <\/strong>button.<\/li>\n\n\n\n<li>If you\u2019re happy with the results and feel the customizations are complete, you can press <strong>Publish<\/strong>. Now your changes are live.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Creating and customizing highly-effective landing pages takes very little time indeed. If you haven\u2019t already, now is the time to ensure your site runs as fast and reliably as possible.&nbsp;<\/p>\n\n\n\n<p>ScalaHosting offers <strong>fully managed cloud servers<\/strong> that takes the load-off of both you and your Joomla site. In other words, our Joomla experts <strong>take your site to new speeds and efficiency<\/strong>, while a <strong>high-powered, highly-secure<\/strong> cloud server provides your visitors with the <strong>smoothest experience<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"shortcode-cta-new-wrap row joomla\">\r\n    <img decoding=\"async\" class=\"shortcode-logo\" src=\"\/blog\/images\/shortcode-bg-new-logo-joomla.svg\" alt=\"shortcode-logo\" title=\"shortcode-logo\"\/>\r\n    <div class=\"shortcode-cta-img col-10 col-sm-7 col-md-5\">\r\n        <img decoding=\"async\" class=\"shortcode-bg\" src=\"\/blog\/images\/shortcode-bg-new-joomla.webp\" alt=\"shortcode-bg\" title=\"shortcode-bg\"\/>\r\n    <\/div>\r\n    <div class=\"shortcode-cta-content col-12 col-md-7\">\r\n        <div class=\"content\">\r\n            <div class=\"heading\">Take your Joomla site to new Heights - Join the ScalaHosting Family<\/div>\r\n            <div class=\"list-wrap\">\r\n                <div class=\"list\">\r\n                    <div><b>Free, Effortless & No-Downtime Migration<\/b><\/div>\r\n                    <div><b>Anytime Unconditional Money-back Guarantee<\/b><\/div>\r\n                    <div><b>Constant, fast and competent Joomla Support<\/b><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-wrap row\">\r\n                <div class=\"col-auto\">\r\n                    <a class=\"button blue\" href=\"https:\/\/www.scalahosting.com\/joomla-hosting.html\">Start Now<\/a>\r\n                <\/div>\r\n                <div class=\"col-auto\">\r\n                    <button class=\"button blue_outer\" title=\"Contact Sales\" onclick=\"chatChangeVisibility(this, 'maximize', {}, 5);\">Chat with our Experts<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A landing page is a web page that has been created to attract visitors to your website. It can be &#8230;<\/p>\n","protected":false},"author":106,"featured_media":65495,"comment_status":"open","ping_status":"closed","sticky":false,"template":"single-cluster-joomla.php","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[119],"tags":[],"class_list":["post-65493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-joomla-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/65493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/comments?post=65493"}],"version-history":[{"count":8,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/65493\/revisions"}],"predecessor-version":[{"id":71430,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/65493\/revisions\/71430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/media\/65495"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/media?parent=65493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/categories?post=65493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/tags?post=65493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}