{"id":16220,"date":"2022-01-25T18:53:13","date_gmt":"2022-01-25T16:53:13","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=16220"},"modified":"2024-12-20T19:37:48","modified_gmt":"2024-12-20T17:37:48","slug":"key-components-of-landing-page","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/","title":{"rendered":"What are the Key Components of a Landing Page"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">A landing page is a page presenting a product or service. The main task of the landing page is to convince the user to take a certain action: call, subscribe to the newsletter, buy a product, or like a post. Such a site always has a goal and most often it aims at generating leads to the service. See the example below if you want to know what are the key components of a landing page.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/landing.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/landing.png&#038;#8221<\/a>; alt=&#8221;what are the key components of a landing page&#8221; title_text=&#8221;landing&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e1028d9be46\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e1028d9be46\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#A_great_headline\" >A great headline<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#High-quality_images\" >High-quality images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#Copy_that_converts\" >Copy that converts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#Unique_selling_proposition_USP\" >Unique selling proposition (USP)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#Simple_intuitive_forms\" >Simple, intuitive forms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#Social_proof_or_testimonials\" >Social proof or testimonials<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#Call-to-actions\" >Call-to-actions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#How_to_create_a_landing_page_fast_without_technical_skills\" >How to create a landing page fast &amp; without technical skills?\u00a0<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"A_great_headline\"><\/span><span style=\"font-weight: 400;\">A great headline<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The title and subtitle of the page are the first things we pay attention to upon visiting the site. The first screen of a quality landing page contains an offer (proposal), as well as a brief description of the client&#8217;s problem, which they can solve with the help of your product or service. The text here should be so simple that it can be understood at a glance.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/header-1.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/header-1.png&#038;#8221<\/a>; alt=&#8221;landing page elements&#8221; title_text=&#8221;header&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Keep in mind: no headline, no sale. You should also not make an intriguing headline, because in this way you can scare away some of the visitors. Make the title as simple and clear as possible, reflecting the essence of the problem of the target audience. The subtitle should explain the title or answer the user&#8217;s question &#8220;What will I get?&#8221;<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"High-quality_images\"><\/span><span style=\"font-weight: 400;\">High-quality images<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Images in high resolution are highly important <\/span><span style=\"font-weight: 400;\">landing page components<\/span><span style=\"font-weight: 400;\">. Almost half the <\/span><a href=\"https:\/\/${domain}\/blog\/how-to-create-a-high-converting-landing-page-3-important-steps\/\"><span style=\"font-weight: 400;\">success of a landing<\/span><\/a><span style=\"font-weight: 400;\"> depends on the illustration that you place on the first screen. The landing page may have an ideal structure with all the marketing requirements met. However, its conversion may be at zero for the simple reason that the image does not reflect the essence of the product\/service well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/high-quality-images.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/high-quality-images.png&#038;#8221<\/a>; alt=&#8221;landing page components&#8221; title_text=&#8221;high-quality images&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Compare the two images. One of them is stock and absolutely does not fit the landing page<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">If the pictures chosen are of poor quality, the whole platform will appear cheap. Conscious consumers will not invest in such services. The visual side of the site design plays a decisive role today, do not forget about it.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Copy_that_converts\"><\/span><span style=\"font-weight: 400;\">Copy that converts<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you know your lead, you need to know exactly what they want to hear. Let&#8217;s imagine an approximate chain of actions of a lead:<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A person launches an architectural studio, which is engaged in interior and exterior design.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The company wants to show its work to future customers, receive feedback, and enter e-commerce in the future.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Weblium, in its turn, is an online tool for creating a website without a designer and a programmer.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This means that although contact with leads can be difficult, it is very interesting. A cold lead (a person who does not yet know about the company, but needs its services) will need a <\/span><a href=\"https:\/\/weblium.com\/landing-page-website-templates\"><span style=\"font-weight: 400;\">company website<\/span><\/a><span style=\"font-weight: 400;\"> whatever business they have. Thus, after you create a landing page, a copy will be one of its most strategically important elements.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, you need to be careful even with \u2018warm\u2019 and \u2018hot\u2019 leads. Note that the main task of the support service is to help, and not to insert something paid at the first opportunity. So, let your text be friendly and engaging, without creating too much pressure on potential clients.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/copy-that-convers.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/copy-that-convers.png&#038;#8221<\/a>; alt=&#8221;landing page features&#8221; title_text=&#8221;copy that convers&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Unique_selling_proposition_USP\"><\/span><span style=\"font-weight: 400;\">Unique selling proposition (USP)<\/span><span style=\"font-weight: 400;\"><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The essence of USP is the brief trade offer, which is one of the key <\/span><span style=\"font-weight: 400;\">elements of a landing page <\/span><span style=\"font-weight: 400;\">as well. It should talk about the benefits of the product and the reasons for buying it. Make your offer simple and understandable so that the client can understand the essence and value of the offer in a couple of seconds.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/USP.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/USP.png&#038;#8221<\/a>; alt=&#8221;parts of a landing page&#8221; title_text=&#8221;USP&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">The focus can be on the quality, authenticity, or trendiness of your services. The other two popular criteria are speed and cost. Use any of them and explain it in the context of the offer. For instance:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Quality: Sturdy Italian mahogany table.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Speed: delivery of furniture within a day.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cost: 30% discount on the second item.<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/offer-example.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/offer-example.png&#038;#8221<\/a>; alt=&#8221;elements of a good landing page&#8221; title_text=&#8221;offer example&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Offer some kind of free bonus for signing up or filling out a form on the landing page<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">A maximum of two benefits can be combined in one offer. It is not worth connecting three at once, because it looks intrusive and implausible.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Simple_intuitive_forms\"><\/span><span style=\"font-weight: 400;\">Simple, intuitive forms<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Forms are not only interactive, they perform a direct function \u2014 gathering the lead intention and transferring them for analysis. For instance, let&#8217;s take application forms. It is recommended that you put them in 3-4 places: on the first screen, in the middle, and at the end of the page. The target action that the user will take by filling out the form depends on the final goal of the landing page. If you&#8217;re promoting <a href=\"https:\/\/weblium.com\/conference-website-builder\">a conference<\/a>, you&#8217;ll want users to register for it. If you are selling a product, then your goal is to get contact information.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/event-contact-form.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/event-contact-form.png&#038;#8221<\/a>; alt=&#8221;what are the key components of a landing page&#8221; title_text=&#8221;event contact form&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Order form is another type of form you can integrate into your site. The more expensive the product, the more time the user needs to think. So, even if a potential client needs that luxurious car, they are unlikely to decide between buying it with lightning speed.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thus, not all <\/span><span style=\"font-weight: 400;\">landing page elements <\/span><span style=\"font-weight: 400;\">should be placed on the first screen. If the product or service is simple enough, then an order form is appropriate. If most users definitely need time to consider a purchase, place a small \u2018Contact Us\u2019 button on the first screen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Social_proof_or_testimonials\"><\/span><span style=\"font-weight: 400;\">Social proof or testimonials<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The presence of reviews and real-life feedback on the site is one of the decisive factors that influence the decision of a person to apply to the company. Testimonials can <\/span><a href=\"https:\/\/optinmonster.com\/social-proof-statistics\/\"target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">increase conversions<\/span><\/a><span style=\"font-weight: 400;\"> on sales pages by 34%. Here you can experiment and add links to posts with reviews in social networks or video reviews.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">What should be on a landing page <\/span><span style=\"font-weight: 400;\">in terms of social proof? Telling about your reliable partner is optional for landing pages of small companies selling inexpensive goods, but if you have worked with large clients, it is worth showing.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/testimonials.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/testimonials.png&#038;#8221<\/a>; alt=&#8221;what should be on a landing page&#8221; title_text=&#8221;testimonials&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Facts in numbers are a great option too. The numbers are eye-catching and easy to read. The user already has an idea of \u200b\u200bthe amount of material they need, the sum of money they should invest, or the results they expect from your company. Thus, tell them about your conditions so that the lead compares them with the offers of competitors and makes a choice.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/numbers.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/numbers.png&#038;#8221<\/a>; alt=&#8221;elements of a landing page&#8221; title_text=&#8221;numbers&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Remember: the numbers on the landing page are not there just to attract attention but to create more convenience for the client.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Call-to-actions\"><\/span><span style=\"font-weight: 400;\">Call-to-actions<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/${domain}\/blog\/effective-call-to-action-buttons\/\"><span style=\"font-weight: 400;\">call to action<\/span><\/a><span style=\"font-weight: 400;\"> should be repeated several times on the landing page. It is important that it is always located near the \u2018Contact\u2019 button or next to the capture forms. Keep in mind: it is not enough to write \u2018Call us\u2019 or \u2018Contact button.\u2019 Such phrases do not encourage, so change the rhetoric and try to interest the potential client.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cta-example.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/cta-example.png&#038;#8221<\/a>; alt=&#8221;landing page essentials&#8221; title_text=&#8221;cta example&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">These <\/span><span style=\"font-weight: 400;\">elements of a good landing page <\/span><span style=\"font-weight: 400;\">are needed to motivate some users to immediately place an order. &#8216;Hot&#8217; clients will not study the landing for a long time. They are more likely to call you when they see the phone number on the first screen or they will immediately send a request.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_create_a_landing_page_fast_without_technical_skills\"><\/span><span style=\"font-weight: 400;\">How to create a landing page fast &amp; without technical skills?\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Now that you know <\/span><span style=\"font-weight: 400;\">what are the key components of a landing page, <\/span><span style=\"font-weight: 400;\">you will focus on the right things when developing your product page. Weblium will come in handy in this matter! Start by <\/span><a href=\"https:\/\/weblium.com\/free-landing-page-builder\"><span style=\"font-weight: 400;\">choosing the template<\/span><\/a><span style=\"font-weight: 400;\"> out of the free ones or pay for the Pro subscription for more options. Then, integrate website optimization elements, forms, and tools you will need to promote your services.\u00a0<\/span><\/p>\n<p>[\/et_pb_text][et_pb_video src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2021\/10\/comp_4.mp4&#038;#8243\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2021\/10\/comp_4.mp4&#038;#8243<\/a>; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_video][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Weblium is a clear and intuitive website builder that enables you to create sites from scratch even if you have zero experience! We will be glad to help you on your business path.<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;<a href=\"https:\/\/app.weblium.com\/signup?lang=en&#038;#8221\" rel=\"nofollow\">https:\/\/app.weblium.com\/signup?lang=en&#038;#8221<\/a>; button_text=&#8221;Create a landing page&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A landing page is a page presenting a product or&#8230;<\/p>\n","protected":false},"author":20,"featured_media":16223,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[122],"tags":[],"class_list":["post-16220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What are the Key Components of a Landing Page - Weblium Blog<\/title>\n<meta name=\"description\" content=\"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What are the Key Components of a Landing Page - Weblium Blog\" \/>\n<meta property=\"og:description\" content=\"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/key-components-of-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-25T16:53:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-20T17:37:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1214\" \/>\n\t<meta property=\"og:image:height\" content=\"663\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucy Kuharenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucy Kuharenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/\"},\"author\":{\"name\":\"Lucy Kuharenko\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\"},\"headline\":\"What are the Key Components of a Landing Page\",\"datePublished\":\"2022-01-25T16:53:13+00:00\",\"dateModified\":\"2024-12-20T17:37:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/\"},\"wordCount\":1930,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Components-of-a-Landing-Page.png\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/\",\"name\":\"What are the Key Components of a Landing Page - Weblium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Components-of-a-Landing-Page.png\",\"datePublished\":\"2022-01-25T16:53:13+00:00\",\"dateModified\":\"2024-12-20T17:37:48+00:00\",\"description\":\"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Components-of-a-Landing-Page.png\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Components-of-a-Landing-Page.png\",\"width\":1214,\"height\":663,\"caption\":\"What are the key components of a landing page\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/key-components-of-landing-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What are the Key Components of a Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\",\"name\":\"Lucy Kuharenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"caption\":\"Lucy Kuharenko\"},\"description\":\"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/miledon88\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/liudmyla-kuharenko-057ab71a9\\\/\"],\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/l-kuharenko\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What are the Key Components of a Landing Page - Weblium Blog","description":"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/","og_locale":"en_US","og_type":"article","og_title":"What are the Key Components of a Landing Page - Weblium Blog","og_description":"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.","og_url":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2022-01-25T16:53:13+00:00","article_modified_time":"2024-12-20T17:37:48+00:00","og_image":[{"width":1214,"height":663,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","type":"image\/png"}],"author":"Lucy Kuharenko","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Lucy Kuharenko","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/"},"author":{"name":"Lucy Kuharenko","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa"},"headline":"What are the Key Components of a Landing Page","datePublished":"2022-01-25T16:53:13+00:00","dateModified":"2024-12-20T17:37:48+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/"},"wordCount":1930,"commentCount":1,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/key-components-of-landing-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/","url":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/","name":"What are the Key Components of a Landing Page - Weblium Blog","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","datePublished":"2022-01-25T16:53:13+00:00","dateModified":"2024-12-20T17:37:48+00:00","description":"Learn about the main elements, components and parts that compose the landing page to build a successful lead generation.","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/key-components-of-landing-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","width":1214,"height":663,"caption":"What are the key components of a landing page"},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/key-components-of-landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/${domain}\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"What are the Key Components of a Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa","name":"Lucy Kuharenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","caption":"Lucy Kuharenko"},"description":"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.","sameAs":["https:\/\/www.instagram.com\/miledon88\/","https:\/\/www.linkedin.com\/in\/liudmyla-kuharenko-057ab71a9\/"],"url":"https:\/\/${domain}\/blog\/author\/l-kuharenko\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/01\/Components-of-a-Landing-Page.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=16220"}],"version-history":[{"count":13,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16220\/revisions"}],"predecessor-version":[{"id":25138,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/16220\/revisions\/25138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/16223"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=16220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=16220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=16220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}