Generate Footer Builder Section

Create a customizable multi-column footer with newsletter signup, social links, payment icons, and quick navigation links.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Create a custom footer section block for my Shopify theme:

Columns (up to 4):

  Column 1: Brand logo, short about text
  Column 2: Quick links (Shop, About, FAQ, Contact)
  Column 3: Customer service links (Shipping, Returns, Privacy Policy)
  Column 4: Newsletter signup form with email input


Features:

  Social media icon row (Instagram, Facebook, TikTok, Pinterest)
  Payment method icons row (Visa, Mastercard, PayPal, Apple Pay)
  Copyright text with current year
  Back-to-top button


Settings:

  Background color picker
  Text color picker
  Number of columns (2-4)
  Show/hide payment icons toggle
  Show/hide social icons toggle
  Newsletter heading text


Requirements:

  Fully responsive — stacks on mobile
  Accessible link contrast
  Clean spacing and typography


Please generate the Liquid, CSS, and JavaScript for this footer as code I can paste into my own theme myself.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code. Your footer is already a section (usually sections/footer.liquid or sections/footer-group.json with a related footer section file) — open it, and replace or extend its content with the generated Liquid/CSS/JS. Save, then check the theme editor to confirm the footer renders and its settings (columns, toggles, colors) appear in the sidebar.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions