{"id":5032,"date":"2026-06-17T18:01:53","date_gmt":"2026-06-17T10:01:53","guid":{"rendered":"https:\/\/blogs.infonexs.com\/?page_id=5032"},"modified":"2026-06-17T18:01:53","modified_gmt":"2026-06-17T10:01:53","slug":"eleven-%e5%b0%88%e5%b1%ac-aihub-%e8%a8%82%e9%96%b1%e6%96%b9%e6%a1%88","status":"publish","type":"page","link":"https:\/\/blogs.infonexs.com\/ja\/eleven-%e5%b0%88%e5%b1%ac-aihub-%e8%a8%82%e9%96%b1%e6%96%b9%e6%a1%88\/","title":{"rendered":"Eleven \u5c08\u5c6c AIHub \u8a02\u95b1\u65b9\u6848"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Eleven \u5c08\u5c6c AIHub \u8a02\u95b1\u65b9\u6848<\/h2>\n\n\n\n<p>Eleven \u70ba\u60a8\u6e96\u5099\u4e86 AIHub \u8a02\u95b1\u65b9\u6848\uff0c\u8acb\u586b\u5beb\u4ee5\u4e0b\u8868\u55ae\u5efa\u7acb\u5e33\u865f\u4e26\u524d\u5f80 Stripe \u5b8c\u6210\u4ed8\u6b3e\u3002<\/p>\n\n\n    <style>\n        .aihub-subscribe-demo {\n            width: 100%;\n            max-width: 720px;\n            margin: 32px auto;\n            padding: 28px;\n            border: 1px solid #d8dee8;\n            border-radius: 8px;\n            background: #ffffff;\n            color: #1d2433;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            box-sizing: border-box;\n        }\n\n        .aihub-subscribe-demo * {\n            box-sizing: border-box;\n        }\n\n        .aihub-subscribe-demo__pack {\n            margin-bottom: 20px;\n            padding: 16px;\n            border-radius: 6px;\n            background: #f5f7fb;\n            color: #344054;\n        }\n\n        .aihub-subscribe-demo__pack strong {\n            display: block;\n            margin-bottom: 4px;\n            color: #111827;\n            font-size: 18px;\n        }\n\n        .aihub-subscribe-demo__grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n\n        .aihub-subscribe-demo__field {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .aihub-subscribe-demo__field--full {\n            grid-column: 1 \/ -1;\n        }\n\n        .aihub-subscribe-demo label {\n            font-size: 14px;\n            font-weight: 600;\n            color: #344054;\n        }\n\n        .aihub-subscribe-demo input {\n            width: 100%;\n            min-height: 42px;\n            padding: 9px 11px;\n            border: 1px solid #cbd5e1;\n            border-radius: 6px;\n            background: #ffffff;\n            color: #111827;\n            font-size: 15px;\n        }\n\n        .aihub-subscribe-demo input:focus {\n            outline: 2px solid #84c5f4;\n            border-color: #1f7bbf;\n        }\n\n        .aihub-subscribe-demo button {\n            width: 100%;\n            min-height: 44px;\n            margin-top: 18px;\n            border: 0;\n            border-radius: 6px;\n            background: #1f7bbf;\n            color: #ffffff;\n            font-size: 16px;\n            font-weight: 700;\n            cursor: pointer;\n        }\n\n        .aihub-subscribe-demo button:disabled {\n            background: #94a3b8;\n            cursor: not-allowed;\n        }\n\n        .aihub-subscribe-demo__message {\n            min-height: 22px;\n            margin-top: 14px;\n            color: #b42318;\n            font-size: 14px;\n        }\n\n        @media (max-width: 640px) {\n            .aihub-subscribe-demo {\n                padding: 20px;\n            }\n\n            .aihub-subscribe-demo__grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\n    <div\n        id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49\"\n        class=\"aihub-subscribe-demo\"\n        data-api-base=\"https:\/\/tipsier-nonfeeding-sienna.ngrok-free.dev\/app\"\n        data-pack-id=\"2\"\n        data-channel-code=\"eleven\"\n        data-sales-name=\"Eleven\"\n    >\n        <div class=\"aihub-subscribe-demo__pack\" data-role=\"pack\">Loading subscription plan...<\/div>\n        <form data-role=\"form\" action=\"\">\n            <div class=\"aihub-subscribe-demo__grid\">\n                <div class=\"aihub-subscribe-demo__field\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-name\">\u5ba2\u6236\u59d3\u540d<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-name\" name=\"name\" type=\"text\" maxlength=\"50\" required>\n                <\/div>\n                <div class=\"aihub-subscribe-demo__field\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-company\">\u516c\u53f8\u540d\u7a31<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-company\" name=\"companyName\" type=\"text\" maxlength=\"50\" required>\n                <\/div>\n                <div class=\"aihub-subscribe-demo__field aihub-subscribe-demo__field--full\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-email\">\u30e1\u30fc\u30eb<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-email\" name=\"email\" type=\"email\" maxlength=\"80\" required>\n                <\/div>\n                <div class=\"aihub-subscribe-demo__field\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-password\">\u5bc6\u78bc<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-password\" name=\"password\" type=\"password\" minlength=\"6\" required>\n                <\/div>\n                <div class=\"aihub-subscribe-demo__field\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-confirm-password\">\u78ba\u8a8d\u5bc6\u78bc<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-confirm-password\" name=\"confirmPassword\" type=\"password\" minlength=\"6\" required>\n                <\/div>\n                <div class=\"aihub-subscribe-demo__field aihub-subscribe-demo__field--full\">\n                    <label for=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-recommender\">\u63a8\u85a6\u4eba\u6216\u92b7\u552e\u4eba\u54e1\u540d\u7a31<\/label>\n                    <input id=\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49-recommender\" name=\"recommender\" type=\"text\" maxlength=\"50\" value=\"Eleven\" required>\n                <\/div>\n            <\/div>\n            <button type=\"submit\" data-role=\"submit\">\u524d\u5f80 Stripe \u4ed8\u6b3e<\/button>\n            <div class=\"aihub-subscribe-demo__message\" data-role=\"message\" aria-live=\"polite\"><\/div>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"ja\"\/><\/form>\n    <\/div>\n\n    <script>\n        (function () {\n            const config = {\"id\":\"aihub-subscribe-demo-ad853874-ba11-4f4e-bf94-5fcbfb0b9c49\",\"ajaxUrl\":\"https:\\\/\\\/blogs.infonexs.com\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"56eb6a29b7\"};\n            const root = document.getElementById(config.id);\n\n            if (!root) {\n                return;\n            }\n\n            const packEl = root.querySelector('[data-role=\"pack\"]');\n            const form = root.querySelector('[data-role=\"form\"]');\n            const submit = root.querySelector('[data-role=\"submit\"]');\n            const message = root.querySelector('[data-role=\"message\"]');\n            const apiBase = root.dataset.apiBase;\n            const packId = root.dataset.packId;\n\n            const setMessage = function (text) {\n                message.textContent = text || '';\n            };\n\n            const request = function (action, payload) {\n                const body = new URLSearchParams({\n                    action: action,\n                    _ajax_nonce: config.nonce,\n                    ...payload\n                });\n\n                return fetch(config.ajaxUrl, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8'\n                    },\n                    body: body\n                }).then(function (response) {\n                    return response.json();\n                });\n            };\n\n            const unwrap = function (response) {\n                if (!response || !response.success) {\n                    throw new Error(response && response.data && response.data.message ? response.data.message : 'Request failed');\n                }\n\n                if (!response.data || response.data.success === false) {\n                    throw new Error(response.data && response.data.message ? response.data.message : 'AIHub request failed');\n                }\n\n                return response.data.data;\n            };\n\n            request('aihub_subscribe_demo_pack', {\n                api_base: apiBase,\n                pack_id: packId\n            }).then(function (response) {\n                const pack = unwrap(response);\n                const amount = pack && pack.amount ? pack.amount : '';\n                const name = pack && pack.name ? pack.name : 'AIHub Subscription';\n                const brief = amount ? 'Amount: ' + amount : 'Please complete the form below to continue.';\n                const title = document.createElement('strong');\n                const desc = document.createElement('span');\n\n                title.textContent = name;\n                desc.textContent = brief;\n                packEl.replaceChildren(title, desc);\n            }).catch(function (error) {\n                packEl.textContent = 'Subscription plan could not be loaded.';\n                setMessage(error.message);\n            });\n\n            form.addEventListener('submit', function (event) {\n                event.preventDefault();\n                setMessage('');\n\n                const data = new FormData(form);\n                const password = data.get('password');\n                const confirmPassword = data.get('confirmPassword');\n\n                if (password !== confirmPassword) {\n                    setMessage('\u5169\u6b21\u5bc6\u78bc\u4e0d\u4e00\u81f4');\n                    return;\n                }\n\n                submit.disabled = true;\n                submit.textContent = '\u8655\u7406\u4e2d...';\n\n                request('aihub_subscribe_demo_pre_order', {\n                    api_base: apiBase,\n                    name: data.get('name'),\n                    companyName: data.get('companyName'),\n                    email: data.get('email'),\n                    password: password,\n                    confirmPassword: confirmPassword,\n                    packId: packId,\n                    recommender: data.get('recommender'),\n                    captcha: '8888'\n                }).then(function (response) {\n                    const checkoutUrl = unwrap(response);\n\n                    if (!checkoutUrl) {\n                        throw new Error('Stripe Checkout URL is empty');\n                    }\n\n                    window.location.href = checkoutUrl;\n                }).catch(function (error) {\n                    submit.disabled = false;\n                    submit.textContent = '\u524d\u5f80 Stripe \u4ed8\u6b3e';\n                    setMessage(error.message);\n                });\n            });\n        })();\n    <\/script>","protected":false},"excerpt":{"rendered":"<p>Eleven \u5c08\u5c6c AIHub \u8a02\u95b1\u65b9\u6848 Eleven \u70ba\u60a8\u6e96\u5099\u4e86 AIHub \u8a02\u95b1\u65b9\u6848\uff0c\u8acb\u586b\u5beb\u4ee5\u4e0b\u8868\u55ae\u5efa\u7acb\u5e33\u865f\u4e26\u524d\u5f80 Stripe \u5b8c\u6210\u4ed8\u6b3e\u3002<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/pages\/5032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/comments?post=5032"}],"version-history":[{"count":2,"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/pages\/5032\/revisions"}],"predecessor-version":[{"id":5034,"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/pages\/5032\/revisions\/5034"}],"wp:attachment":[{"href":"https:\/\/blogs.infonexs.com\/ja\/wp-json\/wp\/v2\/media?parent=5032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}