تحت Connect a Framer project، الصق Project URL وFramer API key.
تحت Shopify store it sells from، اختر المتجر الذي يبيع منه هذا الموقع.
انقر Connect project. يفتح Framerfy المشروع مرة واحدة للتحقق من المفتاح، ثم يضيفه إلى Connected projects.
يحفظ Framerfy المفتاح مشفّرًا ولا يستخدمه إلا حين يعمل Claude على ذلك المشروع. لإيقاف Claude عن استخدام مشروع، احذفه من Connected projects، أو احذف المفتاح في Framer.
يجب أن يذكر Claude المشروع الذي ربطته والمتجر المرتبط به. إذا قال إنه لا يوجد مشروع مرتبط، ارجع إلى الخطوة الثالثة. وإذا قال إن حسابك لا يستطيع استخدام الموصّل بعد، فأنت لست ضمن المرحلة التجريبية: راسلنا على support@framerfy.ae.التالي: بناء متجر.
هل كانت هذه الصفحة مفيدة؟
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Framerfy Docs — Setup, Components \u0026 Guides","public":true,"description":"Official Framerfy documentation. Learn how to connect Shopify to Framer, configure components, sync products, and launch your storefront.","colors":{"primary":"#5CA87C"},"logo":"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/logo.svg?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=68c5c26880a44a6692962464a1d1dc40","favicon":"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/favicon.png?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=15958dad2a57681c1a6e6939a01b2d81","appearance":{"default":"dark","strict":true},"navbar":{"links":[{"href":"https://framerfy.framer.ai/#templates","label":"Templates"},{"href":"https://admin.framerfy.ae/#pricing","label":"Pricing"}],"primary":{"type":"button","label":"Login","href":"https://admin.framerfy.ae"}},"footer":{"socials":{"x":"https://x.com/thedesignmvp","linkedin":"https://www.linkedin.com/company/thedesignmvp"}},"seo":{"metatags":{"charset":"UTF-8","viewport":"width=device-width, initial-scale=1.0","title":"Framerfy Docs – Shopify Storefronts in Framer","description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.","keywords":"Framerfy, Shopify, Storefronts, Framer, Components, Integration","robots":"index, follow","googlebot":"index, follow","language":"en","canonical":"https://docs.framerfy.ae","theme-color":"#5CA87C","color-scheme":"light dark","format-detection":"telephone=no","HandheldFriendly":"True","MobileOptimized":"320","apple-mobile-web-app-capable":"yes","apple-mobile-web-app-status-bar-style":"black-translucent","og:title":"Framerfy Docs – Shopify Storefronts in Framer","og:type":"website","og:url":"https://docs.framerfy.ae","og:description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.","og:site_name":"Framerfy Docs","og:locale":"en_US","og:locale:alternate":"ar_AE","twitter:card":"summary_large_image","twitter:title":"Framerfy Docs – Shopify Storefronts in Framer","twitter:description":"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting."}},"banner":{"content":"This is a beta version of the documentation. Please report any issues or feedback to support@framerfy.ae","dismissible":true},"styling":{"latex":false},"navigation":{"global":{"versions":[{"version":"v0.1","href":"/"}]},"languages":[{"language":"en","default":true,"href":"shopify-integration/getting-started"},{"language":"ar","href":"ar/shopify-integration/getting-started"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"thedesignmvp","hasAudioNarration":false,"actualSubdomain":"thedesignmvp","customDomains":["docs.framerfy.ae"],"gitSource":{"type":"github","owner":"thedesignmvp","repo":"framerfy-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{},"buildId":"6af4a892d28a7cb72d4506c3","clientVersion":"0.0.4124","searchFilterCounts":[{"language":"en","tag":"Components","count":16},{"language":"ar","tag":"المكونات","count":16},{"language":"en","tag":"AI store builder","count":3},{"language":"en","tag":"Shopify Integration","count":3},{"language":"ar","tag":"منشئ المتاجر بالذكاء الاصطناعي","count":3},{"language":"ar","tag":"تكامل Shopify","count":3}],"searchSettings":{"maxResults":5}},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"ar/ai-builder/install","slug":"/ar/ai-builder/install","pageMetadata":{"title":"إعداد الموصّل","description":"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.","href":"/ar/ai-builder/install"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,blockquote:`blockquote`,code:`code`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading,Tab,Tabs,Tip}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`يستغرق الإعداد نحو 5 دقائق: أضف الموصّل إلى Claude، وسجّل الدخول بحساب Framerfy، واربط مشروع Framer.`}),`\n`,_jsx(Heading,{level:`2`,id:`قبل-أن-تبدأ`,children:`قبل أن تبدأ`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`حساب Framerfy أضفت إليه متجر Shopify.`}),` إن لم تفعل، اتبع الخطوات من 1 إلى 5 في `,_jsx(_components.a,{href:`/ar/shopify-integration/getting-started`,children:`البدء`}),`.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`مشروع Framer يمكنك تعديله`}),`، وغالبًا قالب نسخته إلى حسابك. لا يعمل Claude إلا في المشاريع التي تربطها.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`خطة Claude تسمح بالموصّلات المخصصة.`}),` يعمل ذلك في Claude على الويب وسطح المكتب، وفي Claude Code.`]}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`الخطوة-الأولى-أضف-الموصّل-إلى-claude`,children:`الخطوة الأولى: أضف الموصّل إلى Claude`}),`\n`,_jsx(_components.p,{children:`رابط الموصّل:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`https://mcp.framerfy.ae/mcp`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(Tabs,{children:[_jsx(Tab,{title:`Claude (الويب وسطح المكتب)`,id:`claude-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%B3%D8%B7%D8%AD-%D8%A7%D9%84%D9%85%D9%83%D8%AA%D8%A8`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`في Claude، افتح `,_jsx(_components.strong,{children:`Settings ← Connectors`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`انقر `,_jsx(_components.strong,{children:`Add custom connector`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`سمّه `,_jsx(_components.strong,{children:`Framerfy`}),` والصق الرابط أعلاه.`]}),`\n`,_jsxs(_components.li,{children:[`انقر `,_jsx(_components.strong,{children:`Add`}),` ثم `,_jsx(_components.strong,{children:`Connect`}),`. يفتح Claude صفحة تسجيل الدخول إلى Framerfy.`]}),`\n`]})}),_jsx(Tab,{title:`Claude Code`,id:`claude-code`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`في الطرفية، شغّل:`,`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`claude`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` mcp`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` add`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#569CD6`},children:` --transport`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` http`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` framerfy`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` https://mcp.framerfy.ae/mcp`})]}),`\n`]})})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`شغّل Claude Code، واكتب `,_jsx(_components.code,{children:`/mcp`}),`، واختر `,_jsx(_components.strong,{children:`framerfy`}),` ثم `,_jsx(_components.strong,{children:`Authenticate`}),`. يفتح متصفحك صفحة تسجيل الدخول إلى Framerfy.`]}),`\n`]})})]}),`\n`,_jsxs(_components.p,{children:[`تجد الرابط وأمر Claude Code أيضًا في صفحة `,_jsx(_components.strong,{children:`MCP`}),` في `,_jsx(_components.a,{href:`https://admin.framerfy.ae`,children:`admin.framerfy.ae`}),`، مع زر للنسخ.`]}),`\n`,_jsx(Heading,{level:`2`,id:`الخطوة-الثانية-سجّل-الدخول-واسمح-بالوصول`,children:`الخطوة الثانية: سجّل الدخول واسمح بالوصول`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`سجّل الدخول ببريدك في Framerfy.`}),`\n`,_jsx(_components.li,{children:`يعرض Framerfy التطبيق الذي يطلب الوصول (Claude) وما يستطيع فعله. يسألك قبل أن ينشر أو يغيّر Shopify أو يحذف أي شيء.`}),`\n`,_jsxs(_components.li,{children:[`انقر `,_jsx(_components.strong,{children:`Allow`}),`. تعود إلى Claude، ويظهر الموصّل متصلًا.`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`يبقى Claude متصلًا حتى تفصله. لتسجيل خروج Claude من كل الأجهزة، افتح صفحة `,_jsx(_components.strong,{children:`MCP`}),` في لوحة التحكم وانقر `,_jsx(_components.strong,{children:`Disconnect Claude everywhere`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`الخطوة-الثالثة-اربط-مشروع-framer`,children:`الخطوة الثالثة: اربط مشروع Framer`}),`\n`,_jsx(_components.p,{children:`لا يستطيع Claude فتح أي مشروع Framer إلا المشاريع التي تربطها هنا.`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`افتح مشروعك في Framer. انتقل إلى `,_jsx(_components.strong,{children:`Settings ← API Keys`}),` وانقر `,_jsx(_components.strong,{children:`Create`}),`. انسخ المفتاح.`]}),`\n`,_jsxs(_components.li,{children:[`انسخ رابط المشروع من المتصفح. يبدو هكذا: `,_jsx(_components.code,{children:`https://framer.com/projects/My-Store--abc123`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`في `,_jsx(_components.a,{href:`https://admin.framerfy.ae`,children:`admin.framerfy.ae`}),`، افتح صفحة `,_jsx(_components.strong,{children:`MCP`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`تحت `,_jsx(_components.strong,{children:`Connect a Framer project`}),`، الصق `,_jsx(_components.strong,{children:`Project URL`}),` و`,_jsx(_components.strong,{children:`Framer API key`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`تحت `,_jsx(_components.strong,{children:`Shopify store it sells from`}),`، اختر المتجر الذي يبيع منه هذا الموقع.`]}),`\n`,_jsxs(_components.li,{children:[`انقر `,_jsx(_components.strong,{children:`Connect project`}),`. يفتح Framerfy المشروع مرة واحدة للتحقق من المفتاح، ثم يضيفه إلى `,_jsx(_components.strong,{children:`Connected projects`}),`.`]}),`\n`]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`يحفظ Framerfy المفتاح مشفّرًا ولا يستخدمه إلا حين يعمل Claude على ذلك المشروع. لإيقاف Claude عن استخدام مشروع، احذفه من `,_jsx(_components.strong,{children:`Connected projects`}),`، أو احذف المفتاح في Framer.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`تأكد-أنه-يعمل`,children:`تأكد أنه يعمل`}),`\n`,_jsx(_components.p,{children:`اطلب من Claude:`}),`\n`,_jsxs(_components.blockquote,{children:[`\n`,_jsx(_components.p,{children:`اعرض مشاريعي في Framerfy.`}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`يجب أن يذكر Claude المشروع الذي ربطته والمتجر المرتبط به. إذا قال إنه لا يوجد مشروع مرتبط، ارجع إلى الخطوة الثالثة. وإذا قال إن حسابك لا يستطيع استخدام الموصّل بعد، فأنت لست ضمن المرحلة التجريبية: راسلنا على `,_jsx(_components.a,{href:`mailto:support@framerfy.ae`,children:`support@framerfy.ae`}),`.`]}),`\n`,_jsxs(_components.p,{children:[`التالي: `,_jsx(_components.a,{href:`/ar/ai-builder/build-a-store`,children:`بناء متجر`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"إعداد الموصّل","description":"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.","href":"/ar/ai-builder/install"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"قبل أن تبدأ","slug":"قبل-أن-تبدأ","depth":2,"children":[]},{"title":"الخطوة الأولى: أضف الموصّل إلى Claude","slug":"الخطوة-الأولى-أضف-الموصّل-إلى-claude","depth":2,"children":[]},{"title":"الخطوة الثانية: سجّل الدخول واسمح بالوصول","slug":"الخطوة-الثانية-سجّل-الدخول-واسمح-بالوصول","depth":2,"children":[]},{"title":"الخطوة الثالثة: اربط مشروع Framer","slug":"الخطوة-الثالثة-اربط-مشروع-framer","depth":2,"children":[]},{"title":"تأكد أنه يعمل","slug":"تأكد-أنه-يعمل","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"thedesignmvp","siteName":"Framerfy Docs — Setup, Components \u0026 Guides","title":"Framerfy Docs – Shopify Storefronts in Framer","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/ai-builder/install","matchLevel":1},"ar":{"href":"/ar/ai-builder/install","matchLevel":0}}},"lastModified":"2026-11-11T17:40:40.218Z","originalFileLocation":"ar/ai-builder/install.mdx","locale":"ar"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"dark\";if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"dark\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.\">\u003cmeta data-mint-head name=\"keywords\" content=\"Framerfy, Shopify, Storefronts, Framer, Components, Integration\">\u003cmeta data-mint-head name=\"application-name\" content=\"Framerfy Docs — Setup, Components \u0026amp; Guides\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003cmeta data-mint-head name=\"robots\" content=\"index, follow\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Framerfy Docs – Shopify Storefronts in Framer\">\u003cmeta data-mint-head property=\"og:description\" content=\"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Framerfy Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.framerfy.ae/ar/ai-builder/install\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://thedesignmvp.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF+%D8%A7%D9%84%D9%85%D9%88%D8%B5%D9%91%D9%84\u0026amp;description=%D8%A3%D8%B6%D9%81+%D9%85%D9%88%D8%B5%D9%91%D9%84+Framerfy+%D8%A5%D9%84%D9%89+Claude%D8%8C+%D9%88%D8%B3%D8%AC%D9%91%D9%84+%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84%D8%8C+%D9%88%D8%A7%D8%B1%D8%A8%D8%B7+%D9%85%D8%B4%D8%B1%D9%88%D8%B9+Framer+%D8%A7%D9%84%D8%B0%D9%8A+%D8%B3%D9%8A%D8%A8%D9%86%D9%8A+%D9%81%D9%8A%D9%87+Claude.\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=49bec2ef555122c309763a2bac9fff46334346b6b12ff5e3bcf881ad5ca34a0d\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Framerfy Docs – Shopify Storefronts in Framer\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Learn how to set up and use Framerfy to connect Shopify with Framer. Step-by-step guides, component usage, syncing products, and troubleshooting.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://thedesignmvp.mintlify.site/_mintlify/api/og/v2?division=Documentation\u0026amp;title=%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF+%D8%A7%D9%84%D9%85%D9%88%D8%B5%D9%91%D9%84\u0026amp;description=%D8%A3%D8%B6%D9%81+%D9%85%D9%88%D8%B5%D9%91%D9%84+Framerfy+%D8%A5%D9%84%D9%89+Claude%D8%8C+%D9%88%D8%B3%D8%AC%D9%91%D9%84+%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84%D8%8C+%D9%88%D8%A7%D8%B1%D8%A8%D8%B7+%D9%85%D8%B4%D8%B1%D9%88%D8%B9+Framer+%D8%A7%D9%84%D8%B0%D9%8A+%D8%B3%D9%8A%D8%A8%D9%86%D9%8A+%D9%81%D9%8A%D9%87+Claude.\u0026amp;theme=ff7242f0166b7f9d470e6541\u0026amp;signature=49bec2ef555122c309763a2bac9fff46334346b6b12ff5e3bcf881ad5ca34a0d\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/thedesignmvp/nVAH7Mo4X4OXEnC_/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Framerfy Docs — Setup, Components \u0026amp; Guides\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#5CA87C\">\u003cmeta data-mint-head name=\"og:locale\" content=\"en_US\">\u003cmeta data-mint-head name=\"charset\" content=\"UTF-8\">\u003cmeta data-mint-head name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\u003cmeta data-mint-head name=\"googlebot\" content=\"index, follow\">\u003cmeta data-mint-head name=\"language\" content=\"en\">\u003cmeta data-mint-head name=\"theme-color\" content=\"#5CA87C\">\u003cmeta data-mint-head name=\"color-scheme\" content=\"light dark\">\u003cmeta data-mint-head name=\"format-detection\" content=\"telephone=no\">\u003cmeta data-mint-head name=\"HandheldFriendly\" content=\"True\">\u003cmeta data-mint-head name=\"MobileOptimized\" content=\"320\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-capable\" content=\"yes\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\u003cmeta data-mint-head name=\"og:locale:alternate\" content=\"ar_AE\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.framerfy.ae/ar/ai-builder/install\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ar/ai-builder/install.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ar\" href=\"https://docs.framerfy.ae/ar/ai-builder/install\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://docs.framerfy.ae/ai-builder/install\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://docs.framerfy.ae/ai-builder/install\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.framerfy.ae/#organization\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"url\":\"https://docs.framerfy.ae\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/thedesignmvp/Bnj9GiW8prCxI3an/public/logo.svg?fit=max\u0026auto=format\u0026n=Bnj9GiW8prCxI3an\u0026q=85\u0026s=68c5c26880a44a6692962464a1d1dc40\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.framerfy.ae#website\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"url\":\"https://docs.framerfy.ae\",\"publisher\":{\"@id\":\"https://docs.framerfy.ae/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.framerfy.ae/ar/ai-builder/install#webpage\",\"url\":\"https://docs.framerfy.ae/ar/ai-builder/install\",\"name\":\"إعداد الموصّل\",\"description\":\"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.\",\"dateModified\":\"2026-11-11T17:40:40.218Z\",\"isPartOf\":{\"@id\":\"https://docs.framerfy.ae#website\"}},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.framerfy.ae/ar/ai-builder/install#article\",\"headline\":\"إعداد الموصّل\",\"name\":\"إعداد الموصّل\",\"description\":\"أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.\",\"url\":\"https://docs.framerfy.ae/ar/ai-builder/install\",\"mainEntityOfPage\":{\"@id\":\"https://docs.framerfy.ae/ar/ai-builder/install#webpage\"},\"dateModified\":\"2026-11-11T17:40:40.218Z\",\"publisher\":{\"@id\":\"https://docs.framerfy.ae/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.framerfy.ae#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Framerfy Docs — Setup, Components \u0026 Guides\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/ar/ai-builder/install.md","siteName":"Framerfy Docs — Setup, Components \u0026 Guides","nav":{"global":{"versions":[{"version":"v0.1","href":"/"}]},"languages":[{"language":"en","default":true,"pages":[{"title":"en","href":"/ai-builder/install"}]},{"language":"ar","anchors":[{"anchor":"تكامل Shopify","icon":"square-terminal","pages":[{"title":"تكامل Shopify","href":"/ar/shopify-integration/getting-started"}]},{"anchor":"منشئ المتاجر بالذكاء الاصطناعي","icon":"wand-magic-sparkles","pages":[{"title":"منشئ المتاجر بالذكاء الاصطناعي","description":"ابنِ متجر Shopify على قالب Framer بطلب من Claude. ما يفعله موصّل Framerfy، وما تبقى عليك، وكم يكلف.","href":"/ar/ai-builder/overview"},{"title":"إعداد الموصّل","href":"/ar/ai-builder/install"},{"title":"بناء متجر","description":"اطلب من Claude بناء متجر على قالب Framer: ماذا تقول، وترتيب الخطوات، وأين يتوقف من أجلك، وكيف تختبر النتيجة.","href":"/ar/ai-builder/build-a-store"}]},{"anchor":"المكونات","icon":"block-brick","pages":[{"title":"المكونات","href":"/ar/components/overview"}]}]}]},"basePath":"","title":"Framerfy Docs – Shopify Storefronts in Framer","buildId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","deploymentId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","dynamics":["10e4515597"],"chunks":["BannerMarkdown-D7Q3g8OM.js","dist-BvrGG8gU.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","clsx-B35qUV0p.js","html-void-elements-mCSPHezU.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js"]}