With T4 Page Builder, you can create stunning Joomla sites visually, fast, and easily based on beautiful website bundles, content blocks, add-ons, and 100% visual design-builder. You can build websites that load faster, well optimized for speed and SEO.
It is easier than ever to create a beautiful, professional, and fully responsive website with a completely new website builder platform for Joomla. T4 Joomla page builder is developed to work with any framework and template.
Stack: Business Joomla website bundle for finance & consulting.
Co-Working: Business Joomla website bundle for co-working space.
Restaurant: Creative Joomla template for any restaurant website.
Morgan: Joomla page builder website bundle for Business
Bar & Pub: Joomla layout pack for Bar & Pubs websites.
Wedding: A stylish Joomla layout pack for wedding websites.
App Intro: A Joomla layout pack for Application introduction websites.
Architect: Architecture and interior design website bundle.
Freelancer: A Joomla page builder layout pack for Freelancers.
Agency: A Joomla page builder website bundle for creative agencies.
T4 Joomla page builder has multiple types of elements used to add different items on the website.
Basic (24): Basic element contains all the most common and useful content elements. like Slider, Map, Alert, Heading, Image and others.
Grid (5): Grid Section contains a containers with multiple or single columns view. This option allows you to add different grid to add multiple content elements in each block. You can add blank section, 1 column, 2 column or 3 column container.
Extra (5): Extra section has advance featured elements like Accordion, Carousel, Tabs and others.
Joomla (3): Joomla content elements contains Module, Module position and Message elements.
It is used to insert any text. There is inline editor to format or add links to the text.
It is used to insert links (a tags). You can configure the title, URL, and target in Settings. There is inline editor to format the text of the link.
It is used to insert heading tags (h1 to h6).
It is used to insert lead paragraph (p tag with class lead) as in Bootstrap style.
It is used to insert icon. It inserts i tag with icon class.
6. Read More
It is used to insert call to action links. There are three types: link, rounded and button
It is used to insert image. Alt text can be configured in the settings.
It is used to insert video from Youtube, Vimeo or HTML5 Source.
It is used to insert map. You can configure the location and zoom level in the settings.
It is used to insert blockquote tag, author and citation.
11. Order List
It is used to insert ordered list (ol tag) with list items (li tag).
It is used to insert table (table tag) with thead, tbody, tr and td tags.
It is used to insert bootstrap alert. You can select the type (contextual color) in the settings.
It is used to insert slideshow. Slider contains slider frame, slides and one or more slide.
It is used to insert image (img tag), name (h4 tag), position or designation (p tag), description (p tag), and link (rounded type).
16. Progress Bar
It is used to insert progress bar.
It is used to display content with image (img tag), title (h3 tag), and description (p tag).
18. Icon List
It is used to display unordered list (ul tag) with icons (i tag) instead of bullets in list items (li tag).
It is used to insert accordion with one or more Accordion item.
It is used to insert slideshow. Carousel contains slides with image (img tag), title (h4 tag), and description (p tag).
1. T4 Page Builder Dashboard
To access T4 Page Builder dashboard, from your website back-end, go to: Components → T4 Page Builder. The dashboard provides you all features to manage pages and categories.
To login from your website back-end, go to: Components → T4 Page Builder and access Page Import panel. Now, you can login using your JoomlArt account. After login, you can see account's plan.
3. Import Pages and Website Bundle
Each website bundle is a layout pack that includes multiple pages for a topic. Select a website bundle then select all or specific pages in the bundle to import. Some of the common pages are:
To publish the page, add menu item for each page. Simply hit the Add menu item button.
3. Create a New Page
In the page dashboard, you can manage all your created page. Click New Page button to create new builder page. You can update the page title, status, access and more in the page edit panel. Click Add Blocks to start building your page.
The topbar includes multiple tools for page: responsive view and settings, undo redo, page HTML and CSS editor or the clear all page content.
4. Content Blocks
You can drag and drop any content blocks to create sections for your page.
You can insert an element to any place in a section or you can add a new section with an element.
To edit content, double click and use the inline editor to update content. The inline editor tool has basic typo settings for the text: text color, underline, add link.
You can edit style for anything, it can be a single text, an image, a column or a section in the page using the style manager.
5. Font Settings
You can configure font for a whole page, a section for a paragraph. T4 Page builder supports the latest Google fonts. Access the Settings menu > Google fonts setting. Search the fonts you want to use and select styles then update.
Configure font for page: Access the Layer Manager menu and select Body to access to the page layer. Now, access the menu Style Manager to configure typography for the page that includes font setting.
6. Category Manager
The category is to group your pages in case you have many pages that help you structure the pages and filter pages faster. You can create category in tree with parent and child categories.
7. Pages Export and Import
You can transfer pages that are built with T4 Joomla page builder from different websites. You can also use this for back-up purpose. Select one or multiple pages and then export. Save the .zip file.
You can import the pages back to the same website or in different websites using the Import feature. Click on Import then Upload the .zip file, select pages and import.
In Style Manager, you can configure the display of any block or element. Select the block or element from the bottom navigation.
Classes: Here, you can add any custom classes. For example, bootstrap classes or font awesome classes for icons.
Settings: You can add or modify Id, Title, Tag, Container and Animation.
General: You can customize Alignment and Display.
Dimension: You can customize width, height, margin and padding.
Typography: You can customize font, font size, font weight, letter spacing, line height, color, text align, decoration.
Decorations: You can customize opacity, background, border.
Overlays: You can customize image or video background.
You can edit the Joomla articles with T4 page builder support to add beautiful T4 content elements.