Home / Business Applications / Creation Studio Pro / Visual Builder Pro
Business Applications · Creation Studio Pro
Visual Builder Pro: content-driven WordPress pages
Build pages you can keep improving.
Visual Builder Pro brings Spectra Pro’s advanced design and content tools to the WordPress block editor. Combine flexible layouts with reusable styles, content-driven collections and carefully timed interactions.
Compare SiteHeros PlansNATIVE DESIGN STUDY · ILLUSTRATIVE
Content first. Layout second. A collection that stays coherent.
01 / SOURCE
CONTENT RECORD / EXAMPLE
TITLE
A useful resource
SUMMARY
A concise introduction
CATEGORY
Business guide
Start with content
Title · Image · Summary
Supported fields and content types supply the information.
02 / MAPPING
TITLE
→ Heading
SUMMARY
→ Introduction
CATEGORY
→ Collection filter
Connect the right fields
Title → heading
Image → media
Summary → introduction
Review fallbacks and content length before publishing.
03 / DISPLAY
ILLUSTRATIVE / Resource A
Resource A
NEXT STEP
ILLUSTRATIVE / Resource B
Resource B
NEXT STEP
Build the collection
A consistent card layout brings repeated content together.
RESOURCE A
Title and summary
RESOURCE B
Title and summary
FIND
Search the library
Give people a clear starting point.
REFINE
Choose a category
Use relevant filters and a useful no-results state.
EXPLORE
Open a useful resource
Review the route from collection to detail.
Illustrative composition, built from editable content. This is not a product screenshot or a live website.
A practical guide to Visual Builder Pro
Included from Business Essential in the SiteHeros application catalog. Catalog access and the applications assigned to an Elite package are separate; your agreed package determines activation and configuration.
01 · Build a page around its purpose
02 · Keep a coherent design system
03 · Bring site content into your designs
04 · Make collections easier to explore
05 · Use timely, relevant calls to action
06 · Present motion and campaign timing with care
07 · Create a branded account entrance
01 / FEATURE GUIDE
Build a page around its purpose
Containers, headings, text, buttons, icons, lists, accordions, tabs and post displays provide a flexible page vocabulary. Responsive visibility, image masks, positioning and motion help refine the result. A service page can move from a clear introduction to practical details, evidence and a relevant action without forcing every section into the same layout.
01 / SECTION
Choose a purpose
02 / LAYOUT
Arrange the content
03 / BLOCK
Edit the detail
Illustrative design workflow. Every element here is native editable content.
02 / FEATURE GUIDE
Keep a coherent design system
Reusable styles connect colors, typography and spacing across pages. Supported generations offer variables, CSS classes and utility styles for more systematic design control. Consistent card treatments and section spacing make a growing website easier to maintain. Coordinate these page-level choices with Design Controls Pro so the surrounding theme and page content feel unified.
03 / FEATURE GUIDE
Bring site content into your designs
Dynamic content can draw on titles, dates, author information and supported custom fields, including data managed with ACF, Pods or Meta Box. Fallback text and images, dynamic backgrounds and content-length controls help layouts handle variation. A location page can display its stored contact information; a case-study template can present the same defined fields for every project.
01 / SOURCE
Title · Image · Summary
02 / MAPPING
Connect content fields
03 / DISPLAY
A consistent collection
Illustrative design workflow. Every element here is native editable content.
01 / FIND
Search the library
02 / REFINE
Choose a category
03 / EXPLORE
Open a useful resource
Illustrative design workflow. Every element here is native editable content.
04 / FEATURE GUIDE
Make collections easier to explore
Loop Builder queries posts, pages and custom content types, then presents them through designed cards. Author and taxonomy filters, ordering, live search, sorting, pagination, reset controls and no-results messages help people navigate larger collections without a full-page reload. A searchable resource hub still needs a thoughtful content model, useful categories and complete entries.
05 / FEATURE GUIDE
Use timely, relevant calls to action
Popup and information-bar tools can target selected pages and exclude others. Advanced modal controls include off-canvas panels, custom positioning, timed display, exit intent, cookie behavior and custom triggers. Use them for a genuinely useful announcement or an appropriately placed enquiry form. The form itself and its delivery workflow require a configured form application.
06 / FEATURE GUIDE
Present motion and campaign timing with care
Advanced animation settings control duration, delay, easing and repeat-on-scroll behavior; supported animations respect reduced-motion preferences. Slider tools add multi-slide views, external navigation and direct slide links. Countdown extensions can support per-visitor timers and configured expiry actions such as hiding, replacing or redirecting content. Use timers only where the offer and deadline are genuine.
07 / FEATURE GUIDE
Create a branded account entrance
Login and registration tools support styled WordPress account forms, post-action redirects and reCAPTCHA integration. They can make an existing customer area feel part of the website. Account permissions, paid access, course delivery and membership administration require their own defined systems.
08 / FEATURE GUIDE
Choose the right editing generation
Spectra Legacy and Spectra Blocks have separate matching Pro plugins. Existing pages do not automatically migrate between them; a transition involves rebuilding those pages. Available controls and interface details depend on the installed generation. Spectra Blocks requires a compatible WordPress and PHP environment. AI services use their own accounts and credits, which this page does not include.
09 / FEATURE GUIDE
Common questions
Is every visual-editing feature exclusive to Pro? No. Pro adds deeper dynamic-content and interaction tools to substantial core editing capabilities. Can this design store pages? WooCommerce’s own blocks provide commerce functions alongside layout tools. Where do starting designs come from? Explore Site Templates Pro and the Creation Studio Pro overview for the wider design workflow.
ACCESS AND CONFIGURATION
Included from Business Essential in the SiteHeros application catalog. Catalog access and the applications assigned to an Elite package are separate; your agreed package determines activation and configuration.