Solace Widgets

The Solace Extra category includes a collection of widgets designed specifically for the Solace theme. These widgets extend Elementor’s functionality and help you build consistent, dynamic website layouts.

Below is an overview of each available widget.

Solace Extra #

Form Builder #

The Form Builder widget allows you to display forms created with the Solace Form Builder directly within Elementor pages or templates.

You can use this widget for various purposes, including:

• Contact forms
• Quote request forms
• Job application forms
• Custom inquiry forms

Simply select one of your existing forms, and it will be displayed on the page without requiring any shortcode.

The Form Builder widget allows you to create and customize contact forms directly within Elementor without requiring additional form plugins. Using a simple drag-and-drop interface, you can add, remove, and reorder form fields, configure the submit button, customize success and error messages.

Key Features:

• Drag-and-drop form field management.
• Support for multiple field types, including Text, Email, Textarea, Number, Phone, Select, Checkbox, Radio, and more.
• Reorder, duplicate, or remove fields with a single click.
• Customize labels, placeholders, required fields, and validation.
• Fully customizable submit button, including text, icon, size, and alignment.
• Configure success and error messages displayed after submission.
• Built-in email notification settings for sending submissions to one or more recipients.
• Extensive styling options for fields, labels, buttons, borders, spacing, typography, and colors.
• Responsive and fully compatible with Elementor’s design controls.

The screenshot above shows a basic contact form containing Name, Email, and Message fields with a Send button. The left settings panel provides controls for managing form fields, button options, messages, email configuration, and advanced customization, making it easy to build professional forms without writing code.

Nav Menu #

The Nav Menu widget displays a WordPress navigation menu created under Appearance → Menus.

This widget is commonly used when designing:

• Website headers
• Mobile navigation
• Footer navigation
• Custom navigation layouts

You can choose which WordPress menu to display and customize its appearance directly within Elementor.

The Nav Menu widget allows you to display and customize WordPress navigation menus directly within Elementor. It provides flexible layout and styling options for creating responsive website navigation, making it suitable for headers, footers, sidebars, and mobile menus.

Key Features:

• Display any WordPress navigation menu.
• Support for horizontal, vertical and dropdown menu layouts.
• Customize menu alignment, spacing, typography, colors, and hover effects.
• Multiple pointer styles, including Underline, Overline, Double Line, Background, Framed, and more.
• Configurable hover animations for interactive navigation.
• Optional submenu indicators with customizable icons.
• Responsive mobile menu with adjustable breakpoint settings.
• Multiple mobile toggle button styles, including Hamburger and other icon options.
• Full-width mobile dropdown support with customizable alignment.
• Separate styling controls for Normal, Hover, and Active states.
• Fully responsive and compatible with Elementor’s design controls.

The screenshot above demonstrates the Nav Menu widget configured with a horizontal navigation menu displaying primary website links such as Home, About, Pages, Blog, Contact Us, and Shop. The left settings panel includes options for selecting the WordPress menu, choosing the layout and alignment, configuring pointer styles and animations, managing submenu indicators, and customizing responsive mobile navigation, allowing you to build professional and user-friendly website menus without writing code.

Site Logo #

The Site Logo widget displays the logo configured in your WordPress site settings.

Instead of uploading the logo multiple times, this widget automatically uses your site’s primary logo, ensuring consistency throughout your website.

It is commonly used in:

• Header templates
• Footer templates
• Sticky headers
• Mobile headers

When the site logo is updated in WordPress, all instances of this widget will automatically display the new logo.

The Site Logo widget allows you to display your website’s logo anywhere within an Elementor layout. It automatically uses the logo defined in the WordPress Customizer or Site Identity settings, ensuring consistent branding across your website. You can also customize how the logo is displayed, including its image resolution, caption, and destination link.

Key Features:

• Display the website logo set in WordPress Site Identity.
• Automatically updates when the site logo is changed.
• Select the image resolution (Thumbnail, Medium, Large, Full Size, or custom sizes).
• Optional image caption support.
• Add a custom link or link the logo to the homepage.
• Customize logo alignment, width, height, spacing, borders, and responsiveness.
• Full styling controls for appearance and layout.
• Fully responsive and compatible with Elementor’s design controls.

The screenshot above shows the Site Logo widget displaying the website’s branding in the page header. The Content panel allows you to manage the displayed logo, choose the image resolution, enable an optional caption, and specify a custom URL for the logo link. This widget provides a simple and efficient way to maintain consistent branding throughout your website while offering flexible display and styling options.

Separator #

The Separator widget adds a customizable divider between sections or content elements.

It can be used to:

• Separate content blocks
• Improve page organization
• Create visual spacing
• Enhance layout readability

You can customize the separator’s style, thickness, width, alignment, and color to match your website design.

The Separator widget allows you to visually divide sections of your page, helping organize content and improve readability. It supports a variety of border styles, widths, colors, spacing, and alignment options, making it easy to create subtle dividers or more decorative separators that match your website’s design.

Key Features:

• Add horizontal separators to organize page content.
• Multiple border styles, including Solid, Double, Dotted, Dashed, and Groove.
• Customize border width and thickness.
• Choose custom border colors to match your branding.
• Adjust padding and margin for precise spacing.
• Responsive controls for different screen sizes.
• Full styling support through Elementor’s Style and Advanced tabs.
• Lightweight and fully compatible with Elementor layouts.

The screenshot above demonstrates the Separator widget configured with a Groove border style, creating a three-dimensional divider between content sections. The Style panel provides controls for selecting the border type, adjusting border width, setting border color, and managing padding and margins, allowing you to create clean and visually appealing section dividers that enhance your page layout.

Social Share #

The Social Share widget displays social sharing buttons, allowing visitors to share your content across supported social media platforms.

Depending on your configuration, visitors can quickly share pages, blog posts, or products to popular social networks.

This widget is commonly placed on:

• Blog posts
• Product pages
• Portfolio pages
• Landing pages

