From 53fa236fccdcd32b14cbf18e11321df26b0d0049 Mon Sep 17 00:00:00 2001 From: johan Date: Mon, 3 Aug 2026 06:04:28 +0000 Subject: [PATCH] Write marketing copy for all 16 widget marketing files with problem/solution framing and docs links --- .../widgets/acf-frontend-form.md | 8 ++++--- .../widgets/woo-cart.md | 8 ++++--- .../widgets/woo-custom-product-tabs.md | 10 ++++----- .../widgets/woo-product-filter.md | 10 ++++----- .../widgets/woo-quick-view-popup.md | 15 +++++++++++++ .../widgets/woo-quick-view.md | 8 ++++--- .../widgets/dark-mode-toggle.md | 19 ++++++++-------- .../widgets/keyword-linker.md | 10 +++++---- .../widgets/markdown-widget.md | 22 +++++-------------- .../widgets/screenshot-capture.md | 8 +++---- .../widgets/woo-add-to-cart-transform.md | 8 +++---- .../widgets/woo-categories-transform.md | 8 ++++--- .../widgets/woo-my-account-transform.md | 8 ++++--- .../widgets/woo-page-numbers.md | 8 ++++--- .../widgets/woo-products-transform.md | 15 +++++++++++++ .../widgets/woo-taxonomy-list.md | 8 ++++--- 16 files changed, 104 insertions(+), 69 deletions(-) create mode 100644 marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md create mode 100644 marketing/dotjuice-elementor-tools/widgets/woo-products-transform.md diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md b/marketing/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md index 89c1fa8..8c7fd91 100755 --- a/marketing/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md +++ b/marketing/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md @@ -2,12 +2,14 @@ Let visitors edit Advanced Custom Fields content from the front end — no admin ## 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. +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 -ACF Frontend Form renders ACF's own native form interface — the same tabs, repeaters, and field layouts you're used to from the admin edit screen — directly on any front-end page, for the post or page currently being viewed. Choose exactly which field groups are editable, and whether the post title and content are included too. +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 -Genuine front-end content editing, using ACF's real, familiar form fields — not a simplified imitation. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/acf-frontend-form) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/woo-cart.md b/marketing/dotjuice-elementor-tools-pro/widgets/woo-cart.md index 57bd1dc..449d8e5 100755 --- a/marketing/dotjuice-elementor-tools-pro/widgets/woo-cart.md +++ b/marketing/dotjuice-elementor-tools-pro/widgets/woo-cart.md @@ -2,12 +2,14 @@ A complete, from-scratch cart widget — with instant AJAX quantity updates and ## The problem it solves -A store's cart page is one of the last steps before checkout, and default cart styling rarely matches the rest of a carefully designed store. Elementor Pro has its own cart widget, but if you're not on Elementor Pro, or you want more granular styling control than it offers, there's a gap. +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 -Woo Cart is a ground-up cart widget: item rows with thumbnail, name, variation details, a quantity stepper, and pricing; a coupon box; and a totals panel with checkout button — all restyled through more than a dozen dedicated style sections. Switch on AJAX quantity updates and shoppers can adjust amounts without a page reload at all, with the totals panel updating live, including coupon and discount rows. +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 -A cart experience that feels instant and looks exactly like the rest of your store, without needing Elementor Pro. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/woo-cart) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md b/marketing/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md index 60360c1..fb75db0 100755 --- a/marketing/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md +++ b/marketing/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md @@ -2,14 +2,14 @@ A complete rebuild of your product tabs — styleable down to the reviews and ra ## The problem it solves -WooCommerce's default product tabs (Description, Additional Information, Reviews) are functional but offer minimal styling control, and turn into an awkward stacked layout on mobile with no accordion behaviour built in. +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 -Woo Custom Product Tabs replaces the entire tabs area with a fully restyled desktop-tabs / mobile-accordion component. Hide any of the default tabs you don't need, add as many custom tabs as you like — rich text, a shortcode, or an entire embedded Elementor template — and reach deep into the reviews section itself: avatar styling, star ratings, review cards, and the review submission form all get their own dedicated controls. - -Because tab content runs shortcodes, a single tab definition can show different content on every product. Pair it with the free plugin's Markdown shortcode and a URL field on each product, and every item in your catalogue gets its own live Changelog or Specification tab — built once, never maintained by hand. +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 -A product tabs section that looks genuinely custom-built, with reviews that finally match the rest of your store's design — and a proper accordion on mobile, not just a cramped stack. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md b/marketing/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md index 88db0b7..fbfb8ee 100755 --- a/marketing/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md +++ b/marketing/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md @@ -2,14 +2,14 @@ Genuine faceted product filtering — category, attribute, brand, or tag — wit ## The problem it solves -Shoppers expect to filter by colour, size, brand, or category and see results update instantly, with a URL they can bookmark or share. Building that properly — with correct product counts, dependent filters, and URLs that still work when shared or reloaded — is normally a serious development project. +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 -Woo Product Filter gives you as many filter groups as you need, each pulling from a category, tag, brand, or any custom attribute, displayed as a list or as clickable buttons — including real colour swatches for attributes like colour. Results refresh instantly via AJAX (or update the page URL directly, your choice), term counts update live so shoppers always see what's actually available, and every filtered view has a clean, bookmarkable URL that reproduces the exact same results when shared or reloaded — even with JavaScript disabled. - -You can even set up dependent filters — a "Size" group that only appears once a category is chosen, for example — for a genuinely guided filtering experience. +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 kind of faceted filtering shoppers expect from major ecommerce sites, built entirely through Elementor controls. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/woo-product-filter) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md b/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md new file mode 100644 index 0000000..9a370ce --- /dev/null +++ b/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md @@ -0,0 +1,15 @@ +The content panel that powers your Quick View popup — renders the full product detail inside an Elementor Popup. + +## 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 + +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 + +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md b/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md index 9782dbb..022ac09 100755 --- a/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md +++ b/marketing/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md @@ -2,12 +2,14 @@ Let shoppers preview a product without ever leaving your shop grid. ## The problem it solves -Every click away from a product grid is a chance for a shopper to lose momentum — and browsing a busy category means a lot of back-and-forth between the grid and individual product pages just to check details, sizes, or images. +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 -Woo Quick View adds a button to every product in your grid that opens the full product view in a popup — sizes, images, description, add to cart — without navigating away. The button appears automatically across your product loops once switched on, including on variable products where it can replace the "Select options" link entirely. Hovering a button quietly preloads the popup content in the background, so by the time a shopper actually clicks, it feels instant. +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 -A faster, more fluid browsing experience that keeps shoppers on your grid, discovering more products instead of clicking in and out of individual pages. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools/widgets/dark-mode-toggle.md b/marketing/dotjuice-elementor-tools/widgets/dark-mode-toggle.md index 1ca3198..687cf79 100755 --- a/marketing/dotjuice-elementor-tools/widgets/dark-mode-toggle.md +++ b/marketing/dotjuice-elementor-tools/widgets/dark-mode-toggle.md @@ -1,22 +1,21 @@ -A one-click, site-wide dark mode switch — using the colour palette you've already built in Elementor. +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 -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. +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 -Dark Mode Toggle works directly with Elementor's own global colours — no separate stylesheet, no custom code. Add the toggle anywhere on your site, choose a dark palette, and one click flips your entire site into dark mode instantly, remembered for that visitor on their next visit too. +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. -Crucially, it speaks **both** of Elementor's colour systems: +It supports **both** of Elementor's colour systems: +- **Classic Global Colors** (Primary, Secondary, Text, Accent) that traditional widgets use +- **Elementor 4.x global variables** used by the latest atomic widgets -- The **classic Global Colors** (Primary, Secondary, Text, Accent) that traditional widgets use. -- The **newer Elementor 4.x global variables** used by the latest atomic widgets. - -Real sites are increasingly a mix of the two, so the toggle can remap both at once — meaning your dark mode stays complete as you build with newer Elementor widgets, not just the old ones. +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 -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. +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. -*Note: this widget relies on your theme and Elementor Kit consistently using Elementor's global colours and variables throughout your design — the more consistently they're used, the more complete the dark mode effect will be.* +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools/widgets/dark-mode-toggle) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools/widgets/keyword-linker.md b/marketing/dotjuice-elementor-tools/widgets/keyword-linker.md index 3b98061..cf1e5cc 100755 --- a/marketing/dotjuice-elementor-tools/widgets/keyword-linker.md +++ b/marketing/dotjuice-elementor-tools/widgets/keyword-linker.md @@ -1,13 +1,15 @@ -Turn chosen keywords into links automatically, across every post and page — without editing content by hand. +Turn chosen keywords into links automatically, across every post and page — without editing your content by hand. ## The problem it solves -Internal linking (and the occasional important external link) is one of those SEO and UX basics that's simple in theory but tedious in practice: every time you mention a term you want linked, you have to remember to add the link manually, in every post, every time. +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 -Define a keyword once, tell it where to link, and Keyword Linker automatically turns every matching mention of that word across your site's content into a link — with control over how many times per page it should link, whether to bold the result, and whether the link opens in a new tab or carries a "nofollow" attribute. +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 -Consistent internal (or external) linking across your whole site, maintained from one central list instead of hunting through old posts by hand. +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. + +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools/widgets/keyword-linker) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools/widgets/markdown-widget.md b/marketing/dotjuice-elementor-tools/widgets/markdown-widget.md index c93c39e..65ef645 100755 --- a/marketing/dotjuice-elementor-tools/widgets/markdown-widget.md +++ b/marketing/dotjuice-elementor-tools/widgets/markdown-widget.md @@ -2,26 +2,16 @@ Embed a live Markdown file directly into your page — always showing the curren ## The problem it solves -Documentation, changelogs, and README files usually live in Markdown format in a repository, separate from your WordPress site. Keeping a WordPress page in sync with them means manually copying the content across every time it changes. +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 -Point the Markdown Widget at any Markdown file URL — a GitHub README, a changelog, a docs page — and it fetches the file on your server and renders it as proper HTML headings, lists, code blocks, and links. Because the fetch happens server-side, it works with private and self-hosted repositories too, not just sources that permit cross-origin requests. +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 -A documentation or changelog page on your WordPress site that's always current, sourced directly from wherever the Markdown file actually lives. +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. -## One document per product, without one page per product - -The widget also comes with a `[dj_markdown]` shortcode, which works anywhere a widget can't go — inside a WooCommerce product tab, a text editor, or a template. - -Instead of a fixed URL, the shortcode can read the URL from a custom field on whatever is being displayed: - -``` -[dj_markdown acf_field="changelog_url"] -``` - -Add a URL field to your products, place that single shortcode once, and every product shows its own document. A software shop can give each plugin a live Changelog tab that updates itself from the repository — no per-product page building, and nothing to maintain by hand as versions ship. - -It reads ACF fields where ACF is installed and falls back to standard custom fields where it isn't, so it fits whichever setup a site already uses. +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools/widgets/markdown-widget) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools/widgets/screenshot-capture.md b/marketing/dotjuice-elementor-tools/widgets/screenshot-capture.md index ed8033a..48f853a 100755 --- a/marketing/dotjuice-elementor-tools/widgets/screenshot-capture.md +++ b/marketing/dotjuice-elementor-tools/widgets/screenshot-capture.md @@ -2,14 +2,14 @@ A live, always-current screenshot of any website — dropped onto your page like ## The problem it solves -Showcasing another website — a client's project, a partner site, a "before" example — usually means manually taking a screenshot, uploading it, and remembering to update it whenever the target page changes. It's tedious, and the image goes stale the moment the source page is updated. +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 -Screenshot Capture fetches a real screenshot of any URL you give it, on desktop, tablet, or phone dimensions, full-page or single-viewport, and displays it exactly like an image widget — with the same transform, hover, box-shadow, and filter controls you'd expect from a premium Elementor widget. Screenshots are cached automatically, so your page stays fast, and a one-click refresh in the editor lets you pull a fresh capture whenever you need one. +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 -A portfolio, case study, or partner showcase page that always shows a real, current view of the site it's linking to — without a manual screenshot workflow. +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. -*Free version screenshots include a small watermark. [Dotjuice Elementor Tools Pro](../../dotjuice-elementor-tools-pro/overview.md) removes it.* +[View full documentation →](https://docs.dotjuice.co.uk/docs/dotjuice-elementor-tools/widgets/screenshot-capture) \ No newline at end of file diff --git a/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md b/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md index a20a0d0..0fd0c29 100755 --- a/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md +++ b/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md @@ -2,14 +2,14 @@ Turn WooCommerce's plain variation dropdowns into clickable buttons — the way ## The problem it solves -WooCommerce's default variable-product selector is a set of `