בלוקים מותאמים אישית & AI
אם זה שייך לאפליקציה שלכם, אתם יכולים לבנות את זה.
כתבו בלוקים אמיתיים ב-React Native מול נתוני Shopify חיים, עם העורך ומינוי ה-AI שכבר משתמשים בהם. בלי AI קנייני, בלי מרווח, בלי נעילה.
01import { useCart } from '@evlop/shopify';02import { View, Pressable } from 'react-native';0304export function StorefrontHeader() {05 const cart = useCart();06 return <HeaderShell>07 <PredictiveSearch />08 <AccountButton />09 <CartButton count={cart.lines?.length ?? 0} />10 </HeaderShell>;11}
החלפה עםStorefrontHeader.tsx
העורך שלכם + ה-AI שלכם
"צרו כותרת אפליקציה חלופית עם חיפוש חזוי, גישה לחשבון ומונה עגלה חי."
השתמשו במינוי הקיים שלכם · ללא חיוב AI נוסף מ-Evlop תצוגה מקדימה חיה מחוברתמוכנים להחליף את הכותרת של האפליקציהiOS + Android
יצירה. שיוך. החלפה.
בנו כל חלק באפליקציה שלכם עם Custom Blocks.
צרו Custom Block חדש ב-React Native. הוסיפו אותו כסקשן, או שייכו אותו כדי להחליף את הכותרת, התפריט הצדדי, כרטיס המוצר, כרטיס הקולקציה או הפוטר המובנים באפליקציה.
INSERT עםNewArrivalsSection.tsx
יעד המיקוםסקשן מותאם אישיתבלוק חדש הוכנס למסך זה
בלוק מקטע חדשNewArrivalsSection.tsxCustom Block חדש · React Native
צרו בלוק מקטע חדש, ואז מקמו אותו בכל מסך.
בנו את המקטע כבלוק React Native נפרד לשימוש חוזר, חברו את הנתונים וההתנהגות שהוא צריך, ואז הכניסו אותו לכל מקום שמתאים לו באפליקציה שלכם.
01צור בלוק חדש→02הוסף בלוק למסך
מוצריםקטגוריהMetafields
השתמשו בעוזר ה-AI המחובר שלכםצרו מקטע חדשות מערכתי עם מסלול מוצרים שאפשר לקנות ממנו.
01import { useProducts } from '@evlop/shopify';02import { View } from 'react-native';0304export function NewArrivalsSection() {05 const products = useProducts({06 query: 'tag:new-arrival'07 });0809 return <EditorialRail products={products} />;10}
החנות שלכם היא סביבת הריצה
הכניסו נתוני Shopify לכל ממשק.
Custom Blocks יכולים לקרוא הקשר מסחרי והקשר של הקונה בזמן אמת, להפעיל פעולות נייטיב ולשאול נתונים נוספים מ-Storefront API. התוצאה: ממשק מותאם אישית שהוא שימושי — לא רק דקורטיבי.
חבילה רשמית@evlop/shopifyנתונים טיפוסיים · פעולות נייטיב · עדכונים חיים
01import {02 useCart, useProducts, useMetaobjects,03 useStorefrontQuery04} from '@evlop/shopify';0506const cart = useCart();07const products = useProducts({ query: 'tag:editorial' });08const customer = useStorefrontQuery(CUSTOMER_QUERY);09const stories = useMetaobjects({ metaobjectType: 'story' });
נתונים חיים
צריכים משהו אחר?שאילתא על כל שדה ב-Storefront API או חיבור לשירות חיצוני מאושר.
הביאו את העורך וה-AI שלכם
השתמשו בסביבת העבודה מבוססת ה-AI שכבר סומכים עליה.
חברו את סביבת הקוד של Custom Blocks לעורך המועדף עליכם, והשתמשו בעוזר הקידוד מבוסס ה-AI ובמנוי שכבר יש לכם. Evlop לא מתווך למודל, לא מודד טוקנים של AI ולא נועל את הבלוקים שלכם לספק אחד.
חברו את סביבת הקוד של Custom Blocks לעורך שבו הצוות שלכם כבר עובד.
השתמשו בעוזר הקידוד ובחשבון ה-AI שכבר יש לכם—Evlop לא מחייב מודל משלו.
Evlop לא מודד טוקנים של AI ולא מוסיף חיוב נפרד על שימוש ב-AI לתוכנית שלכם.
החליפו עורכים או ספקי AI בלי לשנות את האופן שבו ה-Custom Blocks שלכם פועלים ב-Evlop.
צרו כותרת חלופית עם חיפוש חזוי, פנייה אישית ללקוח ומונה עגלה חי.
React Nativeנתוני Shopifyערכת עיצוב לאפליקציה
ה-AI שלכם בונה→
01import { useCart } from '@evlop/shopify';02import { View, Pressable } from 'react-native';0304export function StorefrontHeader() {05 const cart = useCart();06 return <HeaderShell>07 <PredictiveSearch />08 <CustomerGreeting />09 <CartButton count={cart.lines?.length ?? 0} />10 </HeaderShell>;11}
פתחו את סביבת העבודה של Custom Blocks בסביבת הפיתוח שאתם מעדיפים.
עבדו עם חשבון ה-AI והמינוי הקיימים שלכם—בלי חשבון AI נוסף מ-Evlop.
בדקו ושפרו את הבלוק מול נתוני Shopify חיים במכשיר אמיתי.
החליפו משטח מובנה או הוסיפו את הבלוק החדש למסך.
מותאם לפרודקשן
חופש בלי הגבלה, עם הפלטפורמה מתחת לפני השטח.
מותאם אישית לא אומר מנותק. כל בלוק נשאר חלק מאותה אפליקציה נייטיב, מנוע קומרס, מערכת עיצוב, תצוגה מקדימה ותהליך פרסום.
React Native אמיתי
Custom Blocks הם קומפוננטות React נייטיביות—לא הטמעות ווב—כך שהפריסה, האינטראקציות והביצועים מרגישים בבית ב-iOS וב-Android.
מחובר ל-Shopify כברירת מחדל
השתמשו בחבילת ה-Shopify של Evlop ובשאילתות Storefront כדי להכניס מוצרים, קולקציות, עגלה, הקשר לקוח, מטא-פילדים, מטא-אובייקטים ועוד לכל בלוק.
מחובר למערכת האפליקציה שלכם
עשו שימוש חוזר בצבעים, בטיפוגרפיה, בערכות העיצוב, בלוקליזציה, בניווט ובפעולות הנייטיב של האפליקציה במקום לבנות את היסודות האלה מחדש.
תצוגה מקדימה ופרסום מיידיים
הריצו שינויים במכשיר בדיקה אמיתי, שפרו את חוויית המשתמש ופרסמו בלי לחכות לבדיקת App Store חדשה.
שאילתות נפוצות
שאלות
תשובות מעשיות על בנייה, הפעלה, תצוגה מקדימה ופרסום של Custom Blocks.
בנו בלוק חדש, ואז הוסיפו אותו כסקשן או הקצו אותו להחליף את הכותרת, את התפריט הצדדי, את כרטיס המוצר, את כרטיס הקולקציה או את הפוטר המובנים של האפליקציה. אפשר גם ליצור חוויות חשבון, ממשקי עגלה, מודולים לקמפיינים ופונקציונליות נוספת בהתאמה מלאה.