ShopLentor lets you replace WooCommerce’s default product detail page with a fully custom layout — built visually in Elementor or Gutenberg, no code required.
- Free plan: One global template applied to all products.
- Pro plan: Assign different templates to individual products.
New Video:
Why Customize the Single Product Page?
WooCommerce’s default product page is a generic layout. Customizing it with ShopLentor lets you:
- Match your brand — control layout, colors, typography, and image presentation.
- Highlight what sells — place video, size charts, FAQs, or social proof where they convert best.
- Reduce returns — add size charts, detailed specs, and QR codes for mobile sharing.
- Increase average order value — embed upsell widgets, cross-sells, and related product sections.
- Improve SEO — structured FAQ sections can appear in Google’s featured snippets.
Before You Start
Make sure the following are installed and active on your WordPress site:
- WordPress (latest)
- WooCommerce (latest)
- ShopLentor — free version from WordPress.org, or Pro from woolentor.com/pricing
- Elementor (free version is sufficient) — only required if you choose Elementor as your editor. Gutenberg is built into WordPress and needs no additional plugin.
Important: Elementor must be active before ShopLentor if you plan to use the Elementor editor. If Elementor is not installed, ShopLentor will prompt you to install it. You can skip Elementor entirely and use Gutenberg instead.
Step-by-Step: Create a Single Product Template
Step 1 — Enable the Template Builder
Go to ShopLentor → Settings → WooCommerce Template and turn on Enable / Disable Template Builder.
This must be active for any ShopLentor template to display on the front end.
Step 2 — Go to Template Builder and Add a New Template
Navigate to ShopLentor → Template Builder and click the Add New button at the top right.
Step 3 — Configure the Template Settings
A settings popup will appear. Fill in the following:
Field What to do Name Give the template a recognizable name, e.g. “Main Product Page” Type Select Single from the dropdown Editor Choose Elementor or Gutenberg Set Default Check this box to apply the template to all products Sample Design Optionally pick a pre-built layout from the template library (44+ available). Skip to start from a blank canvas. Click Save Settings to proceed.
Free vs Pro: Free plan supports one global default template. Pro users can assign templates to individual products.
Step 4 — Edit the Template
After saving, click Edit with Elementor or Edit with Gutenberg.
This opens the full drag-and-drop editor. All ShopLentor widgets are identified by a WL badge in the Elementor widget panel. Search by widget name to find them quickly.
Step 5 — Add Single Product Widgets to Your Layout
Build your layout using ShopLentor’s single product widgets (see full list below).
A common layout structure:
- Left column: Product Image widget
- Right column: Product Title → Product Rating → Product Price → Add to Cart Button → Product Meta
- Below: Product Data Tabs (description, reviews, specifications)
- Optional additions: FAQ accordion, upsell section, QR code, video gallery, banner
You can mix ShopLentor WooCommerce widgets with any standard Elementor widget — banners, accordions, testimonials, video embeds, etc.
Step 6 — Publish and Preview
Click Publish in Elementor (or Update in Gutenberg). Then visit any product page on your store to see the template live.
Template not showing? Check two things:
- Template Builder is enabled under ShopLentor → Settings → WooCommerce Template
- The template has Set Default checked, or is assigned to the specific product you are viewing
Step 7 — Assign to Specific Products (Pro only)
Pro users can create multiple single product templates and assign each to a specific product.
- Create a new template without checking Set Default
- Open any WooCommerce product in the product editor
- Select the template from the ShopLentor template dropdown in the product editor sidebar
Single Product Widgets & Blocks
All widgets below are available in the Elementor widget panel (search by name, look for the WL badge) and as Gutenberg blocks.
Free Widgets
Widget Description Product Image Gallery with thumbnail navigation and layout options Product Title Styled product name display Product Price Price display including sale price Product Rating Star rating display Add to Cart Button Customizable purchase button Product Description Short and long description Product Data Tabs Description, reviews, and custom tabs Product Meta Category, tags, and SKU Product SKU Standalone SKU display Product Social Share One-click social sharing Product Upsell Related upsell product display Stock Progress Bar Visual low-stock indicator to create urgency Pro Widgets
Widget Description Product Video Gallery Embed product demo videos alongside images Product Image Accordion Expandable multi-image display Call for Price Replace price with a “Call for Price” prompt and contact link Suggest Price Let customers suggest a price QR Code Generates a scannable QR code linking to the product page Image Zoom Enhanced zoom on product image hover