How do I use the Astra Footer Generator to create a website footer?

Astra Footer Generator It is a shortcut for designing footers in Astra. The footer is the area displayed at the bottom of your website, although it is the last area seen by visitors. But it's important. The content performance of the footer can have a certain impact on the user retention rate, conversion rate, subscription and other aspects. Wei Aisi's notes share in this article how to use the Astra Footer Builder to quickly build the website footer.

Lao Wei shared it earlier How to use the Astra Theme Header Generator The header and footer are important parts of the website. I hope you can design them well.

For foreign trade websites (company websites, enterprise websites), the footer of the website usually contains some key information, such as company details, some product links, company news (blogs), contact information, social media links, etc. You can also return to the top shortcut button.

1. Where is the Astra footer generator

After installing the Astra theme, navigate to WordPress Background>Appearance>Astra. On the right side, you can see the link of customizer settings: footer generator. Click to enter.

You can also see it in Appearance>Customize.

2. Introduction to Astra Theme Footer Generator

Astra Theme Footer Generator includes three design areas as follows:

• Visual footer generator: from the layout, there are upper footer, main footer and lower footer.
• General tab: General, set menu layout and menu item alignment.
• Design tab: Design, set the text and background color, menu font size, menu spacing and margin.
• All of the above options can be designed separately for PC and mobile terminals, and you can choose whether to hide elements from display.

As shown in the following figure, there are three parts in the general tab, which correspond to the two line positions of the visual fit generator.

You can drag freely to any position as needed, and then see the effect of the foreground page immediately from the above visual interface. Is it convenient!

3、 Visual Footer Generator

As shown in the figure below, the existing elements in each row correspond to the corresponding positions in the visualization area above.

You can drag and move the position freely, or click in the blank area of each line. The widget in the pop-up window can also be added to the three lines freely. Such as buttons, HTML, footer menus, widgets, social networking, copyright and other super multi elements.

For the added widget property settings, see the General Tab ）And Design Tab (Design)

4. General Tab and Design Tab

It is mainly used to provide property configuration for upper footer, main footer and lower footer.

• Click the pinion icon on the left of each line to enter the property settings of the current line.
• Click the name of each footer element to enter the content setting option, which can also be found on the left General Find and click the corresponding element attribute.

5. Footer generator elements for Astra themes and Astra Pro

The footer elements corresponding to the Astra theme and the Astra Pro plug-in are different.

The following is a list of footer elements available for Astra themes and Astra Pro:

Astra Theme

• copyright
• HTML 1
• HTML 2
• Widget 1
• Widget 2
• Widget 3
• Widget 4
• Social Media Links
• Footer Menu

The Astra Pro plug-in additionally provides the following elements:

• Button 1
• Button 2
• Additional footer layout and columns
• You can also increase the number of elements in the footer builder. For example, add multiple elements (more) for HTML, widgets, and social elements.