Footer Utilities

Footer utilities block is a compact block used inside the footer that provides common utility elements such as social icons, policy links, copyright text, and small secondary controls.

It is designed to sit at the bottom of the page and typically includes a top divider, spacing controls, and responsive alignment options.

How to add the Footer Utilities block?

• From your Shopify admin, go to Online Store -> Themes.

• Find the theme that you want to edit, and then click Customize.

• In the Footer Group -> Footer -> Add block -> choose Footer Utilities.

Footer Utilities - Settings Guide

This guide explains all available settings for the Footer Utilities Block in order from top to bottom as they appear in the Theme Editor.

Layout

Setting	Type	Description	Default	Visibility
Content Direction	select	Primary layout direction for utilities (column, row)	column	-
Content Direction (Mobile)	select	Mobile layout direction (column, row)	column	-
Horizontal Alignment	select	Horizontal alignment when direction is row (left, center, right, space-between)	flex-start	visible when Content Direction == 'row'
Vertical Alignment	select	Vertical alignment when direction is row (stretch, top, center, bottom)	center	visible when Content Direction == 'row'
Horizontal Alignment (Columns)	select	Horizontal alignment when direction is column	flex-start	visible when Content Direction != 'row'
Vertical Alignment (Columns)	select	Vertical alignment when direction is column	center	visible when Content Direction == 'column'
Horizontal Alignment (Mobile)	select	Mobile horizontal alignment when mobile direction is row	flex-start	visible when Content Direction (Mobile) == 'row'
Vertical Alignment (Mobile)	select	Mobile vertical alignment when mobile direction is row	center	visible when Content Direction (Mobile) == 'row'
Horizontal Alignment (Columns, Mobile)	select	Mobile horizontal alignment when mobile direction is column	flex-start	visible when Content Direction (Mobile) != 'row'
Vertical Alignment (Columns, Mobile)	select	Mobile vertical alignment when mobile direction is column	center	visible when Content Direction (Mobile) == 'column'

Appearance

Setting	Type	Description	Default
Divider Thickness	range	Thickness of the top divider in pixels	1px

Spacing

Setting	Type	Description	Default
Padding Block Start	range	Top padding (px)	20px
Padding Block End	range	Bottom padding (px)	20px