• Before purchasing:
    Please review the product description and compatibility requirements before placing your order. Contact us with any questions to confirm the product meets your needs. Refunds are not available once the product has been downloaded. By purchasing, you agree to our License Agreement.
  • Save More with Paid Membership

    Access over 150 add-ons from Basic and Premium pack for less than buying them individually.

    See membership levels
[XB] Page Builder: Visual Constructor for Custom & Landing Page

[XB] Page Builder: Visual Constructor for Custom & Landing Page 1.1.3 1

You must log in or register to purchase ($55.00)
1793044318207-1.webp

1792233054534-1.webp
1792231201596-1.webp

Turn XenForo into more than just a forum with a flexible drag-and-drop page builder. Create custom pages, landing pages and structured content without coding or editing templates.

Build and manage pages directly from the admin control panel using rows, columns and reusable content blocks. Add images, FAQs, tabs, statistics, comparison tables, widgets and more.

Bring CMS-like content management to your XenForo community with multilingual pages, scheduled publishing, SEO controls, custom layouts and flexible access permissions - all integrated with your existing forum.




Features:​

Visual Page & Layout Builder​

  • 🧱 Drag-and-Drop Page Builder: Create custom layouts using rows, columns, and content blocks on a responsive 12-column grid.
  • πŸ–±οΈ Visual Layout Editing: Reorder rows, move columns between rows, and rearrange blocks between columns with automatic saving.
  • πŸ“± Responsive Layouts: Configure separate column widths for narrow screens and adjust layouts for mobile devices.
  • πŸ“ Column Alignment: Align content vertically, stretch columns to equal heights, use automatic equal widths, and add dividers.
  • πŸ“‹ Page & Content Duplication: Duplicate entire pages, rows, or blocks with their settings, translations, and attachments. Copied pages start disabled with unique URLs.
  • 🌐 Reusable Global Blocks: Share content across multiple pages and update it from one location without editing every page individually.
  • πŸ”„ Independent Block Placements: Customize anchors, CSS classes, appearance, visibility, and audience criteria for individual placements of shared blocks.
  • βœ‚οΈ Detach Global Blocks: Convert a shared block placement into an independent editable copy.
  • βš“ Section Anchors: Create direct links to individual rows and content blocks.

Content Blocks​

  • Polls: Display an existing poll in Standard or Compact appearance. Search by question or poll ID and filter by content type. Compatible add-ons are discovered through XenForo poll handlers. Native voting rules, result visibility, public voter lists and source permissions apply. Repeated placements share votes and refresh together. Previews are read-only; local copies retain the source, while XML and ZIP transfers require selecting a poll again.
  • πŸ“… Event Cards: Announce online, in-person, or hybrid events with three layouts, visitor time zones, translated programmes, automatic event status updates, and calendar downloads.
  • πŸ“ BB Code & HTML: Create formatted content with XenForo's editor, attachments, embedded images, and link previews, or write custom HTML.
  • πŸš€ Calls to Action: Create promotional sections with headings, descriptions, buttons, and icons.
  • 🎯 Feature Cards: Highlight products, services, benefits, or community features using configurable cards.
  • πŸ”˜ Flexible Buttons: Add up to 10 buttons to a call to action, with individual links, icons, styles, and translated labels.
  • 🎨 Native XenForo Buttons: Use Default, Primary, Call to action, Link, Plain, or Alternative button styles that follow the active forum style.
  • πŸ–ΌοΈ Image Blocks: Upload GIF, JPEG, PNG, or WebP images with translated captions, alternative text, alignment, sizing, and mobile visibility controls.
  • 🏞️ Image Galleries: Display up to 20 uploaded images using Grid, Mosaic, Filmstrip, or Cover layouts, with XenForo lightbox integration.
  • 🎬 XenForo Media Gallery: Display images, videos, audio, and embedded media from selected categories, albums, or individual media items.
  • 🎞️ Media Gallery Layouts: Choose Grid, Mosaic, Cards, List, Strip, Slider, or Showcase with responsive controls, metadata, and navigation.
  • πŸ–Ό Full-Size Media Images: Optionally display full-size XFMG images for sharper previews.
  • 🎨 Illustration Presets: Add decorative compositions using nine configurable presets with adjustable colors, proportions, framing, and mobile behavior.
  • Visual Block Settings: Choose layouts, alignment, sizes, image ratios, and illustration palettes with labeled visual selectors and live block previews.
  • ❓ FAQ Blocks: Build collapsible frequently asked questions with formatted answers, attachments, translations, and optional expanded states.
  • πŸ“‘ Tabbed Content: Organize BB code content into tabs with translated labels, configurable navigation, and responsive layouts.
  • πŸ“Š Statistics Blocks: Display custom statistics or live XenForo member, thread, and message totals using cards or horizontal layouts.
  • πŸ‘₯ Community Team: Present selected members or automatically display staff using responsive profile cards or compact lists.
  • πŸ“˜ Instruction Steps: Create numbered guides and step-by-step instructions using vertical lists or responsive cards.
  • πŸ—ΊοΈ Roadmaps: Display up to 30 milestones with Planned, In progress, and Completed statuses using timelines, columns, lists, or cards.
  • πŸ“ Comparison Tables: Compare products, plans, features, or services using tables and responsive cards with highlighted columns.
  • ⏳ Countdown Timers: Display event deadlines using Tiles, Compact, Minimal, Hero, Split, or Flip layouts.
  • 🧡 Thread Listings: Display selected forum discussions with configurable layouts, sorting, metadata, and density.
  • πŸ“¦ Featured Resources: Display XenForo Resource Manager resources in horizontal strips, grids, or lists with category filters.
  • 🧩 XenForo Widgets: Embed existing forum widgets directly inside page columns, including widgets without assigned display positions.
  • 🎨 Icon Picker: Select Font Awesome icons for buttons and feature cards.
  • πŸ“¦ Block Containers: Display content with or without standard XenForo block containers.

Interactive Community Blocks​

  • Tables of Contents: Automatically list visible block titles or select up to 50 rows and blocks on the current page, with translated link labels and two levels of entries. Choose Inline list, Sticky sidebar or Collapsible list, optional numbering, current-section highlighting and collapsing on narrow screens. Links reuse existing section anchors and exclude unavailable or empty targets. Without JavaScript, the complete list remains readable. A sticky sidebar stays within its layout row; place it beside the complete article in the same row. Global tables of contents use automatic entries for each page. Copies and XML or ZIP transfers remap manual selections. Previews use saved page sections; test scrolling on the complete page. Automatic entries cover block titles rather than headings inside BB code, HTML, widgets or discussions.
  • Member Checklists: Add up to 30 translated tasks with optional descriptions and links. Choose List, Cards, Journey, Compact or Progress spotlight, with Compact selected by default. Progress spotlight combines a circular progress indicator with a highlighted next task and its action directly in the list. Completed task descriptions are collapsed. Members mark tasks manually and save progress in their account. Global placements share progress; copies, detached blocks and imports start independently. Guests see a login prompt. The editor supports live previews.
  • πŸ’¬ Embedded Discussions: Display an existing XenForo thread and its replies directly inside a custom page.
  • 🧡 Discussion Layouts: Choose a full discussion with pagination or a compact view of recent replies, with an optional opening post.
  • ✏️ Native Thread Replies: Allow members to reply using XenForo's editor, attachments, quoting, and reactions while respecting forum permissions.
  • ⭐ Testimonials: Display up to 12 testimonials as responsive cards or a compact list.
  • πŸ‘€ Testimonial Authors: Use forum members with their current avatars or custom authors with uploaded images and fallback initials.
  • 🌍 Translated Testimonials: Translate quotes, captions, and author names while preserving translations when items are reordered.
  • πŸ”— Testimonial Sources: Optionally associate testimonials with existing forum posts and respect their visibility.
  • ❀️ Page Reactions & Likes: Add XenForo reaction panels to entire pages or individual content blocks.
  • πŸ‘ Like-Only Mode: Restrict a reaction panel to Like or allow all active XenForo reactions.
  • 🎨 Seven Reaction Layouts: Choose Compact Footer, Separate Card, Inline Bar, Reaction Chips, Expanded Picker, Centered Prompt, or Community.
  • πŸ‘₯ Reaction Participants: Display recent members who reacted and open XenForo's native reaction list.
  • πŸ”„ Synchronized Reactions: Keep multiple reaction panels targeting the same page or block synchronized.

Block Appearance & Customization​

  • 🎨 Visual Appearance Controls: Customize block spacing, maximum width, alignment, surfaces, borders, corners, and shadows without writing CSS.
  • πŸ“± Mobile Appearance Overrides: Configure separate spacing, widths, and selected presentation settings for narrow screens.
  • πŸ“‹ Copy Block Appearance: Reuse container settings from another block or global block.
  • πŸ–ŒοΈ Typography Controls: Adjust content typography and readable text widths.
  • πŸš€ CTA Layout Options: Control content width, heading alignment, description width, button placement, and responsive behavior.
  • πŸ–ΌοΈ Image Presentation: Configure image proportions, fitting, focal points, links, and corner radius.
  • πŸ“Š Statistics Appearance: Adjust number sizes, icons, responsive columns, and optional count-up animations.
  • ❓ FAQ Appearance: Customize density, separators, and toggle positions.
  • πŸ“‘ Tab Styles: Choose native tabs, pill navigation, or vertical navigation.
  • 🧡 Thread & Resource Layouts: Customize listing density, metadata, cards, sorting, and category selection.
  • 🎨 Visual Layout Selectors: Choose display styles using labeled cards with miniature previews.
  • πŸ‘οΈ Live Block Previews: Preview unsaved changes, including global blocks, with automatic or manual updates.
  • πŸ“± Mobile Preview: Check block presentation at a 375 px viewport width.
  • 🌍 Language Preview: Preview translated content with fallback to the master language.

Page Appearance & Languages​

  • 🌍 Multilingual Pages: Translate page titles, meta descriptions, and supported block content into configured XenForo languages.
  • πŸ”„ Language Fallback: Display master-language content when a translation is unavailable.
  • πŸ–₯️ Full-Width Pages: Remove the standard page width limit for landing pages and custom layouts.
  • πŸ‘οΈ Page Visibility Controls: Independently hide the site header, navigation, subnavigation, mobile menu, and footer.
  • 🧭 Breadcrumb & Notice Controls: Optionally hide breadcrumbs and notices on individual pages.
  • 🎨 Page Style Override: Force a selected XenForo style for an individual page regardless of the visitor's preferred style.
  • πŸ–ŒοΈ Section Backgrounds: Configure full-width row backgrounds, Hero, Content, or Page background styles, and vertical spacing.
  • πŸ“ Page Appearance Presets: Choose Default, Compact Sections, or Sequential Blocks to control how content sections are presented.
  • βš™οΈ XenForo Style Properties: Customize Page Builder appearance independently for each forum style.
  • 🎨 Custom CSS: Assign CSS classes to pages, rows, columns, and blocks, or write page-specific CSS with optional validation.

