This Applies to: New Website Editorš”
ā
āNeed the Classic Editor guide? Click here to switch to Classic Website Editor instructions.
āļø How it works
This guide walks you through navigating the website builder settings, accessing the footer section elements, and editing your layout, text, and links to match your brand.
āš§ Step-by-Step Instructions:
Navigate to Setup > Website and click Edit Website.
ā
Scroll to the bottom of your website and click Edit Footer.
ā Pro Tip: Alternatively, select Edit Footer from the top-left Homepage drop-down menu for quick access.
In the left-side panel that appears, personalize your footer using the Global Footer settings:
Apply To All Pages: Display the footer across every page of your site, including newly added pages.
Design: Set alignment and background color, with quick access to branding, link columns, separators, legal bars, and social links. Select More Options to adjust top and bottom padding or add a background image.
Branding: Enable to customize logo text, add a short description, and include a URL. Use the Image tab to upload an image and More Options to fine-tune logo size, description text style, size, and color.
Link Columns: Customize header and link styles. Select More Options to modify header/link size, color, hover text, and background color, as well as add or remove columns and links.
Separator: Select separator color, position (top or middle), and style, alongside size and padding adjustments.
Legal Bar: Add or update copyright text with an optional year display. Select More Options to adjust copyright size, add a link, and customize its style, size, color, text, and separator.
Social Links: Connect profiles like X, Instagram, LinkedIn, Facebook, YouTube, TikTok, and GitHub. Social icons are automatically generated for easy visitor access.
ā
Click Publish Changes in the top-right corner of the editor to save the changes.
ā
Select Publish Page to make your updates live immediately.
