Flatten marketing paths ahead of wiring up the websites

Drop the redundant documentation/marketing/ nesting inherited from the
plugin repos, so files sit at marketing/<plugin>/<page>.md. These paths
become raw URLs pasted into Elementor pages and ACF fields, so they are
much cheaper to change now than once sites reference them.

Fixes the four cross-plugin links for their new depth, and corrects the
README, which still pointed at the abandoned per-repo documentation/
folders instead of this repo.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

marketing/dotjuice-elementor-tools/widgets/dark-mode-toggle.md

@@ -0,0 +1,24 @@
+# Dark Mode Toggle
+
+A one-click, site-wide dark mode switch — using the colour palette you've already built in Elementor.
+
+## 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.
+
+## 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.
+
+Crucially, it speaks **both** of Elementor's colour systems:
+
+- 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.
+
+## 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.
+
+*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.*

marketing/dotjuice-elementor-tools/widgets/keyword-linker.md

@@ -0,0 +1,15 @@
+# Keyword Linker
+
+Turn chosen keywords into links automatically, across every post and page — without editing 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.
+
+## 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.
+
+## The result
+
+Consistent internal (or external) linking across your whole site, maintained from one central list instead of hunting through old posts by hand.

marketing/dotjuice-elementor-tools/widgets/markdown-widget.md

@@ -0,0 +1,29 @@
+# Markdown Widget
+
+Embed a live Markdown file directly into your page — always showing the current version, with no copy-pasting.
+
+## 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.
+
+## 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.
+
+## The result
+
+A documentation or changelog page on your WordPress site that's always current, sourced directly from wherever the Markdown file actually lives.
+
+## 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.

marketing/dotjuice-elementor-tools/widgets/screenshot-capture.md

@@ -0,0 +1,17 @@
+# Screenshot Capture
+
+A live, always-current screenshot of any website — dropped onto your page like a normal image, with full styling control.
+
+## 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.
+
+## 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.
+
+## 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.
+
+*Free version screenshots include a small watermark. [Dotjuice Elementor Tools Pro](../../dotjuice-elementor-tools-pro/overview.md) removes it.*

marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md

@@ -0,0 +1,17 @@
+# Woo Add to Cart Transform
+
+Turn WooCommerce's plain variation dropdowns into clickable buttons — the way a modern product page should look.
+
+## The problem it solves
+
+WooCommerce's default variable-product selector is a set of `<select>` dropdowns — functional, but visually dated compared to the button and swatch-based selectors shoppers expect from modern ecommerce sites.
+
+## How it helps
+
+Woo Add to Cart Transform converts those native dropdowns into a clean row of clickable buttons, fully restyled through Elementor controls — normal, hover, and selected states, spacing, borders, and typography all included. It also cleans up a few default WooCommerce quirks along the way: a clearer "reset selection" link, and per-variation pricing that always shows so shoppers always know exactly what they're about to pay.
+
+## The result
+
+A product options selector that looks and feels current, without touching a line of custom CSS or template code.
+
+*Colour swatches for attributes like colour options are a [Pro](../../dotjuice-elementor-tools-pro/overview.md) feature — the free version gives you styled buttons.*

marketing/dotjuice-elementor-tools/widgets/woo-categories-transform.md

@@ -0,0 +1,15 @@
+# Woo Categories Transform
+
+Turn WooCommerce's plain category tiles into a genuinely styleable grid.
+
+## The problem it solves
+
+When WooCommerce displays product subcategories — on your shop page, or wherever you list categories — the default markup offers very little styling control: a basic image and a title, with no easy way to add hover effects, overlays, or a polished card layout.
+
+## How it helps
+
+Woo Categories Transform restructures the category tile markup and gives you full control over it: box styling with borders and shadows, image hover transforms and filters, and a positioned content overlay for the category title — including a subtle blur effect behind the text if you want it.
+
+## The result
+
+Category tiles that look like a designed product grid, not a default WooCommerce archive.

marketing/dotjuice-elementor-tools/widgets/woo-my-account-transform.md

@@ -0,0 +1,15 @@
+# Woo My Account Transform
+
+Give WooCommerce's My Account area the same design polish as the rest of your store.
+
+## The problem it solves
+
+The My Account page — order history, downloads, account forms — is one of the most-visited parts of any WooCommerce store, but it's usually the most visually neglected, since it's built from WooCommerce's own default markup rather than your page builder.
+
+## How it helps
+
+Woo My Account Transform applies consistent, on-brand button and link styling across the entire My Account area — buttons on forms, order actions, and download links all pick up the same styled look, in normal and hover states.
+
+## The result
+
+An account area that finally looks like it belongs to the rest of your site, not a leftover default template.

marketing/dotjuice-elementor-tools/widgets/woo-page-numbers.md

@@ -0,0 +1,15 @@
+# Woo Page Numbers
+
+Fully styleable pagination for your shop and product archive pages.
+
+## The problem it solves
+
+WooCommerce's default "Previous / 1 2 3 / Next" pagination is functional but plain, and offers very little native styling control — especially for showing which page a shopper is currently on.
+
+## How it helps
+
+Woo Page Numbers wraps WooCommerce's pagination with dedicated styling controls: colours, borders, and spacing for the normal state, the hover state, and — separately — the currently active page, so it's always visually obvious where a shopper is in your catalogue.
+
+## The result
+
+Pagination that matches the rest of your store's design, without writing custom CSS to override WooCommerce's defaults.

marketing/dotjuice-elementor-tools/widgets/woo-taxonomy-list.md

@@ -0,0 +1,15 @@
+# Woo Taxonomy List
+
+A flexible, fully-styled term list for any taxonomy — categories, tags, product categories, or any custom taxonomy your site uses.
+
+## The problem it solves
+
+Building a "Shop by Category" footer block, a category sidebar, or a sitemap-style navigation list usually means either a rigid built-in widget with few styling options, or custom template code.
+
+## How it helps
+
+Woo Taxonomy List displays terms from any taxonomy on your site — flat (every term as one list) or hierarchical (chosen parent categories with their children nested beneath), with an optional clickable heading, term counts, custom icons, and deep styling control over every part of the list: parent items, child links, spacing, markers, and hover states.
+
+## The result
+
+A polished, on-brand category or taxonomy navigation block, built entirely through Elementor controls.