Footer, also known as footer, is the element located at the bottom of the page. Footer often contains content such as a short introduction, such as: categories, product categories, new articles, tutorial links. In this article, I will show you 2 ways.
Create Footer Using Widget
To create Footer with Widget, go to menu Appearance > Widget . Then you drag the Text, Category, Product Categories, New Post widgets to Footer1 .
Then, we edit the content for each widget as follows:
After editing and saving these widgets, go to the menu Flatsome > Theme Options . Go to select Footer . In the Footer 1 section , you add a Background Image for this footer then Post it and you’re done. We will have a footer created with Widget like below.
Create Footer with block
Blocks are blocks that can be created like pages. Flatsome allows users to insert blocks in several locations like Footer. So we can create a beautiful Block as we like and use it to make Footer.
First you go to the UX Blocks menu from the Dashboard, add a new block. You name this block Footer and post it. Then click on the UX Builder tab .
Creating this block has the same way as you create the homepage in the previous lesson. First you create a Section with the type Box Right Dark .
In the option for this Section, you add a background image for it, then add a 70% transparency black overlay to make it darker. Below you choose Effects is Snow .
In the newly added Section it will create 1 Row with 2 Column 6/12 . In the first Column you add Text with business name and address content.
In the 2nd Column with a white background, go to edit it and delete the Bg Color to make it transparent.
Then add a new Row with 2 columns to this Column .
In the 2 newly created columns, we also add 2 text with the content of Product Categories and Categories . I can’t insert these two automatically, so I have to use text and create a link for it manually.
When done, Update block.
Now you go back to customize the theme’s Footer , right in the Custom Footer Block section, select the Footer block you just created and click Post . You notice that when choosing Block, the 2 Footer 1 and Footer 2 disappear. So the Footer you create with the Widget is also hidden.
summary
So we have created the Footer for the page to look pretty, isn’t it? At the end of this article, our sales website has already taken shape. There are some corrections on other pages that I will guide you in the following article.