Adding social sharing buttons can help increase content visibility and encourage visitors to share your website with others.

The Social Share widget allows visitors to quickly share your pages or posts across popular social media platforms. It provides flexible display options, customizable button styles, and support for multiple sharing services, making it easy to encourage content sharing and increase your website’s reach.

Key Features:

• Display social sharing buttons for popular platforms.
• Support for services such as Facebook, X (Twitter), Instagram, Copy to Clipboard.
• Add, remove, duplicate, or reorder social sharing buttons.
• Multiple display options, including Icon Only, Label Only, or Icon + Label.
• Customize button colors, typography, borders, spacing, and hover effects.
• Adjustable icon size, button alignment, and layout.
• Copy page URL directly to the clipboard.
• Fully responsive with separate styling controls for different devices.
• Seamlessly integrates with Elementor’s Style and Advanced settings.

The screenshot above demonstrates the Social Share widget configured to display sharing buttons for Facebook, Instagram, X (Twitter), and Copy to Clipboard using the Icon + Label display option. The Content panel allows you to manage the list of social platforms, rearrange their order, duplicate existing buttons, or add new services with a single click, making it easy to create attractive and user-friendly social sharing sections on your website.

Solace Extra – Woocommerce #

The Solace Extra – WooCommerce category provides a set of widgets specifically designed for WooCommerce websites. These widgets allow you to build fully customized eCommerce pages and templates using Elementor.

Below is an overview of each available widget.

Purchase Summary #

The Purchase Summary widget displays the order confirmation details after a customer successfully completes a purchase.

This widget is typically used on the Order Received (Thank You) page and can display information such as:

• Order number
• Order date
• Payment method
• Purchased products
• Billing details
• Shipping details
• Order total

Using this widget allows you to create a fully customized purchase confirmation page while preserving WooCommerce functionality.

The Purchase Summary widget is available in Solace Site Builder and allows you to create a fully customized Order Received (Thank You) page using Elementor. Instead of relying on WooCommerce’s default layout, you can design the purchase summary to better match your website’s branding and user experience.

This widget can display important order information after a customer successfully completes a purchase, including:

• Confirmation message
• Payment details
• Bank transfer details (for supported payment methods)
• Download links (for downloadable products)
• Purchase summary
• Billing details
• Shipping address

The Purchase Summary widget includes several configurable sections:

Confirmation Message

Displays the order confirmation message shown after a successful purchase.

Options include:

• Show or hide the confirmation message
• Customize the confirmation text
• Set text alignment

Payment Details

Displays information about the payment method used by the customer, such as the selected gateway and payment status.

Bank Details

Displays bank account information when the customer chooses a direct bank transfer payment method (BACS).

Downloads

Displays downloadable products purchased by the customer, including download links when applicable.

Purchase Summary

Displays the complete order summary, including:

• Purchased products
• Quantity
• Product subtotal
• Shipping cost
• Taxes (if enabled)
• Order total

Billing Details

Displays the customer’s billing information collected during checkout.

Shipping Address

Displays the shipping address entered by the customer during checkout.

Preview Settings

Allows you to preview the Purchase Summary widget inside Elementor using an existing WooCommerce order.

Note: If no WooCommerce orders exist on the website, Elementor cannot generate a preview. You will see the message:

“You need at least one WooCommerce order to preview the order here.”

Create a test order first to preview the widget with real order data.

Shop #

The Shop widget displays a collection of WooCommerce products in various layouts.

It can be used to build:

• Shop pages
• Product archive pages
• Featured product sections
• Product grids
• Product lists

The widget includes options for controlling product queries, layout, pagination, columns, and product display settings.

The Shop widget allows you to display WooCommerce products in a fully customizable product grid. It gives you complete control over the layout, the number of products displayed, pagination, query settings, and the order of product information, making it easy to create attractive product showcases for shop pages, homepages, or landing pages.

Key Features:

• Display WooCommerce products in a responsive grid layout.
• Customize the number of columns and products displayed per page.
• Choose from multiple predefined product card layouts.
• Enable or disable pagination.
• Reorder product elements, including Title, Category, Tags, Price, Rating, Add to Cart, and more.
• Powerful query controls to display products by category, tag, featured status, sale items, latest products, best sellers, or custom filters.
• Fully customizable typography, colors, spacing, borders, buttons, and product image styles.
• Responsive controls for desktop, tablet, and mobile devices.
• Seamlessly integrates with WooCommerce and Elementor.

The screenshot above demonstrates the Shop widget displaying products in a 3-column grid with 4 products per page using a predefined product card layout. Each product includes a featured image, sale badge, product title, category, tags, price, and an Add to Cart button. The Content panel allows you to configure the grid layout, manage pagination, rearrange the order of product elements, and customize product queries, making it easy to build professional WooCommerce product displays without writing code.

Cart #

The Cart widget displays the WooCommerce shopping cart, allowing customers to review and manage their selected products before proceeding to checkout.

Customers can:

• View cart items
• Update product quantities
• Remove products
• Apply coupon codes
• Review cart totals
• Proceed to checkout

This widget is commonly used when creating a custom Cart page with Elementor.

The Cart widget allows you to create and customize the WooCommerce shopping cart page using Elementor. It displays the products customers have added to their cart, along with cart totals, coupon functionality, and cross-sell recommendations. With flexible layout and styling options, you can build a modern, user-friendly cart page that matches your website’s branding.

Key Features:

• Display the complete WooCommerce shopping cart.
• Multiple predefined cart layouts.
• Show product image, name, price, quantity, subtotal, and remove item option.
• Built-in Cart Totals section with subtotal, total, and checkout button.
• Optional Coupon Code section to apply discount coupons.
• Optional Cross-Sell Products section to recommend related products.
• Quantity update controls with an Update Cart button.
• Fully customizable typography, colors, spacing, borders, buttons, and table styling.
• Responsive design with full Elementor styling controls.
• Seamlessly integrates with WooCommerce checkout and cart functionality.

