# كيف تضيف التجارة الإلكترونية إلى أي موقع (دون تغيير المنصة)

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

Ryan Badger - 2 يونيو 2023 - القراءة في 4 دقيقة

## ماذا يقصد الناس فعلًا بـ"دمج التجارة الإلكترونية"

لديك موقع إلكتروني. موقع تسويقي، أو معرض أعمال، أو مدونة، وربما موقع مبني على Webflow أو Squarespace. يعمل. ويفعل ما تريده بصريًا. لكنك الآن تحتاج إلى بيع شيء منه.

الخطوة الخاطئة أن ترمي كل شيء وتعيد البناء على Shopify. أما الخطوة الصحيحة فتعتمد على ثلاثة أمور:

1. **ما الذي تبيعه.** منتج واحد أم كتالوج؟ مادي أم رقمي؟ اشتراك أم عملية لمرة واحدة؟
2. **على ماذا يعمل موقعك.** أي شيء يمكنك لصق وسم سكربت فيه تنفتح أمامك الخيارات.
3. **كم من تجربة إتمام الطلب تريد أن تملكه.**

يستعرض هذا المقال كيف يبدو "التكامل" فعلًا في 2026 على كل من هذه المحاور. لا حاجة إلى تغيير المنصة إن اخترت بشكل صحيح.

## أنماط التكامل الثلاثة الحقيقية

### النمط 1: إعادة التوجيه إلى إتمام طلب مستضاف

الأبسط. موقعك فيه أزرار شراء. تنقر على الزر فيغادر العميل موقعك إلى صفحة إتمام الطلب (Stripe Payment Links أو Gumroad أو Payhip أو Lemonsqueezy). يتم الدفع على نطاقهم، ثم يعود إلى صفحة الشكر لديك.

**المزايا:** دون أي تكامل بـJS، ويعمل على أي موقع حرفيًا، وصيانة قليلة. **العيوب:** كسر تجربة الاستخدام (مغادرة موقعك) يضر بالتحويل. الهوية غير متسقة. ومسارات السلات المتروكة والتحليلات تصبح أصعب.

مناسب لـ: المبدعين ذوي المنتج الواحد، والحجم المنخفض، ومن لا يحبون تقنيًا تضمين أي شيء.

### النمط 2: تضمين أداة داخل الصفحة

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

هذا ما تقدمه Shoprocket وSnipcart وEcwid ومنصات مشابهة.

تكامل نموذجي:

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

سطر واحد، ولصقة واحدة، وانتهى الأمر. تتزامن الأداة تلقائيًا مع لوحة تحكمك: المنتجات والأسعار والصور وقواعد الضرائب وخيارات الشحن وطرق الدفع. يبقى العملاء على نطاقك من "التصفح" حتى "شكرًا على طلبك".

**المزايا:** تجربة استخدام متسقة، وتحكم في الهوية، وتسرب أقل في التحويل. **العيوب:** موقعك الآن يعتمد على JS. معظمها خفيف (~20-50KB) لكنه ليس صفرًا.

مناسب لـ: أي موقع يريد متجرًا حقيقيًا دون تغيير المنصة.

### النمط 3: تكامل بلا واجهة (API)

تبني الواجهة بنفسك وتستدعي API تجارة (Stripe API أو Shopify Storefront API أو BigCommerce أو Commercetools) لآليات التجارة. مخصص بالكامل، وملكك بالكامل.

**المزايا:** تحكم كامل، ولا تنازل بصري، ويتسع لمسارات مخصصة. **العيوب:** عمل هندسي حقيقي. أنت تبني إتمام الطلب وحالة السلة وحساب الضرائب ومزامنة المخزون وwebhooks. أشهر من الوقت لا دقائق.

مناسب لـ: الفرق التي لديها مطور مخصص للتجارة بدوام كامل، أو المنتجات التي لا تناسبها أداة جاهزة.

## شجرة القرار

ابدأ بـ"هل تريد أن يغادر عميلك موقعك":

- **نعم**: النمط 1 (رابط إتمام طلب مستضاف). Stripe Payment Links أو Gumroad، و10 دقائق للإعداد.
- **لا**: انتقل إلى السؤال التالي.

هل تريد كتابة كود مخصص؟

- **نعم، لدينا طاقة تطوير**: النمط 3 (بلا واجهة).
- **لا، نريد حلًا جاهزًا**: النمط 2 (أداة مضمَّنة). هنا تستقر معظم المواقع.

