كود ويدجت الصور للمتاجر الإلكترونية: تصاميم تجريبية وأفكار مرئية للمتسوقين

كثيرًا ما يجد المتسوقون صعوبة في تخيّل النتيجة: طباعة مخصصة، أو لون غرفة، أو فكرة هدية. يتيح لهم ويدجت الصور بالذكاء الاصطناعي وصف ما يريدون ورؤية صورة مولّدة خلال ثوانٍ، دون مغادرة متجرك. ولأن الويدجت خالٍ من أي علامة تجارية، فإنه يبدو جزءًا من متجرك، لا أداة من طرف ثالث.

أفكار تنجح في المتاجر

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

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

أضفه إلى صفحة منتج أو صفحة هبوط

أنشئ ويدجت من نوع صورة في الأدوات المضمّنة، واحفظه وانسخ الكود:

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

تقبل معظم منصات بناء المتاجر كتلة HTML مخصصة. الصق الوسم هناك، أو اعرض الويدجت داخل عنصر محدد باستخدام data-target. يعمل الويدجت داخل Shadow DOM خاص به، فلا يتداخل CSS قالبك مع الويدجت ولا العكس.

اجعله يشبه متجرك

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

اجعل الإنفاق قابلًا للتوقع

قد تمر على المتجر أيام مزدحمة، لذا حدّد الحدود قبل أي حملة:

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

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

اسمح بنطاق متجرك فقط

أدرج نطاق متجرك في الإعدادات، مواقع الأدوات. يشمل النطاق نطاقاته الفرعية أيضًا، فـ example.com يشمل www.example.com.

جرّب أداة التصميم في صفحة الويدجت لترى كيف سيبدو ويدجت الصور في متجرك.