{"id":15802,"date":"2023-04-17T16:29:00","date_gmt":"2023-04-17T16:29:00","guid":{"rendered":"https:\/\/librenetworks.com\/en\/?p=15802"},"modified":"2023-05-19T10:43:14","modified_gmt":"2023-05-19T10:43:14","slug":"how-to-create-a-footer-with-elementor-pro-step-by-step","status":"publish","type":"post","link":"https:\/\/librenetworks.com\/en\/how-to-create-a-footer-with-elementor-pro-step-by-step\/","title":{"rendered":"How to Create a Footer with Elementor Pro, Step by Step"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create a Footer with Elementor Pro, Step by Step\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/z8lpCUCjy-g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In this video, I&#8217;m going to show you how to create a footer with Elementor Pro.<\/li>\n\n\n\n<li>The first thing you need is to have Elementor and <a href=\"https:\/\/librenetworks.com\/en\/download\/elementor-pro-wordpress-plugin\/\">Elementor Pro<\/a> installed. You can download these and many other premium plugins for WordPress from librenetworks.com by becoming a member. You can find the link below in the video description.<\/li>\n\n\n\n<li>Once Elementor and Elementor Pro are installed, in the left-hand WordPress sidebar, go to Templates, Add New.<\/li>\n\n\n\n<li>Now, in template type, click on the dropdown and choose Footer. Then, enter a name for the template, for example, Footer Demo. Click on Create Template.<\/li>\n\n\n\n<li>Next, you can choose from some of the pre-designed templates that come with the Pro version, or create one from scratch. In this tutorial, we&#8217;ll see how to create one from scratch.<\/li>\n\n\n\n<li>To do that, simply click on the close tab icon in the top right corner.<\/li>\n\n\n\n<li>Now, the first step is to define the structure you want for the footer.<\/li>\n\n\n\n<li>To do that, click on the plus symbol. In this case, we&#8217;ll define a two-column structure.<\/li>\n\n\n\n<li>Click on the left section, and in the left-hand sidebar menu, drag and drop the Inner Section option to create another subdivision into two columns, which we&#8217;ll use for links such as FAQs, Privacy Policy, etc.<\/li>\n\n\n\n<li>Click on the plus symbol again on the left column, and in the left-hand sidebar menu, drag and drop the Title option.<\/li>\n\n\n\n<li>We&#8217;ll write something like &#8216;Need Help?<\/li>\n\n\n\n<li>And align it to the center.<\/li>\n\n\n\n<li>Then, we&#8217;ll go to Style and change the color and font size.<\/li>\n\n\n\n<li>And we also change the font size.<\/li>\n\n\n\n<li>For example, 22 pixels.<\/li>\n\n\n\n<li>Let&#8217;s go back to the left sidebar, click here to view the modules, and drag the Icons List option.<\/li>\n\n\n\n<li>In this first column, we&#8217;ll add 3 typical links, such as About Us, Frequently Asked Questions, and Contact. Remember to add the links to your pages. Since I don&#8217;t have them created, I&#8217;ll leave them like this.<\/li>\n\n\n\n<li>Let&#8217;s delete the icons.<\/li>\n\n\n\n<li>Then, we&#8217;ll go to Style, and in the alignment section, we&#8217;ll center align the column.<\/li>\n\n\n\n<li>Now, let&#8217;s create a second column for legal pages, such as Terms of Use, Privacy Policy, and Cookie Policy.<\/li>\n\n\n\n<li>To do it faster, let&#8217;s delete the empty column and duplicate the column we have already created.<\/li>\n\n\n\n<li>In the title, we write Legal. And we change the names of the pages and links.<\/li>\n\n\n\n<li>We write Terms of Use, Privacy Policy, and Cookie Policy.<\/li>\n\n\n\n<li>Now, in the right section, we&#8217;ll place a newsletter subscription form, something that every online business should have.<\/li>\n\n\n\n<li>We click on the section, and in the left sidebar, we drag the Form option.<\/li>\n\n\n\n<li>We want a quick subscription form, so we&#8217;ll only leave the email field, a checkbox for privacy policy, and the subscribe button.<\/li>\n\n\n\n<li>In the email field, we uncheck the Label option, to make it look nicer.<\/li>\n\n\n\n<li>We add a new section for the privacy policy, and in type, we select the Acceptance option.<\/li>\n\n\n\n<li>We mark it as Mandatory, and paste the following code, which I&#8217;ll leave in the video description.<\/li>\n\n\n\n<li>Remember to replace it with the link to your privacy page.<\/li>\n\n\n\n<li>To change the text of the button, let&#8217;s go to the Button tab, and here, we type &#8220;Subscribe&#8221;.<\/li>\n\n\n\n<li>Now, let&#8217;s change the color of the button. We go to Style, Button, and I will use the same color as the titles.<\/li>\n\n\n\n<li>Speaking of titles, let&#8217;s also add a title to this section.<\/li>\n\n\n\n<li>We duplicate this title and give it a new name, for example, &#8220;Subscribe to the Newsletter&#8221;.<\/li>\n\n\n\n<li>Now, let&#8217;s center the entire section in the middle for a better look.<\/li>\n\n\n\n<li>We click on the section, and in Vertical Alignment, we select Center.<\/li>\n\n\n\n<li>Lastly, let&#8217;s add some social media icons.<\/li>\n\n\n\n<li>We click on the plus symbol, and add a new section.<\/li>\n\n\n\n<li>Now, we click on the plus symbol again, and in the left-hand sidebar, we drag and drop the Social Icons option.<\/li>\n\n\n\n<li>We add options for Facebook, Twitter, YouTube, and Instagram.<\/li>\n\n\n\n<li>Remember to paste your social media links here, otherwise, the icons won&#8217;t work.<\/li>\n\n\n\n<li>We select a circular shape for the icons.<\/li>\n\n\n\n<li>And in the Style tab, we&#8217;ll set a size of, for example, 12 pixels.<\/li>\n\n\n\n<li>To finish, let&#8217;s add a background color to the Footer.<\/li>\n\n\n\n<li>We select the section, go to the Style tab, select Classic background type, and configure the color using the color picker.<\/li>\n\n\n\n<li>For this occasion, I will paste the color code for the yellow from my website.<\/li>\n\n\n\n<li>Let&#8217;s do the same with the social media section. Go to the Style tab, select Classic background type, and configure the color you want in the color picker.<\/li>\n\n\n\n<li>Finally, let&#8217;s set some inner padding and margins to the Footer area.<\/li>\n\n\n\n<li>Select the section and go to the Advanced settings tab.<\/li>\n\n\n\n<li>In the Margin section, click on this button to unlink the values.<\/li>\n\n\n\n<li>Then, select the unit type E.M., and apply 2 E.M. top margin.<\/li>\n\n\n\n<li>Now, in the Padding section, do the same. Click on the button to unlink the values, select E.M. as the unit type, and apply 2 E.M. of padding top and bottom.<\/li>\n\n\n\n<li>Next, let&#8217;s do the same for the social media icons section.<\/li>\n\n\n\n<li>Click on the button to unlink the values, select E.M. as the unit type, and apply 2 E.M. of padding bottom.<\/li>\n\n\n\n<li>The last step is to publish the Footer. Click on the Publish button, and select to display it on the entire website, which is the most common option.<\/li>\n\n\n\n<li>However, if you want, you can exclude the Footer from certain pages.<\/li>\n\n\n\n<li>For example, in this case, let&#8217;s exclude the Footer from the posts.<\/li>\n\n\n\n<li>In other words, the Footer will be displayed on our entire website, except for the posts.<\/li>\n\n\n\n<li>Now, save and close.<\/li>\n\n\n\n<li>And now, if you go to the website, you&#8217;ll see that the Footer is displayed exactly as we have configured it.<\/li>\n\n\n\n<li>I hope you&#8217;ve learned how to create a Footer for your website with Elementor Pro. Now, it&#8217;s your turn to experiment.<\/li>\n\n\n\n<li>Remember to subscribe and visit Librenetworks.com if you want to save money on premium plugins and themes for WordPress.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":16069,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_trash_the_other_posts":false,"editor_notices":[],"footnotes":""},"categories":[33,37],"tags":[],"class_list":["post-15802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-wordpress","category-wordpress"],"_links":{"self":[{"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/posts\/15802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/comments?post=15802"}],"version-history":[{"count":5,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/posts\/15802\/revisions"}],"predecessor-version":[{"id":16276,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/posts\/15802\/revisions\/16276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/media\/16069"}],"wp:attachment":[{"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/media?parent=15802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/categories?post=15802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/librenetworks.com\/en\/wp-json\/wp\/v2\/tags?post=15802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}