d06b4cf629
- merits.html: Passkey vs Password security comparison table - passkey.html: How Passkeys Work steps and business benefits - fido2_top.html: Why Choose amiPro Passkey Hub section - contextwizard_top.html: What is ContextWizard section - contextwizard_install.html: What You Get After Installation section
713 lines
33 KiB
HTML
713 lines
33 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-US" class="light-style">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
<title>Install ContextWizard - amiPro, LLC</title>
|
||
|
||
<meta
|
||
name="description"
|
||
content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers."
|
||
/>
|
||
|
||
<link rel="canonical" href="https://amipro.me/contextwizard_install.html" />
|
||
<link rel="alternate" hreflang="en" href="https://amipro.me/contextwizard_install.html" />
|
||
<link rel="alternate" hreflang="ja" href="https://amipro.me/contextwizard_install.html" />
|
||
<link rel="alternate" hreflang="x-default" href="https://amipro.me/contextwizard_install.html" />
|
||
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="Install ContextWizard - amiPro, LLC" />
|
||
<meta property="og:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
|
||
<meta property="og:url" content="https://amipro.me/contextwizard_install.html" />
|
||
<meta property="og:site_name" content="amiPro, LLC" />
|
||
<meta property="og:image" content="https://amipro.me/files/og-contextwizard.png" />
|
||
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Install ContextWizard - amiPro, LLC" />
|
||
<meta name="twitter:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
|
||
<meta name="twitter:image" content="https://amipro.me/files/og-contextwizard.png" />
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Article",
|
||
"headline": "Install ContextWizard - amiPro, LLC",
|
||
"description": "Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers.",
|
||
"url": "https://amipro.me/contextwizard_install.html",
|
||
"author": {
|
||
"@type": "Person",
|
||
"name": "amiPro Team"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "amiPro, LLC",
|
||
"url": "https://amipro.me"
|
||
},
|
||
"datePublished": "2025-01-15",
|
||
"dateModified": "2025-06-21"
|
||
}
|
||
</script>
|
||
|
||
<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
|
||
<link rel="stylesheet" href="files/boxicons.css?v=20230405" />
|
||
<link rel="stylesheet" href="files/core.css" class="template-customizer-core-css" />
|
||
<link rel="stylesheet" href="files/theme-default.css" class="template-customizer-theme-css" />
|
||
<link rel="stylesheet" href="files/demo.css" />
|
||
<link rel="stylesheet" href="files/modern.css" />
|
||
<link rel="stylesheet" href="files/perfect-scrollbar.css" />
|
||
|
||
<script src="files/helpers.js"></script>
|
||
<script src="files/config.js"></script>
|
||
<script src="files/jquery.js"></script>
|
||
<script src="files/popper.js"></script>
|
||
<script src="files/bootstrap.js"></script>
|
||
<script src="files/perfect-scrollbar.js"></script>
|
||
<script src="files/menu.js"></script>
|
||
<script src="files/main.js"></script>
|
||
<script src="files/ua-parser.js"></script>
|
||
<script src="files/amipro_utils.js?v=20230401402"></script>
|
||
|
||
<style>
|
||
body {
|
||
color: #0f172a;
|
||
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 40%, #f5f7fb 100%);
|
||
}
|
||
|
||
.hero__title {
|
||
font-size: clamp(2rem, 3.25vw, 3rem);
|
||
}
|
||
|
||
.hero__lead {
|
||
max-width: 620px;
|
||
color: #475569;
|
||
}
|
||
|
||
.nav-brand-logo {
|
||
height: 48px;
|
||
width: auto;
|
||
}
|
||
|
||
.step-card {
|
||
border: none;
|
||
border-radius: 1.25rem;
|
||
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
|
||
}
|
||
|
||
.step-number {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 999px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #eff6ff;
|
||
color: #1d4ed8;
|
||
font-weight: 600;
|
||
margin-right: 0.5rem;
|
||
}
|
||
|
||
.browser-pill {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 0.25rem 0.75rem;
|
||
border-radius: 999px;
|
||
background: #eff6ff;
|
||
color: #1e293b;
|
||
font-size: 0.875rem;
|
||
margin-right: 0.5rem;
|
||
margin-bottom: 0.25rem;
|
||
}
|
||
|
||
.browser-pill i {
|
||
font-size: 1rem;
|
||
margin-right: 0.25rem;
|
||
}
|
||
|
||
.hero-chip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 0.35rem 0.9rem;
|
||
border-radius: 999px;
|
||
background: #eff6ff;
|
||
color: #1e293b;
|
||
font-size: 0.9rem;
|
||
margin-right: 0.5rem;
|
||
margin-bottom: 0.25rem;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.hero__actions {
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
const i18n_messages = new Map();
|
||
let lang_map;
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'amiPro, LLC');
|
||
lang_map.set('ja', 'amiPro, LLC');
|
||
i18n_messages.set('nav_brand', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Privacy-first identity & AI products');
|
||
lang_map.set('ja', 'プライバシーを重視したID・AIプロダクト');
|
||
i18n_messages.set('nav_tagline', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Back to ContextWizard');
|
||
lang_map.set('ja', 'ContextWizard に戻る');
|
||
i18n_messages.set('nav_back', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Contact support');
|
||
lang_map.set('ja', 'サポートに問い合わせ');
|
||
i18n_messages.set('nav_contact', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'ContextWizard');
|
||
lang_map.set('ja', 'ContextWizard');
|
||
i18n_messages.set('hero_eyebrow', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Install ContextWizard in your browser');
|
||
lang_map.set('ja', 'ブラウザに ContextWizard をインストール');
|
||
i18n_messages.set('hero_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge, Brave, or any Chromium-based browser that supports developer mode extensions.');
|
||
lang_map.set('ja', 'このガイドに従って、Chrome、Microsoft Edge、Brave、または開発者モード拡張機能をサポートする Chromium ベースのブラウザに、パッケージ未処理の ContextWizard 拡張機能をインストールします。');
|
||
i18n_messages.set('hero_lead', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Works offline on your machine');
|
||
lang_map.set('ja', 'オフラインで動作');
|
||
i18n_messages.set('chip_offline', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'No account required');
|
||
lang_map.set('ja', 'アカウント不要');
|
||
i18n_messages.set('chip_no_account', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Download ContextWizard ZIP');
|
||
lang_map.set('ja', 'ContextWizard ZIP をダウンロード');
|
||
i18n_messages.set('btn_download', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Read privacy policy');
|
||
lang_map.set('ja', 'プライバシーポリシーを読む');
|
||
i18n_messages.set('btn_privacy', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Step-by-step installation');
|
||
lang_map.set('ja', 'ステップバイステップのインストール');
|
||
i18n_messages.set('steps_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Download the ZIP file');
|
||
lang_map.set('ja', 'ZIP ファイルをダウンロード');
|
||
i18n_messages.set('step1_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Click <strong>Download ContextWizard ZIP</strong> above and save the file to a location you can find, such as your <em>Downloads</em> folder.');
|
||
lang_map.set('ja', '上の<strong>「ContextWizard ZIP をダウンロード」</strong>をクリックし、<em>ダウンロード</em>フォルダなど、見つけやすい場所にファイルを保存します。');
|
||
i18n_messages.set('step1_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'The ZIP contains the full extension source so your browser can run it in developer mode.');
|
||
lang_map.set('ja', 'ZIP には完全な拡張機能ソースが含まれており、ブラウザの開発者モードで実行できます。');
|
||
i18n_messages.set('step1_note', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Unzip the archive');
|
||
lang_map.set('ja', 'アーカイブを展開');
|
||
i18n_messages.set('step2_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Locate the downloaded ZIP file, then unzip it:');
|
||
lang_map.set('ja', 'ダウンロードした ZIP ファイルを見つけて展開します：');
|
||
i18n_messages.set('step2_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'On macOS: double-click the ZIP file in Finder.');
|
||
lang_map.set('ja', 'macOS：Finder で ZIP ファイルをダブルクリックします。');
|
||
i18n_messages.set('step2_mac', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'On Windows: right-click the ZIP and choose <em>Extract All…</em>.');
|
||
lang_map.set('ja', 'Windows：ZIP を右クリックし、<em>すべて展開...</em> を選択します。');
|
||
i18n_messages.set('step2_win', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'You should end up with a folder named something like <code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location (not inside your browser cache or trash).');
|
||
lang_map.set('ja', '<code>ContextWizard-crx-latest</code> という名前のフォルダが作成されます。このフォルダをブラウザのキャッシュやゴミ箱ではなく、永続的な場所に保管してください。');
|
||
i18n_messages.set('step2_note', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Open the extensions page');
|
||
lang_map.set('ja', '拡張機能ページを開く');
|
||
i18n_messages.set('step3_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use <code>edge://extensions</code>. You will see the extensions management screen.');
|
||
lang_map.set('ja', 'Chrome では、アドレスバーに <code>chrome://extensions</code> を入力します。Edge では <code>edge://extensions</code> を使用します。拡張機能の管理画面が表示されます。');
|
||
i18n_messages.set('step3_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'This is where you manage, enable, and remove extensions in your browser.');
|
||
lang_map.set('ja', 'ここでブラウザの拡張機能の管理、有効化、削除を行います。');
|
||
i18n_messages.set('step3_note', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Enable developer mode');
|
||
lang_map.set('ja', '開発者モードを有効にする');
|
||
i18n_messages.set('step4_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of the extensions page.');
|
||
lang_map.set('ja', '拡張機能ページの右上にあるトグルで<strong>「開発者モード」</strong>をオンにします。');
|
||
i18n_messages.set('step4_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'When Developer mode is on, you should see a <strong>Load unpacked</strong> button near the top of the page.');
|
||
lang_map.set('ja', '開発者モードがオンになると、ページ上部に<strong>「パッケージを展開して読み込む」</strong>ボタンが表示されます。');
|
||
i18n_messages.set('step4_note', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Load the unpacked extension');
|
||
lang_map.set('ja', 'パッケージ未処理の拡張機能を読み込む');
|
||
i18n_messages.set('step5_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.');
|
||
lang_map.set('ja', '<strong>「パッケージを展開して読み込む」</strong>をクリックし、ステップ 2 で展開したフォルダを選択します。');
|
||
i18n_messages.set('step5_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'In the file picker, select the <strong>folder</strong> (for example, <code>ContextWizard-crx-latest</code>), not the ZIP file.');
|
||
lang_map.set('ja', 'ファイル選択で ZIP ファイルではなく<strong>フォルダ</strong>（例：<code>ContextWizard-crx-latest</code>）を選択してください。');
|
||
i18n_messages.set('step5_note1', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'After loading, your browser will add ContextWizard to the list of installed extensions.');
|
||
lang_map.set('ja', '読み込み後、ブラウザのインストール済み拡張機能一覧に ContextWizard が追加されます。');
|
||
i18n_messages.set('step5_note2', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Pin and open ContextWizard');
|
||
lang_map.set('ja', 'ContextWizard をピン留めして開く');
|
||
i18n_messages.set('step6_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Pin the extension so it is easy to reach, then open it in a new tab.');
|
||
lang_map.set('ja', '拡張機能をピン留めしてアクセスしやすくし、新しいタブで開きます。');
|
||
i18n_messages.set('step6_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.');
|
||
lang_map.set('ja', 'パズルアイコン（Chrome/Edge）をクリックし、<strong>ContextWizard</strong> をピン留めします。');
|
||
i18n_messages.set('step6_li1', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Click the ContextWizard icon or open the extension\'s page to start using it.');
|
||
lang_map.set('ja', 'ContextWizard アイコンをクリックするか、拡張機能のページを開いて使用を開始します。');
|
||
i18n_messages.set('step6_li2', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Your conversations stay local on your machine. You can remove the unpacked extension at any time from the extensions page.');
|
||
lang_map.set('ja', '会話はすべてローカルのマシンに保存されます。拡張機能ページからいつでもパッケージ未処理の拡張機能を削除できます。');
|
||
i18n_messages.set('step6_note', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Supported browsers');
|
||
lang_map.set('ja', 'サポート対応ブラウザ');
|
||
i18n_messages.set('browsers_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'ContextWizard works in most Chromium-based desktop browsers that support loading unpacked extensions:');
|
||
lang_map.set('ja', 'ContextWizard は、パッケージ未処理の拡張機能の読み込みをサポートするほとんどの Chromium ベースのデスクトップブラウザで動作します：');
|
||
i18n_messages.set('browsers_desc', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Mobile browsers and Safari do not support this unpacked extension flow.');
|
||
lang_map.set('ja', 'モバイルブラウザと Safari はこのパッケージ未処理拡張機能のフローをサポートしていません。');
|
||
i18n_messages.set('browsers_limit', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'If something doesn\'t work');
|
||
lang_map.set('ja', '問題が発生した場合');
|
||
i18n_messages.set('troubleshoot_title', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Make sure <strong>Developer mode</strong> is enabled on the extensions page.');
|
||
lang_map.set('ja', '拡張機能ページで<strong>「開発者モード」</strong>が有効になっていることを確認してください。');
|
||
i18n_messages.set('troubleshoot_1', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.');
|
||
lang_map.set('ja', '<strong>解凍済みフォルダ</strong>を選択していることを確認してください（ZIP ファイルではありません）。');
|
||
i18n_messages.set('troubleshoot_2', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Try restarting the browser after loading the extension.');
|
||
lang_map.set('ja', '拡張機能を読み込んだ後、ブラウザを再起動してみてください。');
|
||
i18n_messages.set('troubleshoot_3', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'If you are still stuck, reach out and we\'ll help you get set up.');
|
||
lang_map.set('ja', 'まだ解決しない場合は、お問い合わせください。セットアップをお手伝いします。');
|
||
i18n_messages.set('troubleshoot_help', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Email support');
|
||
lang_map.set('ja', 'メールでサポート');
|
||
i18n_messages.set('btn_email_support', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'ContextWizard overview');
|
||
lang_map.set('ja', 'ContextWizard 概要');
|
||
i18n_messages.set('footer_overview', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'Privacy policy');
|
||
lang_map.set('ja', 'プライバシーポリシー');
|
||
i18n_messages.set('footer_privacy', lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set('en', 'What You Get After Installation');
|
||
lang_map.set('ja', 'インストール後に利用できる機能');
|
||
lang_map.set('zh-CN', '安装后你将获得');
|
||
i18n_messages.set('static_get_title', lang_map);
|
||
</script>
|
||
|
||
<script>
|
||
window.onload = function () {
|
||
setI18NText(i18n_messages);
|
||
if (typeof initRevealAnimations === 'function') {
|
||
initRevealAnimations();
|
||
} else {
|
||
// Fallback: ensure content is visible even if animations aren't loaded
|
||
document.querySelectorAll('.reveal [data-animate]').forEach(function (el) {
|
||
el.style.opacity = '1';
|
||
el.style.transform = 'none';
|
||
});
|
||
}
|
||
var nav = document.getElementById('navbar-collapse');
|
||
if (typeof createLanguageSelector === 'function') {
|
||
document.body.appendChild(createLanguageSelector());
|
||
}
|
||
};
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="layout-wrapper layout-content-navbar">
|
||
<div class="layout-container">
|
||
<div class="layout-page">
|
||
<nav
|
||
class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
||
id="layout-navbar"
|
||
>
|
||
<div class="navbar-nav-right d-flex align-items-center w-100" id="navbar-collapse">
|
||
<div class="navbar-nav align-items-center">
|
||
<div class="nav-item d-flex align-items-center">
|
||
<img
|
||
src="files/favicon.ico"
|
||
alt="amiPro"
|
||
width="64"
|
||
height="64"
|
||
class="nav-brand-logo"
|
||
style="margin-right: 16px;"
|
||
/>
|
||
<div>
|
||
<div id="nav_brand" style="font-weight: 700; font-size: 1.25rem; color: #0f172a;">amiPro, LLC</div>
|
||
<small id="nav_tagline" style="color: #64748b;">Privacy-first identity & AI products</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a id="nav_back" href="contextwizard_top.html" class="btn btn-link ms-auto me-3">Back to ContextWizard</a>
|
||
<a id="nav_contact"
|
||
href="mailto:sales@amipro.me?subject=ContextWizard%20support"
|
||
class="btn btn-outline-primary"
|
||
>Contact support</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="content-wrapper">
|
||
<div class="container-xxl" style="padding: 32px 24px 72px;">
|
||
<section class="hero reveal">
|
||
<div class="hero__text" data-animate>
|
||
<span id="hero_eyebrow" class="hero__eyebrow">ContextWizard</span>
|
||
<h1 id="hero_title" class="hero__title">Install ContextWizard in your browser</h1>
|
||
<p id="hero_lead" class="hero__lead">
|
||
Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge,
|
||
Brave, or any Chromium-based browser that supports developer mode extensions.
|
||
</p>
|
||
<div style="margin-top: 1.5rem;" class="hero__chips">
|
||
<span id="chip_offline" class="hero-chip">Works offline on your machine</span>
|
||
<span id="chip_no_account" class="hero-chip">No account required</span>
|
||
</div>
|
||
<div
|
||
class="hero__actions"
|
||
style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;"
|
||
>
|
||
<a
|
||
id="btn_download"
|
||
href="https://amipro.me/contextwizard-files/ContextWizard-crx-latest.zip"
|
||
class="btn btn-primary"
|
||
style="flex: 1 0 220px;"
|
||
>Download ContextWizard ZIP</a>
|
||
<a
|
||
id="btn_privacy"
|
||
href="contextwizard_privacy_policy.html"
|
||
class="btn btn-outline-secondary"
|
||
style="flex: 1 0 220px;"
|
||
>Read privacy policy</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section style="margin-top: 2rem; padding: 1.5rem; background: #f0f9ff; border-radius: 12px; border-left: 4px solid #2563eb;">
|
||
<h2 id="static_get_title" style="font-size: 1.25rem; font-weight: 600; color: #0f172a; margin-bottom: 0.75rem;">What You Get After Installation</h2>
|
||
<ul style="color: #475569; line-height: 1.8; margin: 0; padding-left: 1.25rem;">
|
||
<li><strong>Automatic AI chat capture:</strong> ContextWizard detects when you visit a supported AI platform and starts recording conversations in real-time.</li>
|
||
<li><strong>Full-text search:</strong> Search across all your AI conversations by title, summary, or message body with instant results.</li>
|
||
<li><strong>Cross-platform bookmarks:</strong> Save key moments from ChatGPT, Claude, and Gemini in one unified list.</li>
|
||
<li><strong>Local-first privacy:</strong> All data is encrypted and stored in your browser local storage. Nothing leaves your machine.</li>
|
||
<li><strong>12-language UI:</strong> Automatically detects your browser language and supports manual switching.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section class="reveal" data-animate style="margin-top: 48px;">
|
||
<div class="row g-4 align-items-start">
|
||
<div class="col-lg-7">
|
||
<article class="card step-card">
|
||
<div class="card-body">
|
||
<h2 id="steps_title" style="font-weight: 600; color: #0f172a; margin-bottom: 1rem;">
|
||
Step-by-step installation
|
||
</h2>
|
||
|
||
<ol class="list-unstyled" style="margin: 0; padding: 0;">
|
||
<li style="margin-bottom: 1.5rem;">
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">1</div>
|
||
<div>
|
||
<h3 id="step1_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Download the ZIP file</h3>
|
||
<p id="step1_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
Click <strong>Download ContextWizard ZIP</strong> above and save the file to a
|
||
location you can find, such as your <em>Downloads</em> folder.
|
||
</p>
|
||
<p id="step1_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
The ZIP contains the full extension source so your browser can run it in
|
||
developer mode.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li style="margin-bottom: 1.5rem;">
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">2</div>
|
||
<div>
|
||
<h3 id="step2_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Unzip the archive</h3>
|
||
<p id="step2_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
Locate the downloaded ZIP file, then unzip it:
|
||
</p>
|
||
<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
|
||
<li id="step2_mac">On macOS: double-click the ZIP file in Finder.</li>
|
||
<li id="step2_win">On Windows: right-click the ZIP and choose <em>Extract All…</em>.</li>
|
||
</ul>
|
||
<p id="step2_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
You should end up with a folder named something like
|
||
<code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location
|
||
(not inside your browser cache or trash).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li style="margin-bottom: 1.5rem;">
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">3</div>
|
||
<div style="width: 100%;">
|
||
<h3 id="step3_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Open the extensions page</h3>
|
||
<p id="step3_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use
|
||
<code>edge://extensions</code>. You will see the extensions management screen.
|
||
</p>
|
||
<div style="margin: 0.5rem 0 0.75rem;">
|
||
<img
|
||
src="files/01-ChromeExtension-nonDev.png"
|
||
alt="Chrome extensions page highlighting chrome://extensions in the address bar"
|
||
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
|
||
/>
|
||
</div>
|
||
<p id="step3_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
This is where you manage, enable, and remove extensions in your browser.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li style="margin-bottom: 1.5rem;">
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">4</div>
|
||
<div style="width: 100%;">
|
||
<h3 id="step4_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Enable developer mode</h3>
|
||
<p id="step4_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of
|
||
the extensions page.
|
||
</p>
|
||
<div style="margin: 0.5rem 0 0.75rem;">
|
||
<img
|
||
src="files/02-ChromeExtension-enabledDev.png"
|
||
alt="Chrome extensions page with Developer mode toggle turned on and Load unpacked button visible"
|
||
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
|
||
/>
|
||
</div>
|
||
<p id="step4_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
When Developer mode is on, you should see a <strong>Load unpacked</strong> button
|
||
near the top of the page.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li style="margin-bottom: 1.5rem;">
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">5</div>
|
||
<div style="width: 100%;">
|
||
<h3 id="step5_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Load the unpacked extension</h3>
|
||
<p id="step5_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.
|
||
</p>
|
||
<div style="margin: 0.5rem 0 0.75rem;">
|
||
<img
|
||
src="files/03-ChromeExtension-select-unpackaged-folder.png"
|
||
alt="Chrome extensions page with Load unpacked button highlighted and ContextWizard folder selected in Finder"
|
||
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
|
||
/>
|
||
</div>
|
||
<p id="step5_note1" style="margin-bottom: 0.25rem; color: #475569; font-size: 0.9rem;">
|
||
In the file picker, select the <strong>folder</strong> (for example,
|
||
<code>ContextWizard-crx-latest</code>), not the ZIP file.
|
||
</p>
|
||
<p id="step5_note2" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
After loading, your browser will add ContextWizard to the list of installed
|
||
extensions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<div style="display: flex; align-items: flex-start;">
|
||
<div class="step-number">6</div>
|
||
<div>
|
||
<h3 id="step6_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Pin and open ContextWizard</h3>
|
||
<p id="step6_desc" style="margin-bottom: 0.5rem; color: #475569;">
|
||
Pin the extension so it is easy to reach, then open it in a new tab.
|
||
</p>
|
||
<div style="margin: 0.5rem 0 0.75rem;">
|
||
<img
|
||
src="files/04-ChromeExtension-installed.png"
|
||
alt="Chrome extensions page showing ContextWizard installed in the All Extensions list"
|
||
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
|
||
/>
|
||
</div>
|
||
<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
|
||
<li id="step6_li1">Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.</li>
|
||
<li id="step6_li2">Click the ContextWizard icon or open the extension's page to start using it.</li>
|
||
</ul>
|
||
<p id="step6_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
|
||
Your conversations stay local on your machine. You can remove the unpacked
|
||
extension at any time from the extensions page.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="col-lg-5">
|
||
<article
|
||
class="card h-100"
|
||
style="border-radius: 1.25rem; box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08);"
|
||
>
|
||
<div class="card-body">
|
||
<h3 id="browsers_title" style="font-size: 1.15rem; margin-bottom: 0.75rem;">Supported browsers</h3>
|
||
<p id="browsers_desc" style="color: #475569;">
|
||
ContextWizard works in most Chromium-based desktop browsers that support loading
|
||
unpacked extensions:
|
||
</p>
|
||
<div style="margin-bottom: 0.75rem;">
|
||
<span class="browser-pill"><i class="bx bxl-chrome"></i>Chrome (latest)</span>
|
||
<span class="browser-pill"><i class="bx bxl-microsoft"></i>Microsoft Edge</span>
|
||
<span class="browser-pill"><i class="bx bxs-ship"></i>Brave / Vivaldi / Opera</span>
|
||
</div>
|
||
<p id="browsers_limit" style="color: #64748b; font-size: 0.9rem;">
|
||
Mobile browsers and Safari do not support this unpacked extension flow.
|
||
</p>
|
||
|
||
<hr />
|
||
|
||
<h3 id="troubleshoot_title" style="font-size: 1.05rem; margin-bottom: 0.5rem;">If something doesnt work</h3>
|
||
<ul style="padding-left: 1.1rem; color: #475569;">
|
||
<li id="troubleshoot_1">Make sure <strong>Developer mode</strong> is enabled on the extensions page.</li>
|
||
<li id="troubleshoot_2">Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.</li>
|
||
<li id="troubleshoot_3">Try restarting the browser after loading the extension.</li>
|
||
</ul>
|
||
<p id="troubleshoot_help" style="color: #64748b; font-size: 0.9rem; margin-bottom: 0.75rem;">
|
||
If you are still stuck, reach out and we'll help you get set up.
|
||
</p>
|
||
<a id="btn_email_support" href="mailto:support@amipro.me?subject=ContextWizard%20installation%20help" class="btn btn-sm btn-outline-primary">
|
||
Email support
|
||
</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<footer class="content-footer footer bg-footer-theme">
|
||
<div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
|
||
<div class="mb-2 mb-md-0">
|
||
©
|
||
<script>
|
||
document.write(new Date().getFullYear());
|
||
</script>
|
||
<a href="https://www.amipro.me" target="_blank" class="footer-link fw-bolder">amiPro, LLC</a>
|
||
</div>
|
||
<div>
|
||
<a id="footer_overview" href="contextwizard_top.html" class="footer-link me-4">ContextWizard overview</a>
|
||
<a id="footer_privacy" href="contextwizard_privacy_policy.html" class="footer-link">Privacy policy</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div class="content-backdrop fade"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layout-overlay layout-menu-toggle"></div>
|
||
</div>
|
||
|
||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
</body>
|
||
</html>
|
||
|