Preview and apply a template

Summary: Learn how to preview and apply a template in Antimanual Builder, confirm design changes safely, and set consistent defaults for new pages across free and Pro installs.

This section explains how to preview and apply a template in antimanual builder user documentation, antimanual builder pro documentation, how to use antimanual builder, antimanual builder installation and activation, building pages with antimanual builder. Use it when you want to test a design system preset before making it the active starting point for new pages.

Template preview is available from the Design System screen. On free installs, you can preview built-in presets and apply them to new pages. On Pro, the same workflow expands into editable design systems, saved presets, and full brand configuration. For guidance on WordPress capability requirements, see WordPress roles and capabilities. For general design-system terminology, the MDN Web Docs provide a useful reference.

Preview and apply a template in antimanual builder user documentation

Open the AM Builder Design System screen from the administrator menu. The left side of the screen shows the current design system controls, while the live website preview updates as you select a template. This lets you compare visual styles before you commit to one.

On free installs, the editable cards remain read-only, but the built-in templates are still usable. You can select a preset such as Bold & Punchy, Soft & Tactile, or Ink & Paper, review the preview, and then apply it. If you later upgrade, the same screen becomes the place where you edit brand fields, typography, spacing, and component rules.

• Open Design System from the AM Builder admin menu.
• Select a built-in preset from the template gallery.
• Review the live preview to confirm colors, type scale, and layout density.
• Click Apply template to make it active for new pages.

For teams comparing interface patterns, Resolving Logo Display Issues After Updates is a good internal reference point. If you are preparing a new build, How to Keep All FAQ Tabs Closed on Page Load in the Docy Theme (Elementor) should be read after this section. For administrators, can help confirm which defaults affect future pages.

What happens when you apply a template

Applying a template activates the selected preset for new AI-generated pages and for pages that use the current design system defaults. In practical terms, the template becomes the baseline for colors, type pairing, spacing rhythm, and component styling.

This does not rewrite existing published pages. Instead, it changes the starting point used by the builder when it creates or refines new layouts. That makes template application a safe way to adjust your visual direction without disrupting pages already in production.

If your site uses Pro, the same area can also support deeper brand controls. In that case, template preview is often the first step before editing fields such as Brand, Colors, Typography, and Spacing & Shape. For technical context on responsive design decisions, web.dev’s responsive design guide is a reliable external reference.

Recommended workflow before you apply

A deliberate preview process reduces rework. Review the live preview at multiple widths if possible, confirm that headings remain readable, and verify that spacing matches the tone of your site. The goal is not only visual appeal, but also consistency across page types.

• Check whether the template matches your brand tone.
• Review header, body, and button contrast in the live preview.
• Confirm that the layout suits content-heavy and landing-page use cases.
• Apply the template only after the preview looks correct on the screen.

When you need to explain the difference between an active design system and a one-time page edit, remember that the template defines defaults. Individual pages can still be adjusted later in the editor if specific content needs a different structure.

Common issues when previewing templates

If the preview does not update, verify that you are on the correct Design System tab and that your administrator role has access to the screen. Also confirm that you are not expecting Pro-only editing controls on a free install. Free users can preview and apply built-in templates, but they cannot save a custom design system.

If the selected preset looks correct in preview but not on a new page, check the page template mode in Page Settings. Pages using Theme Default will follow the active WordPress theme rather than AM Builder’s canvas templates. That distinction is important when validating the result after applying a template.

For more information about page structure and preview behavior, see the WordPress developer handbook at developer.wordpress.org. It can help clarify how WordPress templates, roles, and editor permissions interact with the builder.

Key takeaways

• Use the Design System screen to preview templates before activation.
• Apply a template to set the baseline for new pages and AI-generated layouts.
• Free installs can preview and apply built-in presets.
• Pro unlocks editable design systems and saved brand configurations.

Previewing first, then applying, gives you control over consistency and avoids unnecessary redesign work. In the broader antimanual builder user documentation, antimanual builder pro documentation, how to use antimanual builder, antimanual builder installation and activation, building pages with antimanual builder workflow, this is one of the simplest ways to keep pages aligned with a defined visual system.