Header Block Layouts
Updated over a week ago

Your header is often the first thing a user will see when visiting your Beacons page and just like the rest of the page, it can be customized to fit your unique personality.

There are 3 different layouts you can choose from within the Header Block.

Classic

  • Header format

You can choose between these two formats within the Classic layout! This layout really showcases your name, bio, and your social icons!

  • Picture Shape and Size

You can choose between a circular or a square frame for your picture. We suggest to choose to toggle on for the picture outline to really make your profile picture POP! ✨

Portrait

This layout really highlights your image! You can even upload your Logo to really customize it to represent YOU!

Banner

This layout works best for a mixture of the Classic Layout and the Portrait Layout, as it focuses on the the name, bio, and social icons, but also giving it a step up! You want this to grab their attention as soon as possible.

  • Location:

    • You can also include your location as well to let visitors know where you are in the world. There is also a text sizer you are able to choose how small or big the text will be for your header!

Tip: Adding a country flag emoji to your location is a popular design trick
​we see our creators use.


Social Icons

You can add as many social icons as you are active on. We believe this section of the header provides the cleanest look for linking other social accounts. You can also see analytics for all of these links right in the header block when editing your page.

Themes

We have provided plenty of theme options for you to give your entire page a cohesive feel! Feel free to click on the Rainbow colored option for even MORE customization!

Background Images/Videos

You can still have your own uploaded/chosen background Videos and Images! As long as you are on the CLASSIC LAYOUT!

Click on the CUSTOM icon in themes, where you'll then see the option pop up :)

If you have any questions, please contact our customer support team
by emailing support@beacons.ai.

Did this answer your question?