بالنسبة إلى النمط 2، القرار التالي هو اختيار المنصة. وهذا مغطى في مقالنا المنفصل: [مقارنة منصات سلة التسوق القابلة للتضمين](https://v3.shoprocket.io/ar/blog/embeddable-shopping-cart-platforms-compared-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## كيف يبدو تكامل النمط 2 الحقيقي على المنصات الشائعة

### WordPress

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

### Squarespace

أضف كتلة كود في أي صفحة. والصق. تحترم الأداة عرض قالب Squarespace ومسافاته.

### Webflow

عنصر التضمين ← الصق. يظل تصدير Webflow الثابت يتضمن التضمين عند النشر.

### Framer

عنصر التضمين ← الصق. تسهّل أدوات التطوير في Framer وضع المقتطف في قسم محدد.

### Carrd

مكوّن كود مخصص (ميزة الباقة المدفوعة). مواقع الصفحة الواحدة مع تبويب متجر، وهو أمر مباشر.

### Notion

استخدم صفحة Notion عامة كموقعك، وضمّنها عبر خدمة مثل Super أو Potion، والصق المقتطف. فتصبح متجرًا فعليًا.

### HTML ثابت / Jekyll / Hugo / 11ty

الصق المقتطف في أي قالب يعرض صفحة متجرك. لا شيء آخر.

## ما الذي يتغير في موقعك بعد التكامل

أقل مما تظن.

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

ما لا تحتاج إلى فعله:

- إعادة بناء موقعك
- تثبيت إضافة نظام إدارة محتوى
- نقل المحتوى
- توظيف مطور
- شراء نطاق جديد

> **نصيحة:** جرّب الأداة على صفحة تجريبية أولًا. لا ينبغي أن تتعارض مع أي شيء، لكن يستحق التحقق مع قالبك المحدد قبل دفعها إلى صفحة المتجر في الإنتاج.

## متى تنتقل فعلًا إلى منصة جديدة

أحيانًا يكون الجواب فعلًا "انتقل إلى منصة تجارة كاملة". العلامات:

- تحقق 100k دولار فأكثر شهريًا وصارت مهمة موقعك الأساسية البيع لا العلامة.
- لديك احتياجات تكامل مع نقاط البيع (تجزئة فعلية + إلكتروني).
- كتالوج منتجاتك يزيد عن 1,000 رمز SKU مع تحديثات مستمرة.

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

## باختصار

- **رابط إتمام طلب مستضاف**: الأسرع، لكنه يكسر تجربة الاستخدام عند الدفع. جيد للمنتجات المفردة.
- **أداة مضمَّنة**: تُبقي العميل في موقعك دون تغيير المنصة. خيار افتراضي جيد.
- **API بلا واجهة**: ابنِ بنفسك، وأشهر من العمل. لا يستحق إلا عند الحجم الكبير.

[جرّب تضمين Shoprocket على موقعك الحالي](https://app-v3.shoprocket.io/signup). تجربة مجانية، دون بطاقة. الأسعار: [من 29 دولارًا](https://v3.shoprocket.io/ar/pricing.md)، ودون رسوم معاملات في كل باقة.

---

- HTML version: https://v3.shoprocket.io/ar/blog/how-to-add-ecommerce-to-any-website-without-replatforming
- Language: العربية (ar)
- Also in: [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jeder-website-hinzufuegen-ohne-plattformwechsel.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [English](https://v3.shoprocket.io/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-cualquier-web-sin-cambiar-de-plataforma.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menambahkan-ecommerce-ke-situs-web-mana-pun-tanpa-ganti-platform.md), [Italiano](https://v3.shoprocket.io/it/blog/aggiungere-ecommerce-a-qualsiasi-sito-senza-cambiare-piattaforma.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos.md), [Norsk](https://v3.shoprocket.io/nb/blogg/legg-nettbutikk-til-et-hvilket-som-helst-nettsted-uten-a-bytte-plattform.md), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy.md), [Português](https://v3.shoprocket.io/pt/blog/como-adicionar-ecommerce-a-qualquer-site-sem-trocar-de-plataforma.md), [Română](https://v3.shoprocket.io/ro/blog/cum-adaugi-ecommerce-pe-orice-site-fara-sa-schimbi-platforma.md), [Русский](https://v3.shoprocket.io/ru/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Türkçe](https://v3.shoprocket.io/tr/blog/platform-degistirmeden-web-sitesine-eticaret-ekleme.md), [中文](https://v3.shoprocket.io/zh/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md)