The screenshot above demonstrates the Cart widget using Layout 1, displaying a complete WooCommerce cart page with a product table, quantity selector, Update Cart button, and a Cart Totals panel containing the subtotal, total amount, and Proceed to Checkout button. The Content panel also includes options to customize the Cart Totals, Cross-Sell Products, and Coupon Code sections, allowing you to create a fully customized shopping cart experience without writing code.

Mini Cart #

The Mini Cart widget displays a compact shopping cart that provides customers with quick access to their selected items without leaving the current page.

Depending on your configuration, the Mini Cart can display:

• Recently added products
• Product thumbnails
• Quantities
• Cart subtotal
• View Cart button
• Checkout button

It is commonly placed in website headers, navigation bars, or off-canvas menus to improve the shopping experience.

The Mini Cart widget allows you to display a compact WooCommerce shopping cart icon anywhere on your website, making it easy for customers to view their cart status. It can display the current cart subtotal, item count, and an optional dropdown preview of cart contents, making it an ideal widget for website headers and navigation bars.

Key Features:

• Display a WooCommerce mini cart icon anywhere in your Elementor layout.
• Show the current cart subtotal alongside the cart icon.
• Display the number of items currently in the cart.
• Optional dropdown mini cart showing cart contents.
• Customize the cart icon using built-in icon options or custom icons.
• Multiple alignment options for seamless header integration.
• Fully customizable colors, typography, spacing, borders, and hover effects.
• Responsive design with device-specific styling controls.
• Seamlessly integrates with WooCommerce and updates automatically as customers add or remove products.

The screenshot above demonstrates the Mini Cart widget placed in the website header, displaying the cart subtotal, shopping cart icon, and the current item count. The Content panel allows you to customize the cart icon, enable or disable the dropdown preview, show or hide the cart subtotal, and adjust the widget alignment, making it easy to create a clean and user-friendly shopping experience that remains accessible throughout your WooCommerce store.

My Account #

The My Account widget displays the WooCommerce customer account area.

After logging in, customers can access features such as:

• Dashboard
• Orders
• Downloads
• Addresses
• Account Details
• Logout

This widget is used to create a customized My Account page while maintaining all WooCommerce account functionality.

The My Account widget allows you to display and customize the WooCommerce My Account page within Elementor. It provides customers with a centralized dashboard where they can manage their orders, downloads, addresses, account details, and other account-related information. With multiple layout options and full styling controls, you can create a personalized account experience that matches your website’s design.

Key Features:

• Display the complete WooCommerce My Account dashboard.
• Multiple predefined layout options for different account page designs.
• Automatically integrates with WooCommerce customer account functionality.
• Fully customizable typography, colors, spacing, borders, backgrounds, and navigation styles.
• Responsive design with device-specific customization controls.
• Seamlessly works with WooCommerce login, registration, and account management features.

The screenshot above demonstrates the My Account widget using Layout 1, featuring a sidebar navigation alongside the customer account dashboard. The navigation provides quick access to important account sections such as Dashboard, Orders, Downloads, Addresses, Account Details, and Logout, while the main content area displays the selected account information. The Content panel allows you to switch between available layouts, making it easy to create a professional and user-friendly customer account page that integrates seamlessly with your WooCommerce store.

Checkout #

The Checkout widget displays the WooCommerce checkout form, allowing customers to complete their purchases.

The checkout page may include:

• Billing information
• Shipping information
• Order summary
• Shipping methods
• Coupon entry
• Payment methods
• Place Order button

Using this widget enables you to build a fully customized Checkout page in Elementor while preserving WooCommerce’s native checkout functionality and payment gateway integrations.

The Checkout widget allows you to build a fully customized WooCommerce checkout page using Elementor through Solace Site Builder. Instead of using WooCommerce’s default checkout layout, you can design a checkout experience that matches your website’s branding while keeping all standard WooCommerce checkout functionality.

Widget Settings

The Checkout widget provides several customization options:

Layout

Choose the overall checkout layout that will be displayed on the page.

Currently available:

• Layout 1 – Displays the billing form on the left and the order summary on the right.

Billing Details

Customize the appearance of the billing information section displayed during checkout.

This section includes standard WooCommerce billing fields such as:

• First Name
• Last Name
• Company
• Country / Region
• Street Address
• City
• State
• ZIP / Postal Code
• Phone
• Email Address

Additional Information

Customize the additional information section shown below the billing details.

This section typically contains:

• Order Notes

Customers can use this field to leave delivery instructions or additional notes for their order.

Orders

Customize the appearance of the order summary displayed during checkout.

The order summary includes information such as:

• Products
• Quantity
• Subtotal
• Shipping
• Taxes (if enabled)
• Total
• Available payment methods

Coupon

Customize the coupon section displayed above the checkout form.

Customers can enter a valid coupon code before completing their purchase. If coupons are disabled in WooCommerce, this section will not be displayed on the frontend.

Note: The Checkout widget only customizes the design and layout of the WooCommerce checkout page. All checkout fields, payment gateways, taxes, shipping methods, and validation continue to be managed by WooCommerce and any installed payment gateway plugins.

Solace Extra – Blog #

The Solace Extra – Blog category provides a dedicated widget for creating custom blog layouts with Elementor. This widget can be used within Solace Site Builder to design archive pages or blog listings that match your website’s overall style.

The Blog widget allows you to display WordPress posts in a responsive and fully customizable grid layout. It provides flexible controls for managing post content, layout, metadata, and query settings, making it ideal for creating blog pages, news sections, featured articles, or content highlights directly within Elementor.

Key Features:

• Display WordPress posts in a responsive grid layout.
• Customize the number of columns, grid spacing, and posts displayed per page.
• Show or hide featured images, categories, author avatars, excerpts, read more links, and post metadata.
• Display post information such as author, publication date, and categories.
• Enable or disable pagination for navigating between posts.
• Powerful query controls to filter posts by category, tag, author, post type, or custom criteria.
• Fully customizable typography, colors, spacing, borders, image styles, and hover effects.
• Responsive controls for desktop, tablet, and mobile devices.
• Seamlessly integrates with the native WordPress blogging system.

