Build & Design
Make your site look right — the builder, components, templates, and theming.
AppearanceBasic BlocksBlog categories vs tags strategyBlog content calendarBlog Posts ReferenceBlogsBrand Kit Colors Fonts LogoBuild A Blog IndexBuild A Blog Index In SGENBuild A Landing PageBuild A Landing Page In SG BuilderBuild An E Commerce Page In SGENBuild Your First Custom ObjectBuild Your First Custom Object On SGENBuild Your First PageBuild Your First Page With SG BuilderBuilder WorkspaceComponentsConfigurationCustom Codes ReferenceCustom CSS BasicsCustom CSS Basics in SGENCustom CSS ReferenceCustom CSS vs Custom Codes vs SGB Additional CSSCustom FieldsCustom Fields ReferenceCustom FontsCustom ObjectsCustom Objects (SG-Admin)Customise transactional email templatesExtra BlocksHow We Build PagesImage Alt Text Best PracticesLayer ManagerMedia LibraryMedia Library ReferenceMenusMenus ReferencePage BuilderPagesPages ReferencePost Launch CleanupPost Launch Cleanup First Week Operations After Going LivePosts BlocksPreview Your Site On MobilePreview Your Site On Mobile SGENResponsive PreviewSet Up Your Brand Kit Colors Fonts LogoSG BuilderSG Builder Page Renderer Endpoint ReferenceSG Core Blog ReferenceSG Modules Page BuilderSG-Builder AJAX Endpoint ReferenceSG-Builder API ReferenceSG-Builder component catalogSGEN 4-Pillar DiagramSGEN content modeling overviewSwitch SGEN theme safelySwitch Your SGEN Theme SafelyTemplatesTemplates (SG-Admin)Templates LibraryTheme customization in SGENThemesToolsURL slug strategyWelcome to SGEN Docs (Start here)Browse your templates listFind, filter, search, and bulk-manage every reusable template on…Create a custom field groupAdd structured fields to Pages, Blog, Events, or Custom Objects.Custom post-type URL slugsRename the URL prefix for blog, events, and custom-object archives…Import / export pagesBack up or migrate pages, posts, and SG-Builder templates using…Pick a themePick a Color Swatch in the SGEN Themes panel to repaint every…Text, headings & buttonsAdd and style text blocks, animated headings, buttons, icons, and…Configure the headerEdit your SGEN site header — logo, navigation menu, CTA buttons…Create a new templateStep-by-step guide to creating reusable templates in SGEN using the…Manage CSS snippetsEdit, toggle, prioritize, trash, and restore Custom CSS snippets in…Edit an existing templateStep-by-step guide to editing SGEN templates: update social links…Post revisionsHow to view, preview, and restore older versions of a Published blog…AI captions & settingsTurn AI Media Captions on or off, set your default alt-text policy…Apply a template as site chromeAssign a Published SGEN template as your site footer, header, or…Card layouts & listsBuild card grids, pricing tables, testimonial grids, accordions…Mobile menuEdit the SGEN phone-hamburger drawer — CTA, search, social row…Global stylesHow to customize global styles in SGEN — typography, colors…Export / import mediaBack up, migrate, or hand off your SGEN Media Library as a single ZIP.Post & archive componentsBuild single-post blog templates and dynamic archive listings in…Build a navigation menuBuild header, footer, and mobile-drawer menus from one panel.Ecommerce storefront componentsDrag ecommerce components onto any SGEN page to build product…Set your homepagePick which page renders at the site root.Responsive & breakpointsMake your SG-Builder pages look right on desktop, tablet, and phone…Dynamic content blocksAdd live-connected blocks to any SGEN page: embed a form, display a…ShortcodesDrop dynamic placeholder tokens like SGEN Documentation and into…Activate a different theme safelySafely activate a theme card for one surface or a Style Preset…Add a custom codeCustom Codes let you paste a vendor snippet once and have it run on…Widgets & sidebar/footer slotsConfigure a Paragraph, Image, Code, or Embed widget inside any…Add a new fontUpload your licensed font files, register a font family with one or…Add a new postStep-by-step guide to add a new blog post in SGEN, covering the post…Edit an existing postHow to edit an existing blog post in SGEN — update content, status…Browse & preview themesUse the Themes screen to browse and preview theme cards for your…Widget libraryLearn the four widget types — Paragraph, Image, Code, Embed —…Bulk-edit postsUse the bulk action menu and search bar to publish, trash, or demote…Media optimization (WebP)Bulk convert your SGEN media library to WebP using the built-in…Per-component props referenceForm componentsNavigation componentsSocial componentsMedia library defaultsSet AI captioning and storage backend defaults for your SGEN media…Create a new pageStep-by-step guide to adding a stand-alone page in SGEN — covers the…Cross-site template sharingReuse design system, templates, and media across multiple SGEN sites.Custom code URL patternsEvery Custom Codes page has its own URL — the list, Add New form…Delete mediaPermanently remove an image or file from your SGEN media library —…Duplicate a templateUse the per-row Duplicate action to fork any template into a safe…Edit a custom object typeUpdate the name, slug, or settings of a custom object type you have…Edit an existing pageStep-by-step guide to opening the page editor, changing content…Edit your site footerConfigure the Main Footer, Top Footer band, copyright line, and…Add, edit, move & delete elementsAll actions inside the SG-Builder editor — block insertion…Import / export templatesExport a SGEN template as a downloadable file to share with another…Find any componentWhere every SG-Builder component lives in the Block library, which…GlobalsGlobals is the design-system layer in SGEN — set brand colors…home-default-pageBulk-manage pagesHow to use the bulk-action dropdown on your Pages list to publish…Duplicate a pageCopy any page in one click — the duplicate lands in Drafts, the…Upload images & filesUse the Add Media page to upload multiple files at once and add them…Icon library & pickerTour the 33-icon built-in library on every SGEN site — where icons…Inside the fields builderEvery field type in the Custom Fields builder explained — what each…Page settings & fieldsReference guide for every field on the SGEN page editor — title…Page vs post vs custom objectDecide when to use a Page, Post, or Custom Object.Pages vs Custom Objects vs Blog Posts in SGENDecide which SGEN content type fits your need — a decision matrix…Password-protect a pageStep-by-step guide to password-protect a page and grant visitors…Pick a fontChoose system, Google, or custom fonts from a single dropdown picker…Trash & restore a pageRecover a page from the Trash tab in two clicks.Restore a template from trashUse the Restore action on the Trash tab to recover any trashed…Save & publish from the builderUse the visual builder Save and Publish buttons to commit your work…Site colors, type & layoutUse Styles & Layouts to set the design tokens — body font…Help WidgetStep-by-step guide to embedding the SG-Helper Help Widget on your…Switch Your SGEN Theme SafelySGEN theme switches preserve content but can break custom styles.Theme Customization in SGENUse the SGEN Theme Editor and Custom CSS to change your site's…Theme switching safetyBack up first, protect hand-tuned values with Custom CSS, then switch.URL Slug StrategyLearn how to set clean, stable URL slugs in SGEN — lowercase…Manage object itemsThe Manage Object form is the shared screen for creating and editing…Shortcodes helperBrowse the SGEN Shortcodes Helper to find every shortcode tag…Page revisionsStep-by-step guide to opening the page-history screen, previewing…Your 404 pageHow to create and assign a branded 404 page so visitors land…