Manage widgets

Where footer widgets are edited on SGEN 3.0

Widgets are small content blocks (paragraph, image, code, embed URL) that sit inside your footer. On this version of SGEN, the widget editor lives inside the Footer panel, not on the standalone Widgets page.

What is this for?

Widgets fill the columns of your site footer. Typical widgets:

• Paragraph — short rich-text blurb ("About us", "Hours").
• Image — a logo, badge, or decorative image.
• Embed URL — Google Maps, YouTube, any embeddable iframe source.
• Code — raw HTML (newsletter signup, third-party widget).

Good use cases

Example 1: Replace Acme Coffee Roasters' footer "About us" paragraph. Open Appearance → Footer, expand Column 1's Paragraph widget, rewrite the text to: "Acme Coffee Roasters roasts single-origin beans the day before they ship. Family-run in Portland since 2018." Save Changes.

On save (inside Footer, not Widgets):

Example 2: Drop a map into Acme's contact column. Open Footer, add an Embed URL widget to Column 3, paste the Google Maps embed for your roastery. The widget ships as this HTML on the public page:

<div  class="widget widget-embed"> <iframe src="https://www.google.com/maps/embed?...&amp;q=Acme+Coffee+Roasters+Portland"  width="100%"  height="320"  style="border:0" allowfullscreen  loading="lazy"> </iframe>
</div>

Example 3: Add a newsletter signup. Add a Code widget, paste your email service provider's signup-form HTML (Mailchimp, Klaviyo, ConvertKit), Save. Acme uses a Klaviyo popup trigger plus an inline form here for visitors who scroll past without subscribing.

What NOT to use this for

Heads up — the standalone Widgets page is currently not functional on this version. Do not use Appearance → Widgets to add or edit widgets. Its Save Changes button silently fails (no success toast, no error — nothing is saved). Edit widgets through Appearance → Footer instead; the widget editor is embedded there and saves correctly.

• Do not use Widgets for header content. The header does not render footer-style widget columns; it has its own slots (logo, nav, CTAs).
• Do not use Widgets as a per-page content block. What you set here shows on every page's footer.

How this connects to other features

• Footer Config — the actual place to edit widgets on this version. Each footer column can hold one or more widgets.
• Media Library — image widgets pick from Media; upload images there first.
• Custom Codes — if you need to inject a <script> tag site-wide instead of inside one widget, use Custom Codes.
• Themes — widget text colours and link colours inherit from the active Color Swatch.

Before you start

• Your images are in the Media Library.
• Your code snippets (newsletter signup, analytics tag) are on hand.
• You know which footer column you want the widget in.

Where to go

1. Open the left navigation.
2. Click Appearance → Theme Editor → Footer.
3. Expand the column where the widget should live.

Steps

1. Add a widget

Inside a footer column, click Add widget (or the + icon). Pick the widget type: Paragraph, Image, Embed URL, Code.

2. Configure the widget

• Paragraph — rich text with bold / italic / links.
• Image — pick from Media; add alt text.
• Embed URL — paste the full URL of the embeddable resource (for Google Maps, use the "Embed" share URL, not the regular map URL).
• Code — raw HTML; paste your snippet.

3. Save Changes

The widget renders in the footer on every public page on next reload.

What success looks like

• The public site's footer shows the new widget in the correct column.
• Edits to existing widgets persist after Save Changes.

What to do if it does not work

• I clicked Save on /sg-admin/appearance/widgets and nothing happened. Expected on this version — that page is currently not functional. Go to Appearance → Footer and edit the widget there.
• My widget content was wiped after I edited another widget. Refresh the Footer page fully — wait two to three seconds before clicking Save so every widget's textarea is hydrated. If the content was wiped, re-enter it.
• My image widget shows a broken-image icon. Re-check the Media entry is published and the URL loads in a new tab. Re-pick the image.

Next step