The screenshot above demonstrates the Blog widget configured to display posts in a 3-column grid with 9 posts per page. Each post includes a featured image, category badge, post title, publication metadata, and responsive card layout. The Content panel allows you to control the number of columns, adjust grid spacing, manage visible post elements such as featured images, categories, excerpts, metadata, and pagination, enabling you to build attractive and engaging blog layouts without writing code.

Solace Extra – Single Post #

The Solace Extra – Single Post category contains a collection of widgets specifically designed for building Single Post Templates in Solace Site Builder using Elementor.

These widgets dynamically display information from the currently viewed blog post, allowing you to create a fully customized single post layout without editing individual posts.

Post Author #

Displays the author of the current blog post.

Common information includes:

• Author name
• Author profile image (avatar)
• Author biography (if available)

This widget is useful for introducing the content creator and improving author credibility.

The Post Author widget allows you to display information about the author of the current WordPress post or page. It automatically retrieves the author’s profile details from WordPress, making it ideal for blog posts, news articles, and content-driven websites. You can choose to display the author’s avatar, biography, and a link to view all posts written by the same author.

Key Features:

• Automatically display the current post author information.
• Show or hide the author’s biography.
• Show or hide the author’s avatar.
• Customize the HTML tag used for the widget.
• Add a custom label for the View All Articles link.
• Dynamically pulls author information from the WordPress user profile.
• Fully customizable typography, colors, spacing, borders, and alignment.
• Responsive design with complete Elementor styling controls.
• Perfect for blog post templates created with Solace Site Builder.

The screenshot above demonstrates the Post Author widget configured to display the post author’s information beneath the article title. The Content panel allows you to choose the HTML tag, enable or disable the Author Bio and Author Avatar, and customize the View All Articles label. This widget helps readers identify the content author and easily navigate to other articles written by the same person, creating a more engaging and professional blog experience.

Post Categories #

The Post Categories widget allows you to dynamically display the categories assigned to the current WordPress post. It is designed for single post templates and automatically updates based on each post’s assigned categories, helping visitors understand the content topic and navigate to related articles.

Key Features:

• Dynamically display categories for the current post.
• Automatically updates based on the post’s assigned categories.
• Customize text color, background color, and typography.
• Adjust alignment, spacing, padding, and margins.
• Configure border radius for category badges.
• Fully responsive with separate styling controls for different devices.
• Seamlessly integrates with Solace Site Builder and the native WordPress category system.

The screenshot above demonstrates the Post Categories widget placed at the top of a single blog post. Since the example post has no assigned categories, the widget displays the message “No categories assigned.” When categories are assigned, they are automatically displayed as clickable links that direct visitors to the corresponding category archive pages. The Style panel provides controls for customizing the appearance of the category labels, including colors, typography, border radius, spacing, padding, and alignment, allowing you to create category badges that match your website’s branding.

Post Excerpt #

The Post Excerpt widget allows you to dynamically display the excerpt (summary) of the current WordPress post. It automatically retrieves the post excerpt or generates one from the post content if no custom excerpt has been provided. This widget is ideal for single post templates, featured articles, and blog layouts where a concise introduction is needed before the full content.

Key Features:

• Dynamically display the current post excerpt.
• Automatically uses the custom excerpt or generates one from the post content.
• Customize the HTML tag used for the excerpt output.
• Fully customizable typography, colors, spacing, alignment, and margins.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder and the native WordPress post system.

The screenshot above demonstrates the Post Excerpt widget configured with the Paragraph (<p>) HTML tag. The Content panel allows you to select the desired HTML tag, while the Style and Advanced tabs provide extensive customization options for typography, colors, spacing, and layout. This widget helps provide readers with a brief overview of the article, improving readability and encouraging further engagement with your content.

Post Title #

The Post Title widget allows you to dynamically display the title of the current WordPress post or page within Solace Site Builder templates. It automatically retrieves the post title from WordPress and updates based on the content being viewed, making it ideal for single post, page, or custom post type templates.

Key Features:

• Dynamically display the current post title.
• Automatically updates based on the active WordPress post or page.
• Select the HTML heading tag (H1–H6, DIV, SPAN, or P) for proper semantic structure and SEO.
• Fully customizable typography, colors, spacing, alignment, and text styling.
• Responsive controls for desktop, tablet, and mobile devices.
• Seamlessly integrates with Solace Site Builder and the native WordPress post system.

The screenshot above demonstrates the Post Title widget displaying the title “Hello world!” using the H1 HTML tag. The Content panel allows you to choose the appropriate HTML tag, while the Style and Advanced tabs provide complete control over the title’s appearance, including typography, colors, alignment, and responsive styling. This widget ensures that every post or page automatically displays its correct title while maintaining consistent design and proper HTML structure across your website.

Featured Image #

The Featured Image widget allows you to dynamically display the featured image of the current WordPress post or page. It automatically retrieves the assigned featured image and provides additional options to display related post information, such as the post title, categories, and metadata as overlays. You can also specify a fallback image to display when a post does not have a featured image.

Key Features:

• Dynamically display the featured image of the current post.
• Automatically updates based on the active WordPress post.
• Optionally display the post title as an overlay.
• Optionally display post categories on the featured image.
• Optionally display post metadata, such as the author and publication date.
• Set a fallback image for posts without a featured image.
• Choose the image resolution (Thumbnail, Medium, Large, Full Size, or custom sizes).
• Fully customizable image styling, overlays, spacing, borders, and responsive behavior.
• Seamlessly integrates with Solace Site Builder and the native WordPress featured image system.

The screenshot above demonstrates the Featured Image widget displaying the featured image for a single blog post. The Content panel allows you to show or hide the Post Title, Categories, and Post Meta overlays, specify a Fallback Image for posts without a featured image, and select the desired Image Resolution. This widget provides a simple and effective way to create visually engaging single post templates while ensuring every post displays an appropriate featured image, even when one has not been assigned.

