From e497791e9ec0588c59ed5a98ba350b79970ee045 Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Tue, 14 Jul 2026 17:29:29 -0700 Subject: [PATCH 01/10] Updated mintlify pages - Updated qawolf/quick-start.mdx - Created snippets/try-for-free-form.mdx Mintlify-Source: dashboard-editor --- qawolf/quick-start.mdx | 8 ++--- snippets/try-for-free-form.mdx | 65 ++++++++++++++++++++++++++++++++++ 2 files changed, 69 insertions(+), 4 deletions(-) create mode 100644 snippets/try-for-free-form.mdx diff --git a/qawolf/quick-start.mdx b/qawolf/quick-start.mdx index 2a55316..5840bae 100644 --- a/qawolf/quick-start.mdx +++ b/qawolf/quick-start.mdx @@ -11,12 +11,12 @@ description: "Connect your application, generate your first flow, and run your f Before getting started, make sure the following are set up: - - **You have access to a QA Wolf workspace.**\ - Your team's QA Wolf administrator must invite you before you can log in and configure environments. - - **QA Wolf can access the application you want to test.**\ - If your application is behind a firewall or private network, a **VPN or network allowlist** must be configured so QA Wolf infrastructure can reach it. + - **You have access to a QA Wolf workspace.**
Your team's QA Wolf administrator must invite you before you can log in and configure environments. + - **QA Wolf can access the application you want to test.**
If your application is behind a firewall or private network, a **VPN or network allowlist** must be configured so QA Wolf infrastructure can reach it.
+import TryForFreeForm from '/snippets/try-for-free-form.mdx'; + ## Step 1: Map your application Give the Mapping AI a target URL for your application (e.g., staging.wolfcorp.com) and tell it to map all the workflows. diff --git a/snippets/try-for-free-form.mdx b/snippets/try-for-free-form.mdx new file mode 100644 index 0000000..9f6dabc --- /dev/null +++ b/snippets/try-for-free-form.mdx @@ -0,0 +1,65 @@ +{/* + Prototype: "Try for free" sign-up embed for Mintlify docs pages. + Mirrors the homepage component (Webflow form -> Zapier webhook -> redirect), + but adds a `source: "docs"` field so submissions can be told apart from + homepage submissions in whatever consumes the webhook downstream. + + SETUP: this file goes in your Mintlify repo at /snippets/try-for-free-form.mdx + (Kirk wants this on 4 pages, so make it a snippet, not 4 copies). + + Then on each target page (Welcome, Quick Start, Mapping AI, Automation AI), + add near the top: + + import TryForFreeForm from '/snippets/try-for-free-form.mdx'; + + ...and drop wherever the component should render + (e.g. right below the intro, per Kirk's ask). + + Before merging anywhere real: + - Confirm with Amanda whether the Zap/CRM needs the `source` field mapped + on its end to actually split out docs vs. homepage in reporting. + - Confirm with Kirk whether /schedule-a-demo is the right place to send + someone converting from a docs page (currently hardcoded below). + - Test with a throwaway email first — this hits the *real* webhook. + */} + +
+
+

Try QA Wolf for free

