Skip to main content

Design my storefront

Customize your site layout, header, footer, fonts, colors, themes, menus, and pages to match your brand.

Advanced Button Customization

Style your Primary and Secondary buttons independently with full control over colors, typography, and sizing.

Customize your site colors and product appearance

Adjust your Fourthwall site colors, background images, button styles, and product card appearance using the style editor

Access and link custom page URLs

Locate your custom page URLs in the Fourthwall site designer, then add them to your header navigation menu or share them externally

Update your shop theme

Browse the theme template catalog to add a new theme, switch between saved designs, or duplicate and customize existing ones

Fourthwall site design options

Learn how to use themes, adjust styles, and organize pages to customize your site

Build your Fourthwall website step by step

Create and customize your Fourthwall site layout, pages, colors, and branding from scratch.

Upload and edit your logo

Learn how to upload and resize your logo and set a custom favicon to personalize your Fourthwall storefront.

Change fonts on your site

A key element in making your Fourthwall site your own is being able to select a font. Luckily, you have over a thousand different fonts to choose from!

Edit the header on your site

The Header section of your site plays a key role in navigation and communication with your visitors. It allows you to:

Edit menus and create drop-down menus

Your site's menu is the roadmap that guides visitors to key sections like your store, membership area, and support pages. A well-structured menu makes

Edit your footer section

Learn how to customize your shop's footer by editing menu links, copyright text, and Fourthwall branding.

Customize your homepage layout

Easily add, edit, and rearrange sections to create the look you want for your homepage.

Add or edit an image section on your site

A picture is worth a thousand words; thus, the Image Section will help your store stand out visually! Adding images helps define your brand and improve

Add a feature collection or collection list section to your site

After you have created your collection, you can showcase it on your home page or custom page by adding a Feature collection or Collection list section to

Customize collection lists

In this article, we'll cover how to organize and customize your Collection list on your homepage.

Add videos to your site

Videos are a powerful way to engage your audience and highlight what makes your brand unique.

Feature your recent YouTube videos on your site

Add and customize a YouTube feed section on your Fourthwall site to display recent uploads.

Change your social sharing image

Learn how to set a custom social sharing image to control your brand's appearance across social media platforms.

Edit button text

Learn how to change the labels on your storefront buttons, such as 'Shop Now' or 'Subscribe', using the site designer.

Set links to open in new tabs

Learn how to use the Custom HTML section to force links to open in a new browser tab, keeping visitors on your site.

Remove the promo available tooltip

Learn how to hide the 'promo available' and 'members-only' badges on your product images by adding a simple CSS snippet.

Edit your checkout page

Customize checkout page sections including supporter messages, donations, email consent, and skin mode.

Customize password-protected shops

Give your audience a sneak peek of your shop while keeping full control of access and design

Create and edit custom pages on your site

Add pages like an About section, press kit, or FAQ to share more about you and your brand

Create a QR code for your site

Learn how to generate and download a scannable QR code to easily direct your audience to your shop from anywhere.

Design your site: Navigate the layout tab

Learn how to navigate the site designer's Layout tab to arrange pages, sections, and content

Add custom HTML and code to your site

Add custom HTML or CSS to individual pages or your entire Fourthwall site for advanced personalization.

Add custom HTML, CSS, and third-party scripts to your Fourthwall site

Discover how to add custom code, analytics tags, and embeds to personalize your Fourthwall storefront.