Publishing, SEO & Page Management​

  • πŸ”— SEO-Friendly URLs: Give custom pages readable URLs such as custom-pages/community-guide/.
  • πŸ“š Public Page Directory: Display selected published pages at custom-pages/ with descriptions and document icons.
  • ↕️ Page Ordering: Reorder pages in the ACP and use the same order in the public directory.
  • πŸ‘οΈ Content Visibility: Enable or disable entire pages, individual rows, or blocks without deleting them.
  • πŸ“… Scheduled Publishing: Configure start and end dates for pages and rows.
  • πŸ”’ Audience Restrictions: Control page and block access through XenForo user criteria.
  • πŸ” SEO Meta Descriptions: Set custom meta descriptions for individual pages.
  • πŸ”— Canonical URLs: Configure canonical URLs for search engines.
  • 🌐 Social Media Previews: Set translated social sharing titles and descriptions with a dedicated preview image.
  • 🚫 Noindex Control: Prevent selected pages from being indexed by search engines.
  • πŸ—ΊοΈ Sitemap Controls: Independently control inclusion in XenForo's sitemap.
  • πŸ”Ž Search Visibility: Choose whether custom pages appear in XenForo search results.
  • πŸ“¦ ZIP Export & Import: Transfer pages with supported images, attachments, and content references.
  • πŸ“„ XML Export & Import: Export individual pages or complete page collections without bundled files.
  • Import Options: Overwrite pages with matching URL portions and optionally enable imported pages immediately. Both options are off by default.
  • Individual Export Filenames: XML and ZIP downloads include the page's normalized URL portion in the filename when exporting one page.
  • πŸ›‘οΈ Safe Imports: Imported pages start disabled until reviewed and published.

XenForo Integration:​

  • πŸ”— Page Embedding: Embed custom pages inside forum messages using their URLs or XenForo's native embed BB code.
  • πŸ“ Responsive Page Embeds: Display embedded pages inside automatically resizing iframes with optional expandable previews.
  • πŸ”’ Embed Permissions: Respect the current visitor's access permissions when displaying embedded pages.
  • πŸ‘€ Online Activity: Show accessible custom pages in XenForo member activity displays.
  • 🎯 User Criteria: Control access to entire pages and individual content blocks.
  • πŸ›‘οΈ Restricted Page Access: Grant selected user groups permission to view disabled, scheduled, or otherwise restricted pages while preserving row and block restrictions.
  • πŸ”Ž Search Integration: Index supported static page content and translations in XenForo search, including a dedicated Search Pages tab.
  • πŸ—ΊοΈ Sitemap Integration: Include published guest-accessible pages with canonical URLs and modification dates.
  • 🧩 Widget Integration: Reuse compatible XenForo widgets inside custom page layouts.
  • πŸ“Ž Attachments: Use XenForo attachments in BB code and FAQ content.
  • πŸ”Œ Extensible Block Types: Allow compatible add-ons to register additional content block types.
  • πŸ“¦ Resource Manager Integration: Display featured resources when XenForo Resource Manager is installed.
  • 🎬 Media Gallery Integration: Display media, albums, and category content when XenForo Media Gallery is installed.

Requirements:​


Useful for:​

  • πŸš€ Landing Pages: Create promotional pages for community launches, products, memberships, and special offers.
  • 🏠 Custom Homepages: Build structured community entry pages that highlight important content and navigation.
  • πŸ“˜ Documentation & Help Centers: Publish organized instructions, FAQs, guides, and reference pages outside regular discussions.
  • πŸ“’ Marketing Campaigns: Create dedicated campaign pages with calls to action, testimonials, countdowns, and conversion-focused layouts.
  • πŸ’° Membership & Pricing Pages: Present upgrade benefits, compare plans, and guide visitors toward purchasing.
  • 🏒 About & Team Pages: Introduce your community, staff, contributors, or organization through custom layouts.
  • πŸ“… Events & Announcements: Publish scheduled event pages, registration information, and promotional content.
  • 🌍 International Communities: Maintain localized landing pages and informational content using shared layouts.
  • πŸ—οΈ CMS-Like Websites: Extend XenForo with structured website pages and reusable content without installing a separate CMS.
  • 🧩 No-Code Page Creation: Let administrators build and maintain custom pages without editing XenForo templates or writing HTML.

