Help4 Builder Beginner Templates Guide
Before changing settings
Confirm the site, user state, current version, and recovery path.
Open the exact site and feature named in the request, record its current behavior, and keep a bounded recovery option. Change one setting group at a time so the verification can identify what actually changed.
Target
Record the domain, URL or admin screen, user role, viewport, and specific outcome before changing configuration.
Current state
Capture the relevant version, enabled module, existing value, and a fresh public or runtime check.
Recovery
Keep the previous immutable package, WordPress revision, export, or narrow data snapshot needed for this feature.
Privacy
Keep credentials, private customer data, payment secrets, nonces, and protected files out of screenshots and support reports.
Visual orientation
Match the screen before following the steps.
Open each image at full size. The numbered notes explain what the screen controls and what to confirm before changing customer content.
Screen 1
Beginner templates in Studio
Use search and category filters, compare Insert with Replace Page, and keep the live preview visible while choosing a starter.
Confirm: the page title, selected item, plugin version, and intended responsive view match the task.
Screen 2
Templates in Studio
Browse reusable structures and choose an insertion or replacement path intentionally.
Confirm: the page title, selected item, plugin version, and intended responsive view match the task.
Screen 3
Template Library
Search page-purpose starters, insert a section, or deliberately replace a page instead of beginning from an empty screen.
Confirm: the page title, selected item, plugin version, and intended responsive view match the task.
Screen 4
Current Studio workspace
See the element library, device controls, live page frame, inspector, performance guidance, and save state together.
Confirm: the page title, selected item, plugin version, and intended responsive view match the task.
Screen 5
Builder Studio
Use the live page frame, element library, template library, inspector, responsive controls, performance guidance, and save state in one workspace.
Confirm: the page title, selected item, plugin version, and intended responsive view match the task.
Watch the real workflow
Watch the clicks before making the change.
Use the narrated walkthrough first, then follow the written steps and verification checks on this page.
Lesson 10
Templates, Site Kits, and Safe Imports
Choose reusable templates or style packs, understand import modes, and protect existing page content during application.
Read the complete transcript
- Browse Templates
Open Templates in Studio to browse reusable sections and page structures. Preview the purpose and responsive shape before inserting anything into the current page.
- Review Site Kits
Site Kits coordinate colors, typography, buttons, spacing, and related templates. Choose a kit that matches the site's purpose, not only its thumbnail.
- Choose the Right Mode
Use style-only application when existing content and block IDs must remain. Use a starter-layout replacement only when you intentionally want to replace the current structure.
- Verify the Result
After applying a template or kit, check content, links, global styles, desktop, tablet, and mobile. Use history immediately if the selected mode changed more than intended.
Template decision
Insert adds a pattern; Replace Page intentionally starts the page over.
The two actions solve different jobs. Read the page title, review its current content, and choose the action only after deciding whether the existing layout belongs in the finished page.
Correct target
Confirm the page or template title, publication state, and current layout before opening the library.
Correct action
Use Insert for an additional section and Replace Page only when the complete current layout is meant to be replaced.
Real content
Replace every sample heading, paragraph, image, link, business detail, proof item, and call to action.
Responsive result
Check structure, type, spacing, images, buttons, menus, and overflow at desktop, tablet, 390px, and 360px.
Guided walkthrough
Make one verified change at a time.
Each step includes the action, why it belongs in this order, and the checkpoint to verify before moving forward.
-
Open the intended draft
Use Builder Pages to open a draft or recoverable page, then read the title and save state shown at the top of Studio.
Why nowStarting from a confirmed target prevents a correct edit from being applied to the wrong page, template, product, or responsive view.
Done whenThe open the intended draft result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Open Templates and search by job
Choose Templates in the left library, search for the page purpose, and narrow by category when the first results are too broad.
Why nowCompleting and checking this step creates a known-good checkpoint before the next control changes the page state again.
Done whenThe open templates and search by job result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Inspect the starter summary
Read its category, native block count, page mode, and whether it is a section pattern or complete page before inserting it.
Why nowCompleting and checking this step creates a known-good checkpoint before the next control changes the page state again.
Done whenThe inspect the starter summary result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Choose Insert or Replace Page
Insert appends the starter to the current layout; Replace Page should be used only after confirming the current layout is disposable or recoverable.
Why nowCompleting and checking this step creates a known-good checkpoint before the next control changes the page state again.
Done whenThe choose insert or replace page result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Personalize from the top down
Replace the main offer, proof, services, images, links, contact details, and final action before spending time on small styling changes.
Why nowCompleting and checking this step creates a known-good checkpoint before the next control changes the page state again.
Done whenThe personalize from the top down result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Check page structure and globals
Use Navigator to confirm valid parents and order, then verify global colors, type, header, footer, and menu assignments still match the site.
Why nowCompleting and checking this step creates a known-good checkpoint before the next control changes the page state again.
Done whenThe check page structure and globals result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
-
Verify and publish deliberately
Save, reselect edited blocks, review every responsive viewport, open the frontend preview, and publish only when the real page is ready.
Why nowThe final verification separates an editor preview from a result that is actually saved, responsive, interactive, and ready for visitors.
Done whenThe verify and publish deliberately result is visible, remains after reselecting the item, and has not changed unrelated content or styling.
Release check
Test the real public or member outcome, not only the settings screen.
Reopen the saved setting, run the intended workflow in the correct visitor state, test desktop and phone behavior where a frontend surface exists, and inspect fresh browser or PHP errors from the same attempt.
Persistence
The saved values remain correct after reload and do not overwrite newer settings from another session.
Public behavior
The intended visitor can complete the workflow and an unintended visitor cannot access protected output.
Responsive behavior
Controls, text, tables, media, dialogs, and focus stay visible and usable at 768px, 390px, and 360px.
Fresh evidence
The final request has the expected status, output, cache state, and no new related console or PHP error.
Common questions
Answers for the decisions that block this setup most often.
What is the difference between Insert and Replace Page?
Insert adds the selected starter to the current layout, while Replace Page intentionally substitutes the complete page layout after confirmation.
Should a starter template be published with its sample copy?
No. Replace every placeholder with accurate business content, media, links, proof, and calls to action before publishing.
Can a template change the global header or footer?
A page starter should be reviewed alongside Theme Builder assignments so the intended global header, footer, menu, and page mode remain active.
Continue learning
Use the next guide that matches the work in front of you.
The full tutorial hub remains available without repeating dozens of unrelated cards on this page.
Start here
Install and setup
Download the ZIP, activate Builder Suite, understand the blank-theme path, and run the first clean check.
First page
Build a page safely
Open Builder Pages, launch Studio, build structure first, check mobile, then publish or hand it to Help4.
Editor controls
Know which tab changes what
Use Content for information, Design for appearance and responsive values, and Advanced for identity, attributes, visibility, and motion.
Recovery
Edit without losing work
Replace media safely, recognize stale drafts, and restore a known-good page snapshot from Page Settings History.
Responsive
Control every viewport
Set spacing, widths, columns, alignment, and typography independently for desktop, tablet, and mobile.
Templates
Choose a starter
Pick a starter spec by page job: service, product, support, recent work, local SEO, launch, or checkout recovery.
Need a second set of eyes?
Send one complete, privacy-safe support record.
Include the affected URL or admin screen, current Builder version, user state, exact steps, expected result, actual result, and one screenshot or fresh error when available.