Full Content #

The Full Content widget allows you to dynamically display the complete content of the current WordPress post or page within Solace Site Builder templates. It automatically retrieves the post body from WordPress, ensuring that every article displays its full content without requiring manual editing. You can also choose to display only the post excerpt when a shorter preview is preferred.

Key Features:

• Dynamically display the full content of the current post or page.
• Automatically updates based on the active WordPress post.
• Option to display the post excerpt instead of the full content.
• Preserves WordPress formatting, including headings, images, galleries, lists, embeds, shortcodes, and other supported content elements.
• Fully customizable typography, colors, spacing, alignment, and layout through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.

The screenshot above demonstrates the Full Content widget displaying the content of a WordPress post. The Content panel includes a Show Excerpt Instead? option, allowing you to switch between displaying the complete article or only its excerpt. This widget is ideal for building dynamic single post templates, ensuring that every published post automatically displays its content while maintaining a consistent design across your website.

Post Tags #

The Post Tags widget allows you to dynamically display the tags assigned to the current WordPress post. It automatically retrieves and displays the post’s tags as clickable links, helping visitors discover related content and improving content organization. This widget is designed for use in Solace Site Builder templates and updates automatically based on the post being viewed.

Key Features:

• Dynamically display tags for the current WordPress post.
• Automatically updates based on the post’s assigned tags.
• Display tags as clickable links to their respective tag archive pages.
• Customize tag alignment within the layout.
• Fully customizable typography, colors, backgrounds, borders, spacing, and hover effects.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder and the native WordPress tag system.

The screenshot above demonstrates the Post Tags widget positioned beneath the post content. The Content panel provides a simple Alignment option for controlling the placement of the tags, while the Style and Advanced tabs allow you to customize their appearance. If the current post has assigned tags, they are displayed automatically as clickable labels that help readers browse other posts with the same topic, creating a more organized and engaging content experience.

Post Date Time #

The Post Date Time widget allows you to dynamically display the publication date and time of the current WordPress post. It automatically retrieves the post’s publish date from WordPress and provides flexible formatting options, making it ideal for blog posts, news articles, and dynamic single post templates.

Key Features:

• Dynamically display the current post’s publication date and time.
• Automatically updates based on the active WordPress post.
• Show or hide the publication date.
• Show or hide the publication time.
• Choose from multiple date format options or use the site’s default WordPress date format.
• Customize the HTML tag used for the output.
• Fully customizable typography, colors, spacing, alignment, and icon styling.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder.

The screenshot above demonstrates the Post Date Time widget displaying the publication date June 15, 2026 beneath the post title alongside a calendar icon. The Content panel allows you to select the HTML tag, toggle the visibility of the date and time independently, and choose the preferred date format. This widget ensures that every post automatically displays accurate publishing information while maintaining a consistent design across your website.

Post Comments #

The Post Comments widget allows you to display and customize the WordPress comments section for the current post. It automatically integrates with the native WordPress commenting system, enabling visitors to read existing comments and submit new ones directly from the post page. With extensive styling controls, you can customize every part of the comments area to match your website’s design.

Key Features:

• Display the native WordPress comments section.
• Automatically show the comments for the current post.
• Allow visitors to submit new comments using the WordPress comment form.
• Customize the comments title format using dynamic placeholders.
• Style the comment author names, dates, comment content, reply titles, buttons, and indentation.
• Customize typography, colors, spacing, margins, and alignment for every comment element.
• Fully responsive with device-specific styling controls.
• Seamlessly integrates with Solace Site Builder.

The screenshot above demonstrates the Post Comments widget displaying the complete comments section beneath a blog post. It includes the comments title, existing comments (when available), and the Leave a Reply form where visitors can submit new comments. The Style panel provides dedicated customization options for the Title, Author, Date, Comments, Reply Title, Indent, and Button, allowing you to create a fully customized comments experience while maintaining complete compatibility with the WordPress comment system.

Post Breadcrumb #

The Post Breadcrumb widget allows you to display a dynamic breadcrumb navigation trail for the current WordPress post or page. It automatically generates the navigation path based on the site’s hierarchy, helping visitors understand their current location and easily navigate back to parent pages or category archives. This widget is especially useful for improving website navigation, user experience, and SEO.

Key Features:

• Dynamically display the breadcrumb path for the current post or page.
• Automatically updates based on the active WordPress content hierarchy.
• Display the full navigation path from the homepage to the current post.
• Customize the post name color and breadcrumb path color independently.
• Choose a custom separator icon between breadcrumb items.
• Adjust separator color and spacing.
• Customize typography, alignment, padding, and margins.
• Fully responsive with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder.

The screenshot above demonstrates the Post Breadcrumb widget displaying the navigation path from Home to the current blog post through its assigned category. The Style panel provides controls for customizing the breadcrumb alignment, typography, colors, separator icon, separator spacing, padding, and margins, allowing you to create breadcrumb navigation that matches your website’s branding while improving usability and content discoverability.

Post Navigation #

The Post Navigation widget allows you to display links to the previous and next posts, helping visitors navigate seamlessly between related articles. It automatically retrieves adjacent posts based on the current post and can optionally display labels and featured image thumbnails, making it an excellent addition to single post templates.

Key Features:

• Dynamically display links to the previous and next posts.
• Automatically updates based on the current WordPress post.
• Option to show or hide the Previous Post and Next Post labels.
• Option to display featured image thumbnails for adjacent posts.
• Multiple alignment options for flexible layout control.
• Fully customizable typography, colors, spacing, borders, and hover effects.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder.

The screenshot above demonstrates the Post Navigation widget displaying links to both the previous and next blog posts. The previous post appears on the left, while the next post is shown on the right with its featured image thumbnail. The Content panel allows you to toggle the visibility of navigation labels and thumbnails, as well as adjust the alignment of the navigation layout, making it easy to create an intuitive browsing experience that encourages visitors to continue reading related content.