+ +
{ + e.preventDefault(); + const email = e.target.elements['Email-2'].value; + + fetch('https://hooks.zapier.com/hooks/catch/9281305/bzrnsj7', { + method: 'POST', + mode: 'no-cors', + headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + body: new URLSearchParams({ + 'Email-2': email, + source: 'docs', // <- flag so this can be split from homepage submissions + }), + }); + + document.getElementById('try-for-free-form').style.display = 'none'; + document.getElementById('try-for-free-success').style.display = 'block'; + + // Homepage version redirects to /schedule-a-demo on success. + // Uncomment once Kirk confirms that's the right destination from docs: + // window.location.href = 'https://www.qawolf.com/schedule-a-demo'; + }} + style={{ display: 'flex', gap: '8px' }} + > + + + +
+
+ +
+ Thanks! We'll be in touch shortly. +
+
\ No newline at end of file From 02f5cef9a471145f7797543c7c2bea0a88d3ff29 Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Tue, 14 Jul 2026 17:29:47 -0700 Subject: [PATCH 02/10] Updated mintlify pages - Updated qawolf/quick-start.mdx Mintlify-Source: dashboard-editor --- qawolf/quick-start.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/qawolf/quick-start.mdx b/qawolf/quick-start.mdx index 5840bae..99df588 100644 --- a/qawolf/quick-start.mdx +++ b/qawolf/quick-start.mdx @@ -17,6 +17,8 @@ description: "Connect your application, generate your first flow, and run your f import TryForFreeForm from '/snippets/try-for-free-form.mdx'; + + ## Step 1: Map your application Give the Mapping AI a target URL for your application (e.g., staging.wolfcorp.com) and tell it to map all the workflows. From f8d1438488c644924ad600cfbc05ec96525f2edb Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Tue, 14 Jul 2026 17:38:22 -0700 Subject: [PATCH 03/10] Updated mintlify pages - Updated snippets/try-for-free-form.mdx Mintlify-Source: dashboard-editor --- snippets/try-for-free-form.mdx | 107 +++++++++++++++++++++++---------- 1 file changed, 74 insertions(+), 33 deletions(-) diff --git a/snippets/try-for-free-form.mdx b/snippets/try-for-free-form.mdx index 9f6dabc..dc5cee9 100644 --- a/snippets/try-for-free-form.mdx +++ b/snippets/try-for-free-form.mdx @@ -23,43 +23,84 @@ - Test with a throwaway email first — this hits the *real* webhook. */} -
-
-

Try QA Wolf for free

+{/* + Layout below matches the actual site component: pill-shaped input + pill-shaped + button, side by side, same height, hard offset shadow. Colors/fonts below are + placeholders (per instruction to ignore those for now) — swap in real brand + tokens once the structural layout is confirmed to render correctly. + + Fix from the first draft: the input had no `minWidth: 0`, so as a flex child + it refused to shrink and blew out to fill/overflow its container, which is + also what pushed the button out of view. Explicit height + box-sizing on both + elements keeps them from ballooning regardless of what CSS Mintlify applies + around them. + */} -
{ - e.preventDefault(); - const email = e.target.elements['Email-2'].value; +
+ { + e.preventDefault(); + const email = e.currentTarget.querySelector('input[name="Email-2"]').value; - fetch('https://hooks.zapier.com/hooks/catch/9281305/bzrnsj7', { - method: 'POST', - mode: 'no-cors', - headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, - body: new URLSearchParams({ - 'Email-2': email, - source: 'docs', // <- flag so this can be split from homepage submissions - }), - }); + fetch('https://hooks.zapier.com/hooks/catch/9281305/bzrnsj7', { + method: 'POST', + mode: 'no-cors', + headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + body: new URLSearchParams({ + 'Email-2': email, + source: 'docs', // <- flag so this can be split from homepage submissions + }), + }); - document.getElementById('try-for-free-form').style.display = 'none'; - document.getElementById('try-for-free-success').style.display = 'block'; + document.getElementById('try-for-free-form').style.display = 'none'; + document.getElementById('try-for-free-success').style.display = 'block'; - // Homepage version redirects to /schedule-a-demo on success. - // Uncomment once Kirk confirms that's the right destination from docs: - // window.location.href = 'https://www.qawolf.com/schedule-a-demo'; + // Homepage version redirects to /schedule-a-demo on success. + // Uncomment once Kirk confirms that's the right destination from docs: + // window.location.href = 'https://www.qawolf.com/schedule-a-demo'; + }} + style={{ display: 'flex', gap: '12px', flex: 1, boxSizing: 'border-box' }} + > + - + /> - - -
+ + +
-
- Thanks! We'll be in touch shortly. -
-
\ No newline at end of file +

+ Thanks! We'll be in touch shortly. +

\ No newline at end of file From 8f48e1329849c112587885398dbdfcc1010bdd0c Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Tue, 14 Jul 2026 17:46:23 -0700 Subject: [PATCH 04/10] Updated mintlify pages - Updated snippets/try-for-free-form.mdx Mintlify-Source: dashboard-editor --- snippets/try-for-free-form.mdx | 144 ++++++++++++++++----------------- 1 file changed, 72 insertions(+), 72 deletions(-) diff --git a/snippets/try-for-free-form.mdx b/snippets/try-for-free-form.mdx index dc5cee9..dfe2a58 100644 --- a/snippets/try-for-free-form.mdx +++ b/snippets/try-for-free-form.mdx @@ -5,7 +5,6 @@ homepage submissions in whatever consumes the webhook downstream. SETUP: this file goes in your Mintlify repo at /snippets/try-for-free-form.mdx - (Kirk wants this on 4 pages, so make it a snippet, not 4 copies). Then on each target page (Welcome, Quick Start, Mapping AI, Automation AI), add near the top: @@ -13,14 +12,8 @@ import TryForFreeForm from '/snippets/try-for-free-form.mdx'; ...and drop wherever the component should render - (e.g. right below the intro, per Kirk's ask). + (e.g. right below the intro). - Before merging anywhere real: - - Confirm with Amanda whether the Zap/CRM needs the `source` field mapped - on its end to actually split out docs vs. homepage in reporting. - - Confirm with Kirk whether /schedule-a-demo is the right place to send - someone converting from a docs page (currently hardcoded below). - - Test with a throwaway email first — this hits the *real* webhook. */} {/* @@ -29,78 +22,85 @@ placeholders (per instruction to ignore those for now) — swap in real brand tokens once the structural layout is confirmed to render correctly. - Fix from the first draft: the input had no `minWidth: 0`, so as a flex child - it refused to shrink and blew out to fill/overflow its container, which is - also what pushed the button out of view. Explicit height + box-sizing on both - elements keeps them from ballooning regardless of what CSS Mintlify applies - around them. - */} -
-
{ - e.preventDefault(); - const email = e.currentTarget.querySelector('input[name="Email-2"]').value; + */} - fetch('https://hooks.zapier.com/hooks/catch/9281305/bzrnsj7', { - method: 'POST', - mode: 'no-cors', - headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, - body: new URLSearchParams({ - 'Email-2': email, - source: 'docs', // <- flag so this can be split from homepage submissions - }), - }); +
+
+ { + e.preventDefault(); + const email = e.currentTarget.querySelector('input[name="Email-2"]').value; - document.getElementById('try-for-free-form').style.display = 'none'; - document.getElementById('try-for-free-success').style.display = 'block'; + fetch('https://hooks.zapier.com/hooks/catch/9281305/bzrnsj7', { + method: 'POST', + mode: 'no-cors', + headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + body: new URLSearchParams({ + 'Email-2': email, + source: 'docs', // <- flag so this can be split from homepage submissions + }), + }); - // Homepage version redirects to /schedule-a-demo on success. - // Uncomment once Kirk confirms that's the right destination from docs: - // window.location.href = 'https://www.qawolf.com/schedule-a-demo'; - }} - style={{ display: 'flex', gap: '12px', flex: 1, boxSizing: 'border-box' }} - > - + document.getElementById('try-for-free-form').style.display = 'none'; + document.getElementById('try-for-free-success').style.display = 'block'; - - + + + + +
-

+

Thanks! We'll be in touch shortly.

\ No newline at end of file From 93e6a138c468136a769e373ebc390d900583150d Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Tue, 14 Jul 2026 18:01:48 -0700 Subject: [PATCH 05/10] Updated mintlify pages - Updated qawolf/quick-start.mdx Mintlify-Source: dashboard-editor --- qawolf/quick-start.mdx | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/qawolf/quick-start.mdx b/qawolf/quick-start.mdx index 99df588..bedee52 100644 --- a/qawolf/quick-start.mdx +++ b/qawolf/quick-start.mdx @@ -8,16 +8,17 @@ description: "Connect your application, generate your first flow, and run your f ## Before you begin +import TryForFreeForm from '/snippets/try-for-free-form.mdx'; + Before getting started, make sure the following are set up: - - **You have access to a QA Wolf workspace.**
Your team's QA Wolf administrator must invite you before you can log in and configure environments. - - **QA Wolf can access the application you want to test.**
If your application is behind a firewall or private network, a **VPN or network allowlist** must be configured so QA Wolf infrastructure can reach it. -
+ - **You have access to a QA Wolf workspace.**
Create a new account below or [Sign in](https://app.qawolf.com/sign-in) to your existing account. -import TryForFreeForm from '/snippets/try-for-free-form.mdx'; + - + - **QA Wolf can access the application you want to test.**
If your application is behind a firewall or private network, a [**VPN or network allowlist** must be configured](/qawolf/QA-Wolf-s-static-IPv4-29c5b2a994fb81bf8487d085abf9dc4d) so QA Wolf infrastructure can reach it. + ## Step 1: Map your application From d4c58c93ddfc69e392570499e619907dd61ff0f8 Mon Sep 17 00:00:00 2001 From: John Gluck <141772680+JohnGluck@users.noreply.github.com> Date: Wed, 15 Jul 2026 07:14:01 -0700 Subject: [PATCH 06/10] Updated mintlify pages - Updated qawolf/quick-start.mdx - Created qawolf-signup-handler.js - Created snippets/try-for-free-embed.mdx - Deleted snippets/try-for-free-form.mdx Mintlify-Source: dashboard-editor --- qawolf-signup-handler.js | 248 ++++++++++++++++++++++++++++++++ qawolf/quick-start.mdx | 2 +- snippets/try-for-free-embed.mdx | 116 +++++++++++++++ snippets/try-for-free-form.mdx | 106 -------------- 4 files changed, 365 insertions(+), 107 deletions(-) create mode 100644 qawolf-signup-handler.js create mode 100644 snippets/try-for-free-embed.mdx delete mode 100644 snippets/try-for-free-form.mdx diff --git a/qawolf-signup-handler.js b/qawolf-signup-handler.js new file mode 100644 index 0000000..b71b05f --- /dev/null +++ b/qawolf-signup-handler.js @@ -0,0 +1,248 @@ +/* + Verbatim handler from the app team, unmodified. Drop this file at the root + of the Mintlify docs repo's content directory — Mintlify automatically + includes any .js file found there as a real