Footer 04

Overview

Footer 04 is a newsletter subscription footer component featuring a title, a short description, an email input field, and a subscribe button. It is designed to capture user emails for newsletter sign-ups, laid out in a clean horizontal row with a light gray background, suitable for the bottom of marketing pages.

How to use

Open the Brikl panel

Navigate to the Marketings category in the Brikl panel.

Copy the component

Find Footer 04 and click Copy.

Paste into your editor

Paste it into your Bubble canvas with Cmd + V (Mac) or Ctrl + V (Windows), or right-click on the canvas and select Paste.

States

This component includes conditional states that automatically change its appearance.

State	Trigger	Visual effect
Input Focused	Email input is focused by the user	A soft shadow appears around the input field to indicate active focus
Input Invalid	Email input contains an invalid email format	Input border turns red and a red-tinted shadow appears around the input
Input Disabled	Input is not clickable	Input opacity reduces to 50% indicating it is disabled
Button Hovered	User hovers over the Subscribe button	Button opacity reduces to 90% for a subtle hover effect
Button Disabled	Button is not clickable	Button opacity reduces to 50% indicating it is disabled
Button Full Width (Mobile)	Page width is 576px or less	Subscribe button stretches to full width
Title & Description Stack (Tablet)	Page width is 768px or less	Title and description group width adjusts to 100%
Smaller Font on Mobile	Page width is below the built-in mobile breakpoint	Title and description font sizes reduce to 14px

These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.

Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.

Requirements


License	Starter plan required
Plugins	None
Custom code	Not required

Platforms

Platform	Supported
Web	✅
Mobile	❌

License

This component requires a Starter plan.

Footer 05Horizontal footer with logo, description text, navigation links, and responsive mobile layout.

Getting Started

All Products

Components

Templates

Legal

Overview

How to use

Open the Brikl panel

Copy the component

Paste into your editor

States

Responsive

Requirements

Platforms

License

​Overview

​How to use

Open the Brikl panel

Copy the component

Paste into your editor

​States

​Responsive

​Requirements

​Platforms

​License

Overview

How to use

States

Responsive

Requirements

Platforms

License