Related Posts #

The Related Posts widget allows you to automatically display posts related to the current article, helping visitors discover additional content and increasing engagement on your website. It dynamically retrieves related posts based on categories, tags, or other query criteria, and presents them in a responsive grid layout that can be fully customized with Elementor.

Key Features:

• Dynamically display posts related to the current article.
• Automatically updates based on the current post’s categories, tags, or configured query.
• Customize the number of columns and posts displayed.
• Option to show or hide category labels.
• Option to show or hide post titles.
• Option to display post metadata, such as the publication date and author.
• Fully customizable typography, colors, spacing, borders, image styling, and hover effects.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with Solace Site Builder.

The screenshot above demonstrates the Related Posts widget displaying a 3-column grid of articles related to the current post. Each card includes a featured image, category label, post title, and publication date, providing readers with relevant content recommendations. The Content panel allows you to configure the number of columns, posts per page, and the visibility of categories, post titles, and metadata, making it easy to create engaging related content sections that encourage visitors to continue exploring your website.

Solace Extra – Single Product #

The Solace Extra – Single Product category contains a collection of widgets specifically designed for building Single Product Templates in Solace Site Builder using Elementor.

These widgets dynamically display information from the currently viewed WooCommerce product, allowing you to create a fully customized product page without editing individual products.

Additional Information #

The Additional Information widget allows you to display the Additional Information tab from a WooCommerce single product page within Elementor. It automatically retrieves product-specific attributes and additional details, providing customers with important information such as dimensions, weight, materials, specifications, or any custom product attributes configured in WooCommerce. This widget helps create a complete and informative product page while maintaining full compatibility with WooCommerce.

Key Features:

• Automatically retrieve product attributes and specifications.
• Option to show or hide the section heading.
• Display custom WooCommerce product attributes such as dimensions, weight, materials, colors, sizes, and more.
• Fully customizable typography, colors, spacing, borders, and tab styling.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates and updates automatically for each product.

The screenshot above demonstrates the Additional Information widget displayed beneath the product summary on a WooCommerce single product page. The widget appears alongside the standard product tabs, such as Description, Additional Information, and Reviews, allowing customers to view detailed product specifications without leaving the page. The Content panel includes a simple Show Heading option, while the Style and Advanced tabs provide full control over the widget’s appearance, ensuring it blends seamlessly with the rest of your store’s design.

Product Breadcrumbs #

The Product Breadcrumbs widget allows you to display a dynamic breadcrumb navigation trail for WooCommerce single product pages. It automatically generates the navigation path from the homepage through the product category hierarchy to the current product, making it easier for customers to understand where they are within your store and quickly navigate to parent categories.

Key Features:

• Dynamically display WooCommerce product breadcrumbs.
• Automatically updates based on the current product and its category hierarchy.
• Display the navigation path from the homepage to the current product.
• Customize breadcrumb alignment.
• Option to enable a custom separator between breadcrumb items.
• Fully customizable typography, colors, spacing, separators, and styling.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Breadcrumbs widget displaying the navigation path Home / Wall Hangings / Macramé Wall Hanging at the top of a WooCommerce single product page. The Content panel allows you to adjust the breadcrumb alignment and optionally enable a custom separator for the navigation path. Combined with the Style and Advanced tabs, this widget makes it easy to create intuitive breadcrumb navigation that improves both user experience and product discoverability across your WooCommerce store.

Product Categories #

The Product Categories widget allows you to dynamically display the WooCommerce category assigned to the current product. It automatically retrieves the product’s category information and updates based on the product being viewed, making it ideal for single product templates. Displaying product categories helps customers better understand product organization and provides quick access to related items within the same category.

Key Features:

• Dynamically display the current product’s category.
• Automatically updates based on the active WooCommerce product.
• Customize the category label text (e.g., Category:).
• Display multiple product categories when assigned.
• Categories are displayed as clickable links to their respective product archive pages.
• Fully customizable typography, colors, spacing, and alignment through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Categories widget displaying the product category beneath the product title using the label “Category:” followed by the assigned category Wall Hangings. The Content panel allows you to customize the category label, while the Style and Advanced tabs provide complete control over typography, colors, spacing, and layout. This widget helps improve store navigation by allowing customers to quickly browse other products within the same category.

Product Gallery #

The Product Gallery widget allows you to dynamically display the image gallery of the current WooCommerce product. It automatically retrieves the product’s featured image along with all gallery images assigned in WooCommerce, giving customers a rich visual experience when browsing products. The widget supports optional sale badges and gallery navigation, making it ideal for creating modern and engaging single product pages.

Key Features:

• Dynamically display the WooCommerce product gallery.
• Automatically retrieve the product’s featured image and gallery images.
• Option to show or hide the Sale Flash badge for products on sale.
• Option to enable or disable the product image gallery.
• Supports multiple product images with gallery navigation.
• Fully customizable image layout, spacing, borders, overlays, and hover effects.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates and updates automatically for each product.

The screenshot above demonstrates the Product Gallery widget displaying the featured image of a WooCommerce product on the left side of the product page. When multiple gallery images are available, customers can browse through the product gallery for additional views. The Content panel includes options to show or hide the Sale Flash badge and enable or disable the Product Gallery, allowing you to create visually appealing product pages while maintaining full compatibility with WooCommerce.

Product Long Description #

The Product Long Description widget allows you to dynamically display the full WooCommerce product description on single product pages. It automatically retrieves the product’s long description from WooCommerce, preserving all formatting, images, lists, shortcodes, and other supported content. This widget is ideal for creating detailed product pages that provide customers with comprehensive information before making a purchase.

Key Features:

• Dynamically display the WooCommerce product long description.
• Automatically updates based on the current product.
• Preserves WordPress and WooCommerce formatting, including headings, images, lists, galleries, shortcodes, and embedded media.
• Fully customizable typography, text colors, borders, spacing, padding, margins, and box shadow.
• Multiple border styles and design options to match your store branding.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Long Description widget displaying the complete product description beneath the product summary and product tabs. The widget automatically outputs the content entered in the WooCommerce Product Description editor. The Style panel provides controls for customizing typography, text color, borders, border radius, box shadow, padding, and margins, allowing you to create attractive and readable product descriptions that blend seamlessly with the overall design of your WooCommerce store.

Product Meta #

The Product Meta widget allows you to display key WooCommerce product information in a single, dynamic widget. It automatically retrieves and displays the product’s SKU, Categories, and Tags, making it easy to present essential product details in a clean and organized layout. This widget is ideal for single product templates and updates automatically based on the product being viewed.

Key Features:

• Display WooCommerce SKU, Categories, and Tags in a single widget.
• Automatically updates based on the current product.
• Choose between Inline or Block display layouts.
• Adjust spacing between meta items and the distance between labels and values.
• Option to enable or disable dividers between meta items.
• Fully customizable typography, colors, spacing, and styling for labels and links.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Meta widget displaying the product’s SKU, Category, and Tags together beneath the product title. Rather than using separate widgets for each piece of information, this widget combines all essential product metadata into a single, easy-to-manage component. The Style panel allows you to customize the display layout, spacing, typography, colors, dividers, and captions, enabling you to create a clean and consistent product information section that matches your WooCommerce store’s design.

Product Price #

The Product Price widget allows you to dynamically display the price of the current WooCommerce product. It automatically retrieves the regular price, sale price, or variable pricing from WooCommerce and updates based on the product being viewed. This widget is ideal for creating custom single product templates while ensuring pricing always remains synchronized with your WooCommerce store.

Key Features:

• Dynamically display the current WooCommerce product price.
• Automatically updates based on the active product.
• Supports regular prices, sale prices, and variable product pricing.
• Automatically displays sale pricing when a product is on sale.
• Independently customize the appearance of regular and sale prices.
• Adjust spacing between regular and sale prices.
• Fully customizable typography, colors, and responsive styling.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Price widget displaying the current product price beneath the product summary. When a product is on sale, the widget automatically displays both the original price and the discounted sale price using WooCommerce’s pricing logic. The Style panel provides separate customization controls for the Regular Price and Sale Price, including typography, colors, and spacing, allowing you to create a pricing display that matches your store’s branding while remaining fully synchronized with WooCommerce.

Product Rating #

The Product Rating widget allows you to dynamically display the customer rating and review count for the current WooCommerce product. It automatically retrieves the product’s average rating and the total number of customer reviews, helping build trust and provide social proof for your products. The widget updates automatically whenever new reviews are submitted.

Key Features:

• Dynamically display the WooCommerce product rating.
• Automatically updates based on the current product.
• Display the average star rating and total customer review count.
• Supports WooCommerce’s native product review system.
• Customize filled star color and empty star color independently.
• Customize the review label typography and color.
• Adjust star size and spacing between rating elements.
• Fully responsive with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Rating widget displaying the product’s star rating alongside the customer review count beneath the product title. The widget automatically reflects the current average rating calculated by WooCommerce and updates as new reviews are added. The Style panel provides controls for customizing the Star Color, Empty Star Color, Label Color, Typography, Star Size, and Spacing Between elements, allowing you to create a rating display that complements your store’s branding while providing valuable social proof for customers.

Product Short Description #

The Product Short Description widget allows you to dynamically display the WooCommerce short description of the current product. It automatically retrieves the product’s short description from WooCommerce and displays it within your single product template, making it ideal for highlighting key product features and benefits before customers make a purchase decision.

Key Features:

• Dynamically display the WooCommerce product short description.
• Automatically updates based on the current product.
• Displays the content entered in the Product Short Description field within WooCommerce.
• Preserves WordPress formatting, including paragraphs, lists, links, and supported inline elements.
• Fully customizable typography, text colors, borders, border radius, spacing, padding, margins, and box shadow.
• Responsive design with complete Elementor styling controls.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Short Description widget displaying a concise product summary beneath the product title and metadata. The widget automatically outputs the content entered in the WooCommerce Short Description field, allowing customers to quickly understand the product before viewing the full description. The Style panel provides controls for customizing text color, typography, borders, border radius, box shadow, padding, and margins, making it easy to create a visually appealing product summary that complements the overall design of your WooCommerce store.

Product SKU #

The Product SKU widget allows you to dynamically display the Stock Keeping Unit (SKU) of the current WooCommerce product. It automatically retrieves the SKU assigned in WooCommerce and updates based on the product being viewed. This widget is ideal for stores that use SKUs for inventory management, product identification, or customer reference.

Key Features:

• Dynamically display the current WooCommerce product SKU.
• Automatically updates based on the active product.
• Customize the SKU label (e.g., SKU or Product Code).
• Display the product’s unique inventory identifier from WooCommerce.
• Fully customizable typography, colors, spacing, and alignment through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product SKU widget displaying the product’s unique SKU beneath the product title using the label SKU. The widget automatically retrieves the SKU assigned to the product in WooCommerce, ensuring the displayed value is always accurate and up to date. The Content panel allows you to customize the label text, while the Style and Advanced tabs provide full control over typography, colors, spacing, and layout, making it easy to match the widget with your store’s overall design.

Product Stock #

The Product Stock widget displays the current inventory status of the active WooCommerce product. It dynamically retrieves the stock information from WooCommerce and automatically updates whenever the product inventory changes. This widget helps customers quickly determine product availability before making a purchase.

Key Features:

• Dynamically display the current WooCommerce product stock status.
• Automatically updates based on the active product’s inventory.
• Display available stock quantity (e.g., 100 in stock).
• Customize the text displayed for Out of Stock products.
• Customize the message displayed for Backorder products using placeholders (e.g., Expected availability: %%a).
• Fully customizable typography, colors, spacing, and alignment through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Stock widget displaying the current inventory status of the product, showing 100 in stock directly beneath the product metadata. The widget automatically reflects the product’s stock information from WooCommerce, ensuring customers always see accurate availability. Through the Content panel, you can customize the messages displayed for out-of-stock and backorder products, while the Style and Advanced tabs provide complete control over the widget’s appearance to match your store’s design.

