Skip to main content

Add custom HTML and code to your site

Add custom HTML or CSS to individual pages or your entire Fourthwall site

You can add custom HTML or CSS code to your Fourthwall site to personalize it even further. For example, you might embed a Spotify player, a Twitter/X feed, or a Google Maps location.

There are two ways to add custom code:

Add custom HTML or CSS to a specific page​

  1. From your Fourthwall dashboard, go to Site design > Layout.

  2. Choose a page from the drop-down menu (for example: Home, Product pages, or Custom pages).

Select a site page from the drop-down menu

  1. Scroll down and click Add page section.

Click on +Add page section

  1. Select Custom HTML to open the editor.

Click on Custom HTML under Layout

  1. Enter your HTML code in the editor (and optionally choose to make this section full-width).

Enter code and make section full width optionally

  1. To style the section, check Add custom CSS code and enter your CSS.

  2. After adding the custom HTML section, drag and drop it to place it above or below other sections on the page.

Add custom code to your entire site​

  1. In Site design > Style, scroll down and click Edit HTML code.

Scroll and click Edit HTML Code

  1. In the editor, you can:
  • Enable header or footer code
  • Add custom CSS that applies to your whole site

Enable header or footer code

caution

Caution: Only add custom code from trusted sources. Untrusted code may open you to security risks.

If your custom code uses cookies, note that Fourthwall’s cookie policy banner does not apply to it. To stay compliant:

  • Update your custom code to respect the visitor’s consent (stored in the 'cc_cookie'), or
  • Remove the code and instead use Fourthwall’s built-in Apps or the Analytics section.

Learn more in our cookie policy help article.