FAQ:​

  • πŸ”— How can I give a page a custom URL? Use XenForo's Route filters in the admin control panel under Setup > Route filters. For example, set Find route to custom-pages/community-guide/ and Replace with to guide/ to make the page available at /guide/.
  • ❓ Does every block support HTML and attachments? BB code and HTML content blocks support their respective editing modes. Specialized blocks have their own fields. Tabs accept BB code entered directly in the tab editor and do not support HTML or attachment uploads; instruction descriptions use plain text.
  • πŸ“± How do columns behave on mobile devices? Columns have separate widths for narrow screens and default to full width there. Choose a suitable column width for embedded widgets, whose layout remains controlled by their original templates and your XenForo style.
  • πŸ“¦ Which export format should I use to move a page to another site? Use a ZIP archive to include Image block files and attachments. XML does not include files. A FAQ answer containing only attachments cannot be transferred through XML if removing those references leaves it empty; the import is rejected. Copied pages and Image blocks receive independent image files.
  • πŸ”’ Can I delete a global block that is still in use? No. Remove or detach its page placements first. Each global block can appear only once on a page, and a global block cannot contain another global block.
  • πŸ”Ž How are search results and translations updated? Page and block edits update the index automatically. Scheduled publication changes are processed by a task that runs every minute, subject to XenForo cron and job processing. Results use current visibility checks. Each page has one result across languages: full-text searches include translations, title-only searches use the master title, and displayed titles and snippets use the visitor's language with fallback. Existing pages can be indexed through XenForo's search index rebuild tool.
  • πŸ—Ί Does excluding a page from the sitemap prevent search engines from indexing it? No. Use the separate noindex option to add the directive and exclude the page from the sitemap. Neither option restricts page access. Sitemap changes appear after XenForo rebuilds the sitemap.

Screenshots:​

Public Pages:​

pub_page_creator_studio-1.webp
A full-width landing page combining Hero sections, illustrations, feature cards and action buttons.​
pub_page_community_hu-1.webp
Introduce the community with a Hero section, feature cards, onboarding content, recent discussions and collapsible FAQs.​
pub_page_creator_community_guid-1.webp
Combine a welcome message, getting-started instructions, help links and community guidelines in a multi-column layout.​
pub_page_faq_countdown_timer-1.webp
Display collapsible answers, a live event countdown and a comparison table with a highlighted column.​

Page Management:​

admin_page_list-1.webp
Manage pages, toggle their availability and open export, duplicate and delete actions from the dropdown menu.​
admin_page_edit-1.webp
Configure page titles and descriptions by language, publication dates, search and sitemap inclusion, layout and custom CSS.​

Layout Builder:​

admin_page_builder-1.webp
Arrange rows, columns and content blocks, and select a block type from the Add block menu.​
admin_page_builder_ro-1.webp
Set row alignment, width, background style, spacing, dividers, anchors and publication dates.​
admin_page_builder_column-1.webp
Choose separate column widths for desktop and narrow screens, with optional custom CSS classes.​

Content Editors:​

admin_page_builder_block_faq-1.webp
Create translated questions and answers, add attachments and choose whether the answer starts expanded.​
admin_page_builder_block_counter-1.webp
Configure statistics counters, value sources, translated labels, layout and optional number animations.​
admin_page_builder_block_instruction_steps-1.webp
Add translated step titles, descriptions and optional links, reorder steps and choose a vertical list or cards.​
admin_page_builder_block_comparsion_tabl-1.webp
Edit comparison columns, descriptions, buttons and feature values, reorder items and configure column highlighting and mobile layout.​
12 months
$75.00 Renewal price: $55.00
Author
Painbaker
Views
337
First release
Last update

Ratings

0.00 star(s) 0 ratings

This resource in collections

  • UI/UX improvements
    UI/UX improvements
    Improve the look and feel of your XenForo forum with add-ons and tweaks focused on better...
  • Admin tools
    Admin tools
    A collection of powerful tools to help XenForo administrators manage their forums more...

More resources from Painbaker

Latest updates

  1. 1.1.2

    Added optional redirects for visitors who do not match a page's user criteria. Added poll blocks...
  2. 1.1.1

    Added member checklists with five display styles, translated items and links and shared progress...
  3. 1.1.0

    πŸŽ‰ More Blocks, Better Customization & Easier Page Building This major update expands Page...
Back
Top