Product Tags #

The Product Tags widget dynamically displays the tags assigned to the current WooCommerce product. It automatically retrieves and lists all associated product tags, helping customers better understand product attributes and improving product discoverability through taxonomy.

Key Features:

• Dynamically display WooCommerce product tags.
• Automatically retrieve all tags assigned to the current product.
• Customize the label displayed before the tags (e.g., Tag:).
• Display multiple tags separated automatically.
• Fully customizable colors, padding, and margin through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.
• Seamlessly integrates with WooCommerce single product templates.

The screenshot above demonstrates the Product Tags widget displaying the tags assigned to the active product, such as handcrafted and Macrame, preceded by the customizable Tag: label. The widget automatically updates based on the product’s assigned tags in WooCommerce. Through the Content panel, you can modify the label text, while the Style and Advanced tabs provide full control over the widget’s appearance to match your store’s design.

Product Title #

The Product Title widget dynamically displays the title of the current WooCommerce product on the Single Product template. It automatically retrieves the product name, ensuring that every product page displays the correct title without requiring manual updates.

Key Features:

• Dynamically display the current WooCommerce product title.
• Automatically updates based on the product being viewed.
• Select the HTML heading tag (H1–H6) for proper semantic structure and SEO.
• Fully customizable typography, colors, padding, and margin through Elementor’s Style controls.
• Responsive design with complete Elementor styling support.
• Perfect for building dynamic WooCommerce Single Product templates.

The screenshot above demonstrates the Product Title widget displaying the current product name, Macramé Wall Hanging, on a WooCommerce single product page. Through the Content panel, you can choose the appropriate HTML heading level (H1–H6) to improve accessibility and search engine optimization, while the Style and Advanced tabs provide complete control over the widget’s appearance to match your website design.

Product Upsells #

The Product Upsells widget displays WooCommerce upsell products that have been assigned to the current product. Upsells are products you recommend as premium alternatives or complementary options, helping increase average order value by encouraging customers to purchase higher-value items.

Key Features:

• Dynamically display WooCommerce upsell products.
• Automatically retrieve products assigned as upsells for the current product.
• Customize the section heading (e.g., You may also like…).
• Choose the number of products to display.
• Select the number of columns for the product grid.
• Display complete product information, including featured image, sale badge, title, price, and Add to Cart button.
• Responsive layout with full Elementor styling support.
• Ideal for increasing cross-selling opportunities and improving customer engagement.

The screenshot above demonstrates the Product Upsells widget displaying four products recommended for the current product. Through the Content panel, you can customize the heading text, specify how many upsell products are displayed, and choose the number of grid columns. The widget automatically updates based on the upsell products configured in WooCommerce, allowing you to build dynamic and conversion-focused Single Product templates without manually selecting products.

Related Products #

The Related Products widget dynamically displays WooCommerce products related to the current product, helping customers discover similar items based on shared categories or tags. This widget is ideal for increasing product visibility and encouraging additional purchases.

Key Features:

• Dynamically display related WooCommerce products.
• Automatically retrieve products related to the current product.
• Customize the section heading (e.g., Related Products).
• Choose the HTML heading tag (H1–H6) for proper semantic structure and SEO.
• Select the number of related products to display.
• Configure the number of columns in the product grid.
• Display complete product information, including featured image, sale badge, title, category, price, and Add to Cart button.
• Responsive layout with full Elementor styling support.
• Automatically updates based on WooCommerce product relationships.

The screenshot above demonstrates the Related Products widget displaying products related to the current product. Through the Content panel, you can customize the section heading, select the heading HTML tag, define how many related products are shown, and choose the number of columns displayed in the grid. The widget automatically updates according to WooCommerce’s related product logic, making it easy to build dynamic and engaging Single Product templates without manually selecting products.

Product Add to Cart #

The Product Add to Cart widget dynamically displays the WooCommerce Add to Cart form for the current product. It includes the quantity selector and Add to Cart button, allowing customers to purchase products directly from your custom Single Product template.

Key Features:

• Dynamically display the WooCommerce Add to Cart form.
• Automatically adapts to the current product.
• Includes the product quantity selector.
• Displays the Add to Cart button with WooCommerce functionality.
• Customize the button text (e.g., Add To Cart).
• Fully compatible with simple, variable, grouped, and external products (depending on the product type).
• Responsive layout with full Elementor styling support.
• Seamlessly integrates with WooCommerce stock management and purchasing workflow.

The screenshot above demonstrates the Product Add to Cart widget displaying the quantity input alongside the Add to Cart button for the current product. Through the Content panel, you can customize the button label, while the Style and Advanced tabs provide complete control over the appearance of the quantity field, button, typography, spacing, colors, borders, and other design elements to match your WooCommerce store.

Product Tabs #

The Product Tabs widget dynamically displays the default WooCommerce product tabs, including Description, Additional Information, and Reviews, within your Single Product template. It automatically retrieves the appropriate content for the current product while allowing you to fully customize the appearance of the tabs and their content.

Key Features:

• Dynamically display WooCommerce product tabs.
• Automatically show the product Description, Additional Information, and Reviews.
• Display only tabs that contain available content.
• Fully customize tab alignment, typography, spacing, colors, borders, backgrounds, and active/hover states.
• Individual styling controls for the Description, Additional Information, Reviews, and Button sections.
• Responsive design with complete Elementor styling support.
• Seamlessly integrates with WooCommerce product data and customer reviews.

The screenshot above demonstrates the Product Tabs widget displaying the default WooCommerce product tabs beneath the product information. The widget automatically loads the content assigned to each tab for the current product, ensuring every product page remains dynamic. Through the Style tab, you can customize the appearance of the tabs, their content area, review section, and buttons to match your WooCommerce store’s branding and design.