Convert subheadings from H2 to H3 in all 16 widget marketing files
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
Let visitors edit Advanced Custom Fields content from the front end — no admin access, no wp-admin, just a form on your page.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Advanced Custom Fields is one of the most powerful tools in WordPress for structured content, but editing it has always meant going into wp-admin. For membership sites, directories, community-submitted content, or client self-service portals, that's a real barrier. Either your users need WordPress accounts with admin access, or you're manually updating their content for them.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget renders ACF's native frontend form directly on your page — including repeaters, flexible content, tabs, and every other ACF field type. It can either update the current post (perfect for single-post templates where users edit their own content) or create a new post of a chosen type (ideal for front-end submissions). All the layout and field behaviour matches the WordPress dashboard, so there's no learning curve for editors.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A fully functional front-end editing experience that lets contributors manage their content without ever seeing the WordPress admin. Membership sites, directories, and client portals become self-service, and you stop being the middleman for every content update.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
A complete, from-scratch cart widget — with instant AJAX quantity updates and deep styling control, no Elementor Pro required.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's default cart page works, but it's hard to style and even harder to embed into a custom page layout. Elementor Pro's Cart widget exists, but it's locked behind a subscription. If you want a cart that matches the rest of your design without paying for a whole builder upgrade, you're stuck hacking templates or using shortcodes.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget is a fully custom cart implementation built directly on WooCommerce data. It renders its own item rows with thumbnails, product names, variation details, quantity steppers, and line totals — all updating via AJAX without a page refresh. The coupon field is built in, the totals panel shows accurate real-time calculations, and every element is individually styleable from the Elementor panel. Express checkout buttons (Google Pay, Apple Pay, etc.) are fully supported through WooCommerce's standard hooks.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A cart page that looks exactly the way you want, works the way your customers expect, and costs nothing extra. No Elementor Pro subscription required, no template overrides, no compromise.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
A complete rebuild of your product tabs — styleable down to the reviews and rating form, with a built-in mobile accordion.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's default product tabs (Description, Additional Information, Reviews) are rigid and difficult to style consistently. On mobile, they become a narrow row of links that's hard to tap, and the content panels have no responsive adaptation. Adding custom tabs with Elementor template content requires overriding the theme or writing custom code.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget replaces the entire product tab system with a fully styleable component. The tab navigation sits above a styled panel box, and every element — tab labels, active states, panel backgrounds, borders, shadows — is controllable from the Elementor panel. You can hide any default WooCommerce tab and add unlimited custom tabs with WYSIWYG content or entire Elementor templates. On mobile, the tab row collapses into an accessible accordion that's easy to navigate by touch.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
Product tabs that actually match your design. Custom content is easy to add, mobile works naturally, and the whole component feels like a first-class part of your site rather than a WooCommerce default you're stuck with.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Genuine faceted product filtering — category, attribute, brand, or tag — with instant AJAX results and clean, shareable URLs.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's built-in product filtering is limited. You can filter by category or attribute, but combining multiple filters, preserving URL parameters, and updating the product grid without a full page reload all require custom development. Shoppers expect to narrow down products by colour, size, brand, and price — all at once — without the page flashing.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget builds a complete faceted filter interface that works with any combination of taxonomies. Choose which taxonomies to include (category, tags, attributes, brands), how they display (checkboxes, dropdowns, buttons), and how they interact. When a shopper selects a filter, the product grid updates instantly via AJAX — no page reload, no scroll reset. The URL updates with clean query parameters, so filtered results are bookmarkable and shareable.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A professional, fast product filtering experience that helps shoppers find exactly what they're looking for in seconds. Your conversion rate goes up because the path from "browsing" to "buying" gets shorter and smoother.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
The content panel that powers your Quick View popup — renders the full product detail inside an Elementor Popup.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
A Quick View button is only half the solution. You need a popup that shows the product details — image, price, variations, add-to-cart — in a clean, responsive overlay. Building that popup manually means duplicating product page templates, handling AJAX requests, and styling everything to match.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
This widget is designed to sit inside an Elementor Popup. Drop it into the popup canvas, and it handles everything — fetching the product data, rendering the image gallery, variations, price, and add-to-cart button, and displaying it all in a layout that matches your site. No template duplication, no custom AJAX, no styling conflicts.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A complete Quick View experience in minutes. Pair it with the Woo Quick View button widget, drop this into an Elementor Popup, and your shop has a professional Quick View flow without custom development.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Let shoppers preview a product without ever leaving your shop grid.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
On a typical product catalogue page, every click is a gamble. Shoppers tap a product, wait for the product page to load, realise it's not what they want, hit the back button, and start again. This back-and-forth is slow, frustrating, and kills the browsing flow that drives impulse purchases.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget adds a Quick View button to your product grid. When clicked, it opens a clean, responsive overlay showing the product's image, title, price, short description, and add-to-cart options — all without navigating away from the catalogue page. The overlay is fast, styleable, and works on every device.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A browsing experience that keeps shoppers on the catalogue page, comparing products quickly and adding to cart without interruption. More products seen, fewer page loads, and a measurably smoother path to purchase.
|
||||
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
A one-click, site-wide dark mode switch that works with the colours you've already set in Elementor — no separate stylesheet, no custom code.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Dark mode is one of the most-requested features on modern websites, but building it properly usually means maintaining a whole second stylesheet, or wiring up custom CSS variables by hand across every template. That's a lot of work for something that should be simple.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
Dark Mode Toggle works directly with Elementor's own global colours — no extra setup, no duplication. Add the toggle anywhere on your site, choose a dark palette, and one click flips every page into dark mode instantly. The choice is remembered for that visitor on their next visit too.
|
||||
|
||||
@@ -14,7 +14,7 @@ It supports **both** of Elementor's colour systems:
|
||||
|
||||
Real sites are a mix of the two, so the toggle remaps both at once — your dark mode stays complete as you build with newer Elementor widgets.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A genuine site-wide dark mode, built entirely from colours you already control through Elementor, future-proofed for the newer widget system, with nothing extra to maintain.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Turn chosen keywords into links automatically, across every post and page — without editing your content by hand.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Manually adding internal links to every mention of a keyword across your entire site is tedious, and you'll always miss some. Over time, your internal linking grows stale, and you're leaving SEO value and reader engagement on the table.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
Add a keyword and a URL, and the widget handles the rest — every occurrence of that keyword on the page becomes a clickable link. You control which keywords to link, where they go, and whether to link every occurrence or cap the number. Bold the link text for extra visibility, and choose whether links open in a new tab or pass link equity.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A fully automated internal linking system that keeps your content connected, boosts SEO, and guides readers to the pages that matter — without touching a single blog post.
|
||||
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
Embed a live Markdown file directly into your page — always showing the current version, with no copy-pasting.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Content that lives in two places inevitably drifts apart. When your documentation, changelogs, or release notes live in a markdown file on GitHub or Git, you end up manually copying content into WordPress pages, and the two versions quickly fall out of sync.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
Drop the Markdown widget anywhere on your page, give it a raw URL to any markdown file, and it renders the content in full — tables, code blocks, headings, images, everything. The content is fetched server-side (no CORS headaches) and cached for performance, so visitors always see the latest without you lifting a finger.
|
||||
|
||||
You can also upload a markdown file directly through the WordPress Media Library if you prefer not to link to an external URL.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
Your WordPress content stays in sync with your source-of-truth markdown files automatically. Update the file in your repo, and the page updates — no copy-paste, no drift, no hassle.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
A live, always-current screenshot of any website — dropped onto your page like a normal image, with full styling control.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Keeping screenshots up to date is a constant battle. Every time a site redesigns, you need to re-capture, re-upload, and re-insert screenshots across your pages. On top of that, standard screenshots don't capture full-page content, and they look static and lifeless on an otherwise modern site.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
Point the widget at any URL, and it generates a fresh screenshot on demand — rendered at the viewport size you choose, with optional lazy loading and full-width or constrained layouts. The screenshot is cached so repeat visits are instant, but you can clear the cache and regenerate whenever you need an updated version.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A portfolio, case study, or review page that always shows the current state of the target site, without manual screenshot management. Your pages stay fresh, and you stay focused on building.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Turn WooCommerce's plain variation dropdowns into clickable buttons — the way a modern product page should look.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's default variation swatches are dropdown selects. They're hard to style, hard to scan, and they don't give shoppers an immediate sense of their options. On mobile especially, dropdowns bury choices behind a tap, slowing down the purchase decision.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget replaces variation dropdowns with a grid of clickable buttons or colour swatches that shoppers can see and compare at a glance. Every option is visible, every click instantly updates the price and availability, and the whole thing inherits your site's styling — no theme conflicts, no clunky workarounds.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A product page that looks and feels like a modern ecommerce store. Shoppers see their options immediately, and the path from "I want that" to "add to cart" is as short as a single click.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Turn WooCommerce's plain category tiles into a genuinely styleable grid.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's default category display is rigid — a simple list of linked images that's hard to customise without overriding template files. If you want your category tiles to match the rest of your design, you're fighting against the theme or writing custom CSS that breaks on the next update.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget takes WooCommerce's category output and wraps it in a fully styleable grid. Control padding, background, borders, shadows, typography, and hover effects — all from the Elementor panel, no CSS required. The grid is responsive by default, so it looks good on every screen size.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A category page that matches the rest of your site's design perfectly. Category tiles become a design asset rather than a layout problem, and you control every aspect of their appearance from the editor.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Give WooCommerce's My Account area the same design polish as the rest of your store.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
The WooCommerce My Account page is notoriously difficult to style. Its default layout is a plain list of links with basic content panels, and most themes leave it untouched — creating a jarring disconnect between your beautifully designed storefront and the account area your customers use every time they log in.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget restructures the entire My Account dashboard into a clean, styleable layout. Navigation tabs, content panels, and forms all get the same level of design control you'd expect from Elementor — typography, borders, spacing, colours, and hover states. No template overrides, no child theme hacks.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A cohesive customer experience from shop to account. Your customers stay in a polished, trustworthy environment whether they're browsing products, checking orders, or updating their details.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Fully styleable pagination for your shop and product archive pages.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WooCommerce's default pagination is a bare-bones previous/next setup with numbered page links. It works, but it's nearly impossible to style to match a modern Elementor-built site. You end up with a shop that looks great until you scroll to the bottom, where the pagination sticks out like a sore thumb.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget gives you complete control over the pagination appearance — font size, colours, spacing, border radius, hover states, and active page styling. It works with any number of pages and adapts responsively to screen size. The pagination numbers are clear and easy to tap on mobile, so shoppers can navigate your catalogue without frustration.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A polished shop from first product to last page. Pagination becomes part of your design, not an afterthought, and shoppers can browse your full catalogue without hitting a design dead end.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
Add hover effects, image rollovers, and colour swatches to an Elementor Pro product grid.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
Elementor Pro's Products widget is powerful, but its product tiles are static — a thumbnail, a title, a price, and an add-to-cart button. There's no built-in way to add hover animations, image swaps, or swatch previews that make a catalogue feel interactive and modern.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget enhances any Elementor Pro product grid with configurable hover effects — scale the image, fade in a content overlay, swap the main image for an alternate on hover, or show colour swatches that let shoppers preview variations without leaving the grid. All effects are controlled from the Elementor panel, no JavaScript required.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
An interactive, engaging product catalogue that invites browsing. Shoppers see more product detail without clicking through, and your store feels premium and polished from the first scroll.
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
A flexible, fully-styled term list for any taxonomy — categories, tags, product categories, or any custom taxonomy your site uses.
|
||||
|
||||
## The problem it solves
|
||||
### The problem it solves
|
||||
|
||||
WordPress and WooCommerce generate category and taxonomy lists in their own way, and they're notoriously hard to style without overriding template files. Whether you're building a footer navigation, a sidebar filter, or a sitemap-style directory, you end up wrestling with wp_list_categories() output or writing custom loops.
|
||||
|
||||
## How it helps
|
||||
### How it helps
|
||||
|
||||
The widget displays terms from any taxonomy as a clean, styleable list. Choose between a flat list of all top-level terms or a hierarchical view with parent terms and their children. Control spacing, typography, icons, indentation, and whether to show term counts. The parent terms are selectable via a searchable dropdown, so you can pick exactly which sections to show even on large sites with hundreds of categories.
|
||||
|
||||
## The result
|
||||
### The result
|
||||
|
||||
A taxonomy navigation that looks exactly the way you want, anywhere on your site. No template overrides, no custom queries, no styling headaches — just the terms you need, presented your way.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user