How To Create a Footer With Astra Footer Builder?

No results found. Try again with different words?

Search must be at least 3 characters.

    How To Create a Footer With Astra Footer Builder?

    Astra Header Footer Builder is new and advanced way to design creative header/footer in Astra.

    The Header Footer Builder feature has been released in Astra 3.0.0 version.

    This article will help you to understand how to get started and all are available option with Astra Header Footer Builder.

    Before starting you can read FAQs about Header Footer Builder here.

    Getting Started

    Once you have the Astra theme installed go to Astra welcome page under Appearance > Astra Options. Here you can see a small notice and a button that says ‘Use New Header/Footer Builder’.

    Click on the button to start designing with New Header/Footer Builder’.

    Then visit customizer by clicking on Go to Customizer. Once you are in the customizer you will see new options for Header Builder and Footer Builder.

    Editing Footer

    Footer Builder contains –

    • Visual Footer Builder – with an above footer, primary footer, and below footer.
    • General tab
    • Design Tab

    You can add and manage footer elements with Visual Builder and customize them from General and Design tab.

    Visual Footer Builder

    Visual Footer Builder is a flexible and advanced footer builder. Changes you do in the visual builder will instantly reflect on your footer design. 

    • It gives you 3 rows to build a unique footer structure – Above, Primary, and Below
    • You can click on the plus sign to add different footer elements – Button, HTML, Footer Menu, Widgets, Social, Copyright
    • You can drag and drop widgets to different sections to place them in the required position. 

    Configure styling for above, primary and below footer – 

    Click on the setting icon above each footer section and it will take you directly to styling options. 

    General Tab

    Elements you add in the visual footer builder will be available under the General tab. You can click on the individual element and edit the settings.

    Design Tab

    This will give you design options for footer background and spacing.

    Footer Builder Elements with Astra theme and Astra Pro 

    Astra theme offers an entire structure for new footer builder. While you can unlock advanced features with Astra Pro.

    Here is a list of footer elements that are available with Astra theme and Astra Pro  

    With Astra 

    • Copyright
    • HTML 1
    • HTML 2
    • Widget 1
    • Widget 2
    • Widget 3
    • Widget 4
    • Social
    • Footer Menu

    With Astra Pro 

    • Copyright
    • Button 1
    • Button 2
    • HTML 1
    • HTML 2
    • Footer Menu
    • Social
    • Widget 1
    • Widget 2
    • Widget 3
    • Widget 4
    • Extra Footer Layouts and Columns

    Note: You can extend the number of elements further in Astra Pro. Read more.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.