# أضف التجارة إلى الموقع الذي تملكه بالفعل.

> وسم سكربت async واحد يحوّل أي موقع إلى متجر. يعمل على WordPress وWebflow وGhost وCarrd وFramer وHTML الثابت وReact / Next.js / Vue. دون إعادة بناء، ودون إضافة، ودون تغيير القالب.

وسم سكربت async واحد وحاويتا HTML وسيتحول موقعك الحالي إلى متجر. يعمل على WordPress وWebflow وGhost وCarrd وFramer وHTML العادي أو أي نظام إدارة محتوى يتيح لصق وسوم السكربت. دون إعادة بناء. ودون إضافة. ودون تغيير القالب.

[ابدأ التجربة المجانية](https://app-v3.shoprocket.io/signup?lang=ar)[شاهد الشيفرة](#the-snippet)

تجربة مجانية لمدة 14 يومًا

دون بطاقة ائتمان

رسوم منصة 0%

يعمل على أي خطة

1

سطر للتضمين

أي موقع

الموقع

كامل

السلة والدفع

0%

رسوم المنصة

● المشكلة

## لديك موقع. وتريد البيع عليه. لا إعادة بنائه.

تريد معظم منصات التجارة أن تستبدل موقعك الحالي بموقعها. يطلب WordPress إضافة WooCommerce. وتريد Wix متاجر Wix. وتريد Squarespace تجارة Squarespace. وتريد Shopify كل شيء على بنيتها. أنت أردت متجرًا، لا مشروع ترحيل.

01

### موقعك يعمل بالفعل.

علامتك التجارية ومحتواك ومدونتك وحركاتك وSEO. العمل الذي أنجزته بالفعل. لا ينبغي أن يتغير أي منه لإضافة الدفع.

02

### نظام إدارة محتواك ليس المشكلة.

WordPress ممتاز. وWebflow جميل. وGhost مثالي للمحتوى. وCarrd سريع. ولا ينبغي لأي منها أن يجبرك على المغادرة لأنها لا تتعامل مع التجارة أصلًا.

03

### يجب أن يعيش متجرك داخل موقعك.

ليس على نطاق فرعي منفصل، ولا كإعادة توجيه إلى سلة مستضافة. صفحة المنتج صفحتك، ويتم الدفع داخلها، ولا يغادرها العميل أبدًا.

● كيف يعمل

## ثلاثة أسطر HTML. أربعة أنواع من الودجات.

الصق سكربت المحمّل مرة واحدة. وضع حاويات HTML حيث تريد ظهور التجارة. يركّب الودجت تلقائيًا كل ما يجده عند العرض.

التثبيت

### وسم سكربت واحد. غير متزامن. وغير حاجب.

يوضع وسم السكربت في رأس الموقع، أو قبل وسم إغلاق body مباشرةً، أو في قالب الرأس في نظام إدارة المحتوى. يُحمَّل بشكل غير متزامن فلا يحجب عرض صفحتك أبدًا. وعند التحميل يفحص الصفحة بحثًا عن أي عنصر HTML يحمل السمة data-shoprocket ويركّب الودجت المطابق فيه. وإذا لم تكن هناك عناصر ودجت في الصفحة، فإنه يهيّئ السلة العائمة مع ذلك لتستمر أزرار المتجر الأخرى في موقعك بالعمل.

- ✓ تحميل غير متزامن، دون تأثير على LCP أو CLS
- ✓ يركّب تلقائيًا كل عنصر data-shoprocket في الصفحة
- ✓ تُهيَّأ السلة العائمة على مستوى الموقع كله حتى في الصفحات التي لا تحتوي على ودجات

● أنواع الودجات

## أربعة أشكال، كلها في الصفحة نفسها.

اختر ما تحتاجه حيث تحتاجه. يمكن أن تحتوي الصفحة الرئيسية على ودجت منتج مميز، وصفحة المتجر المخصصة على كتالوج كامل، ومقال على تضمين منتج واحد ضمن النص. كلها على الموقع نفسه، ومن المتجر نفسه.

01

### الكتالوج.

شبكة منتجات كاملة مع المرشحات والفئات والبحث. ضعها في صفحة /shop ويتصفح العملاء متجرك كله.

02

### المنتج.

بطاقة منتج واحد مع السعر والخيارات وزر الإضافة إلى السلة. ضعها ضمن مقال أو في صفحة هبوط بجوار العرض الترويجي.

03

### السلة.

السلة نفسها كودجت صفحة. أو دع السلة العائمة تتولى ذلك على مستوى الموقع، فالسكربت يهيّئها تلقائيًا.

04

### الدفع.

السلة والعناوين والشحن وملخص الطلب كلها داخل صفحتك. وتعيد خطوة الدفع الأخيرة التوجيه إلى المعالج لأغراض امتثال PCI ثم تعيد العميل إلى موقعك.

● يعمل حيث تعيش

## إن كان يسمح بوسم سكربت، فـ Shoprocket يُضمَّن فيه.

مختبر وموثق خصيصًا للمنشئات أدناه. وعمليًا يعمل في أي مكان يمكنك لصق HTML فيه.

01

### WordPress.

مستضاف ذاتيًا أو WordPress.com. أي قالب، وأي منشئ صفحات (Elementor وGutenberg وDivi وغيرها). دون الحاجة إلى WooCommerce. ودون إضافة تحتاج إلى صيانة.

02

### Webflow.

استخدم عنصر Embed حيث تريد المتجر. احتفظ بخطة Webflow CMS لديك، دون الحاجة إلى ترقية Ecommerce.

03

### Ghost.

بطاقة HTML في أي مقال أو صفحة. Ghost مثالي للمبدعين الذين ينشرون المحتوى إلى جانب المنتجات.

04

### Carrd وFramer وNotion.

منشئات الصفحة الواحدة والمنشئات التي تضع التصميم أولًا. تعمل مع تضمينات Carrd Pro Standard ومكونات شيفرة Framer وNotion عبر أغلفة Super.so / HeyNotion.

05

### HTML الثابت وJAMstack.

Cloudflare Pages وNetlify وVercel وHTML الثابت العادي وأي بناء Jekyll / Hugo / Astro / 11ty. الصق الشيفرة وانطلق.

06

### React وNext.js وVue وSvelte.

ثبّت حزمة npm \`@shoprocket/widget\` لتكامل وثيق مع الأطر البرمجية. استورد المكوّن وركّبه حيث تريد المتجر.

● الأداء

## تبقى مؤشرات Core Web Vitals لديك خضراء.

الغاية كلها من التجارة القابلة للتضمين في أي مكان أن يظل موقعك يتصرف كموقعك.

بالأرقام

### سكربت غير متزامن، وإعدادات مخزنة مؤقتًا، وتركيب سريع.

يُسلَّم سكربت المحمّل بشكل غير متزامن فلا يتأثر LCP. وتُجلب إعدادات المتجر من API لدينا وتُخزَّن مؤقتًا على الحافة (مدة صلاحية 1 ساعة)، فلا تُعاد الاستعلامات عند تكرار زيارة الصفحة. ويُعرض الودجت داخل الحاوية المحجوزة فلا يحدث تحوّل في التخطيط. والمواقع التي كانت خضراء في Lighthouse قبل التضمين تبقى خضراء بعده.

- ✓ وسم سكربت async: دون أي تأثير على LCP أو CLS
- ✓ إعدادات المتجر مخزنة مؤقتًا على الحافة، وتُقدَّم من CDN عند تكرار الزيارات
- ✓ حاويات التركيب المحجوزة تعني عدم وجود تحوّل تراكمي في التخطيط

● أسئلة شائعة

## أسئلة التضمين، مجاب عنها.

ما يسأله الناس قبل لصق الشيفرة.

أين تعمل السلة والدفع فعلًا؟ +

تعمل السلة والعناوين واختيار الشحن كلها داخل التضمين في صفحتك، ولا يغادر أحد موقعك أثناء التصفح والاختيار. وتعيد خطوة الدفع الأخيرة التوجيه إلى معالج الدفع المتصل لديك (Stripe وPayPal) لأغراض امتثال PCI، وتعيد العميل إلى موقعك لتأكيد الطلب. هكذا يعمل كل مسار دفع حديث؛ وادعاء غير ذلك سيكون غير أمين.

هل يمكنني وضع عدة ودجات في الصفحة نفسها؟ +

نعم. يفحص المحمّل الصفحة بحثًا عن كل عنصر يحمل السمة data-shoprocket ويركّب كلًّا منها. يمكن أن تحتوي صفحة واحدة على شريط منتجات مميزة، وشبكة كتالوج تحته، ودفع مضمّن في مكان آخر. كلها من المتجر نفسه.

هل يبطئ موقعي؟ +

لا تأثير يُذكر. سكربت المحمّل غير متزامن، فلا يحجب عرض صفحتك. وإعدادات المتجر مخزنة مؤقتًا على الحافة، فلا يعيد الزوار المتكررون الاستعلام. وتُركَّب الودجات في حاويات محجوزة، فلا يوجد تحوّل تراكمي في التخطيط. وإذا كان موقعك قد اجتاز Core Web Vitals من قبل، فسيظل كذلك بعد التضمين.

ماذا لو كنت أستخدم React / Next.js / Vue؟ +

ثبّت حزمة npm \`@shoprocket/widget\` مباشرةً. استورد المكوّن، وركّبه حيث تحتاج المتجر، ومرّر الخصائص للإعداد. يمنحك تحكمًا دقيقًا لا يوفره التضمين بوسم السكربت.

ماذا عن Wix وSquarespace؟ +

يعمل Squarespace دون مشكلة. استخدم عنصر Code Block في خطة Core أو أعلى، والصق الشيفرة، وانتهى الأمر. أما Wix فتعزل كل تضمين لطرف ثالث في iframe مما يكسر الدفع، لذا لا نوصي به؛ والجواب الأمين لمستخدمي Wix هو واجهة Shoprocket المستضافة أو الانتقال إلى منشئ يسمح بتضمينات حقيقية. راجع صفحة Wix المخصصة لدينا للمسارات الثلاثة المتاحة.

هل يمكنني استخدام نطاقي الخاص؟ +

نعم. يعمل الودجت على أي نطاق تكون عليه الصفحة المضيفة. منتجاتك وسلتك ودفعك كلها على your-site.com. دون نطاق فرعي منفصل لـ Shoprocket، ودون إعادة توجيه. ولا يدرك العملاء أن هناك طرفًا ثالثًا خلف طبقة التجارة.

كيف أخصص مظهر الودجت؟ +

يرث الودجت CSS الخاص بموقعك لسياق التخطيط (عروض الحاويات وأساس الطباعة). أما واجهة التجارة نفسها فاختر من أكثر من 40 قالبًا مع مخطط ألوان فاتح / داكن عبر السمات (data attributes) على عنصر التركيب. وللتخصيص الأعمق، اضبط متغيرات CSS في ورقة أنماط موقعك ويلتقطها الودجت.

ماذا لو كانت لدي عدة إعدادات تضمين لصفحات مختلفة؟ +

أنشئ عدة إعدادات تضمين في لوحة تحكم Shoprocket، لكل منها معرّفها وقالبها ومجموعة ميزاتها. ووجّه كل حاوية HTML إلى معرّف التضمين المناسب. يمكن للصفحة الرئيسية عرض تضمين مدمج للمنتجات المميزة بينما تستخدم صفحة متجر مخصصة تضمين كتالوج كامل، كلها على المتجر نفسه.

هل Shoprocket فعلًا برسوم منصة 0%؟ +

نعم. لا يزال معالج الدفع لديك (Stripe وPayPal وغيرهما) يتقاضى رسوم المعالجة المعتادة، وهي تكلفة نقل الأموال، لكن Shoprocket لا تضيف شيئًا فوقها. رسوم المنصة 0% تنطبق على كل خطة، بما فيها كل تثبيت قابل للتضمين في أي مكان.

## موقعك. والآن مع التجارة.

تجربة مجانية لمدة 14 يومًا. دون بطاقة ائتمان. الصق الشيفرة، وأطلق متجرًا، واحتفظ بموقعك.

[ابدأ التجربة المجانية](https://app-v3.shoprocket.io/signup?lang=ar)[تحدث إلينا](https://v3.shoprocket.io/ar/contact.md)

---

- HTML version: https://v3.shoprocket.io/ar/features/sell-on-any-website
- Language: العربية (ar)
- Also in: [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)