What Is the TLCommerce Drag & Drop Page and Storefront Builder Add-on?
The TLCommerce Page Builder Add-on is a drag-and-drop storefront and page builder extension for TLCommerce that lets store owners visually design their homepage and site pages using ready-made widgets, without touching a single line of code. It ships with 14+ ready widgets from banners and sliders to product collections and blog blocks, plus a live Preview button, per-section settings and delete controls, and a simple “Add New Section” workflow so you can rebuild your entire storefront layout in minutes. Because it’s an add-on, it plugs directly into an existing TLCommerce installation and inherits its Laravel & VueJS foundation for a fast, modern admin experience.
TLCommerce Page Builder Add-on Quick Specs: Key Details at a Glance
| Detail |
Value |
| Product Type |
Add-on/extension (not standalone) |
| Required Core Product |
TLCommerce | Laravel & VueJS Powered Ecommerce CMS |
| Builder Type |
Drag & drop, widget-based, section-by-section |
| Included Widgets |
Heading Tag, Text Editor, Image, Button, Blogs, List Blog, Ads, Banner, Newsletter,
Category Slider, Flash Deal, Product Collection, Featured Product, Custom Product |
| Section Controls |
Drag-to-reorder handle, settings (gear) icon, delete icon per section |
| Live Preview |
Yes – one-click “Preview” button on the builder screen |
| Widget Search |
Yes – built-in “Search Widget” field in the widget library |
| Cache Management |
Built-in “Clear Cache” button in the admin bar |
| Current Version |
2.2 |
| Admin Access |
Managed from the TLCommerce admin dashboard (multi-admin supported) |
What Features Are Included in the TLCommerce Page Builder Add-on Drag and Drop Store Builder?
- Drag & Drop Section Reordering: Every section on your builder page Banner, Category Slider, Flash Deal, Ads, Custom Product, Featured Product, Product Collection, Blogs has its own drag handle, so you can grab a section and move it up or down the page instantly to change what visitors see first, without any coding.
- Per-Section Settings & Delete Controls: Each section row includes its own gear (settings) icon and a trash icon, letting you configure or remove individual sections one at a time. This means you can fine-tune your homepage piece by piece instead of editing one giant page template.
- One-Click “Add New Section”: A dedicated “Add New Section” button at the bottom of the builder lets you drop in a brand-new content block whenever you want to expand the page, keeping the whole layout modular and easy to extend.
- Live Preview Button: Before publishing any layout change, you can hit “Preview” to see exactly how the storefront will look to real shoppers, which helps you catch layout issues before customers ever see them.
- Widget Library with Search: The Widgets panel lists every available block: Heading Tag, Text Editor, Image, Button, Blogs, List Blog, Ads, Banner, Newsletter, Category Slider, Flash Deal, Product Collection, Featured Product, and Custom Product, and includes a “Search Widget” bar so you can find the exact block you need without scrolling.
- Banner & Category Slider Widgets: Build eye-catching top-of-page hero banners and rotating category sliders to highlight promotions or product categories right where new visitors will see them first.
- Flash Deal & Ads Widgets: Add time-sensitive flash-sale blocks and dedicated ad placements side by side, so you can run promotions and monetize ad space directly from the same visual builder.
- Custom Product, Featured Product & Product Collection Widgets: Hand-pick individual products, spotlight featured items, or showcase curated product collections on any page, giving you full control over merchandising without editing product templates.
- Blog & List Blog Widgets: Pull your latest blog posts into a homepage block or a dedicated list-style layout, helping you drive content marketing traffic straight from your storefront.
- Heading Tag, Text Editor, Image & Button Widgets: These general-purpose blocks let you add custom headings, rich text, images, and call-to-action buttons anywhere on the page for fully custom sections beyond the ecommerce-specific widgets.
- Newsletter Widget: Drop in an email signup block anywhere on the page to start building your subscriber list directly from the storefront builder.
- Built-In Clear Cache Button: A one-click “Clear Cache” control sits right in the admin bar, so layout changes go live immediately without needing to dig through server settings.
Why Choose TLCommerce Drag & Drop Page and Storefront Builder Add-on Over Other Storefront Builder Addons?
The core reason to choose this add-on is that it’s built specifically for TLCommerce, giving you a native, pre-integrated drag-and-drop experience with ecommerce-focused widgets like Flash Deal, Product Collection, and Category Slider that generic page builders simply don’t offer out of the box.
Built for TLCommerce, Not Bolted On
Because it’s designed exclusively as a TLCommerce add-on, it works within your existing Laravel & VueJS ecommerce dashboard rather than forcing you to learn a separate builder platform or manage a third-party plugin integration.
Ecommerce-First Widget Set
- Widgets like Flash Deal, Featured Product, and Product Collection are purpose-built for online stores, not repurposed generic content blocks.
- Category Slider and Banner widgets are tuned for merchandising and promotions, which most general-purpose page builders leave you to build manually.
Fast, No-Code Layout Control
- Every section can be dragged, reordered, configured, or deleted individually, so store owners can update their homepage without a developer.
- The Preview button and instant Clear Cache control mean layout changes can be checked and published quickly.
What Is TLCommerce Drag & Drop Page and Store Front Builder Add-on Best Used For? (Use Cases & Ideal Websites)
This add-on is best used for building and customizing the homepage and storefront pages of any TLCommerce-powered online store, especially for store owners who want to run promotions, showcase products, and update layouts without editing code.
- Online retailers running frequent promotions: the Flash Deal and Ads widgets make it easy to launch and swap out time-limited offers directly from the builder.
- Multi-category ecommerce stores: the Category Slider and Product Collection widgets help organize large catalogs into scannable, browsable homepage sections.
- Stores that blog for content marketing: the Blogs and List Blog widgets let you surface recent posts on the storefront to support SEO and content-driven traffic.
- Brands that need custom landing content: the Heading Tag, Text Editor, Image, and Button widgets support fully custom sections for brand storytelling, banners, or seasonal campaigns.
- Store owners without developer resources: the drag-and-drop reordering, per-section settings, and Preview button mean non-technical admins can manage the entire storefront layout themselves.
TLCommerce Drag & Drop Page and Storefront Builder Add-on Installation & Configuration Services (Basic – Advanced – Business)
Basic – $199
- Setup on your hosting
- Setup Cronjob
- Email server configuration
- Set up Mailchimp (with user-given credentials)
- Currency Settings (set up your preferred currency)
- Revision: 0
Set up existing Payment Gateways (with customer-given credentials)
Translate the full system into a preferred (your local)Â language
AWS setup if needed (with user-given credentials)
Store Frontend customization using a page builder
Advanced – $299
- Setup on your hosting
- Setup Cronjob
- Email server configuration
- Set up Mailchimp (with user-given credentials)
- Currency Settings (set up your preferred currency)
- Revision: 1 (Before delivery)
- Set up existing Payment Gateways (with customer-given credentials)
- Translate the full system into a preferred (your local) language
AWS setup if needed (with user-given credentials)
Store Frontend customization using Page Builder
Business – $499
- Setup on your hosting
- Setup Cronjob
- Email server configuration
- Set up Mailchimp (with user-given credentials)
- Currency Settings (Set up your preferred currency)
- Revision: 2 (Before delivery)
- Set up existing Payment Gateways (with customer-given credentials)
- Translate the full system into a preferred (your local) language
- AWS setup if needed (with user-given credentials)
- Store Frontend customization using Page Builder
Frequently Asked Questions (FAQs)
Does this add-on work without TLCommerce?
No. This is an add-on for TLCommerce, so you need TLCommerce installed first before this builder will function.
Can I reorder homepage sections without editing code?
Yes. Every section on the builder page has a drag handle, so you can reorder Banner, Category Slider, Flash Deal, and other sections just by dragging them.
How do I remove a section I no longer want?
Each section includes its own trash icon next to a settings gear icon, so you can delete unwanted sections individually without affecting the rest of the page.
Can I preview changes before publishing?
Yes. The builder includes a dedicated Preview button so you can see exactly how your storefront will look before customers do.
What widgets are included for showcasing products?
The add-on includes Custom Product, Featured Product, and Product Collection widgets, letting you highlight specific items, curated picks, or grouped collections on any page.
Is there a way to find a specific widget quickly?
Yes. The Widgets panel includes a “Search Widget” field, so you can filter the full widget list instead of scrolling through all available blocks.
Do layout changes require manual cache clearing?
The admin panel includes a built-in Clear Cache button, so you can refresh cached pages instantly right after making layout changes.