דף מוצר ממיר · איקומרס · עברית ו-RTL

ליטוף

דף מוצר ממיר לדרופשיפינג ולחנויות Shopify: בנוי סביב עקרונות ההמרה, עם חוויית קנייה שלמה בנייד.

תצוגה חיה

מה בנוי בפנים

01
עוגן מחיר
שלוש חבילות, והאמצעית מסומנת כהכי משתלמת, כדי שההחלטה תהיה קלה.
02
מנוי כברירת מחדל
חיסכון נוסף על מנוי, עם ביטול בלחיצה, מעלה את ערך ההזמנה בלי להלחיץ.
03
כפתור שלא נעלם
בר הוספה לעגלה דביק בנייד, שמופיע ברגע שהכפתור הראשי יוצא מהמסך.
04
הוכחה חברתית
דירוג בראש, ביקורות ותמונות מהבית של הבעלים, בשלושה מקומות לאורך העמוד.
05
היפוך סיכון
30 יום החזר כספי, בלוק בולט שמסיר את החשש האחרון לפני הלחיצה.
06
משלוח חינם שרואים
מד התקדמות בעגלה שמעודד להוסיף עוד אריזה עד לסכום המשלוח החינם.

אותו דף. המוצר שלכם.

מתאים לחטיפים, תוספים, קוסמטיקה, חיות מחמד ולכל מוצר שיש לו בעיה כואבת שאפשר לפתור. המפרט כולל את סדר הסקשנים, החבילות, המנוי, התנהגות הסל וההוראות לחיבור ל-Shopify.

שם המותג

המותג, המוצר, המחירים, הביקורות והטענות הבריאותיות בתצוגה הם בדויים. לפני השקה מחליפים אותם בנתונים מאומתים ובודקים את הדרישות הרגולטוריות של התחום. התמונות נוצרו עבור התבנית.

אין כאן הבטחה לאחוזי המרה. התוצאה תלויה במוצר, במחיר, בתנועה ובמודעות. התבנית נותנת בסיס חזק, והבדיקות עליכם.

איך נוח לכם לבנות?

פותחים מקום לאתר שלכם
נכנסים ל-Lovable עם החשבון שלכם. בשלב הבא מחברים GitHub, וכך האתר עובר כמו שהוא.
מעבירים את הוראות הבנייה
הקבצים עצמם נכתבים ישר למאגר שלכם, אחד לאחד, עם כל התמונות. בלי AI באמצע ובלי קרדיטים.
1 · פותחים פרויקט ריק ב־Lovable ומחברים אותו ל־GitHub
בפרויקט חדש: התפריט שליד שורת הצ׳אט, GitHub, Connect project, ואז Create repository. Lovable יוצר מאגר בחשבון שלכם.
2 · מאשרים ל־Taste לכתוב למאגר הזה
פעם אחת: מתקינים את taste-delivery ובוחרים רק את המאגר שיצרתם. ההרשאה היא לקבצים במאגר הזה בלבד.
חיבור GitHub
3 · בוחרים מאגר ושולחים
בודקים אילו מאגרים מחוברים…
אפשר לפתוח את Lovable עם ההוראות מוכנות, או להעתיק ולהדביק אותן בצ׳אט. אתם בודקים ולוחצים על שליחה שם.
הופכים את האתר לשלכם
מעלים תמונות משלכם ומחליפים טקסטים ופרטי קשר. משווים לתצוגה במחשב ובטלפון, ומשפרים סקשן אחד בכל פעם. רק אחרי הבדיקה מחברים טפסים ומפרסמים.

הצגת ההוראות, JSON והעתקה ידנית

Implement this original Hebrew RTL Taste template in Lovable. Explain progress and setup in simple Hebrew.

NEW PROJECT: start in an empty project owned by the user. Use the platform's supported React setup; for a local coding agent propose the appropriate scaffold first. Do not clone the Taste product repository.

Follow the specification's section order, responsive geometry, typography and motion. This JSON is a reconstruction specification, not executable source code. Local /templates asset paths refer to Taste's preview, not files available in this project. Ask for owned images or an authorized source package; do not invent working asset URLs. Do not bundle proprietary Discovery font files.

Keep demo prices, reviews, unavailable dates and payment explicitly illustrative. Never collect real card details using the demo fields. Do not connect a CRM, send personal data, publish, purchase services or push a repository without separate owner approval.

Build and compare desktop and mobile, including RTL, keyboard controls and reduced motion. Then list what matches, what is unavailable and what still needs setup. Explain local version checkpoints and optional private GitHub backup without exposing credentials. Make subsequent changes section by section, not by rewriting the whole page.

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

הקול של התבנית הזו (התאם לעסק שלי, אל תעתיק את הדוגמאות):
- הקהל: בעלי כלבים, בעיקר אלה שהכלב הוא עוד ילד במשפחה.
- הקול: חם, משעשע ומבין: מדברים מנקודת המבט של הכלב והבעלים. ביטחון במוצר בלי הבטחות רפואיות.
- הכיוון (לא להעתיק, לכתוב בסגנון): "הבטן שלו תגיד תודה." · "חטיף שאפשר לסמוך עליו."

{
  "schemaVersion": "1.0.0",
  "id": "mellow-pup",
  "name": "Penima",
  "kind": "Original Hebrew RTL high-converting single-product e-commerce page for dropshippers and Shopify merchants",
  "status": "Fictional demonstration. Brand, product, prices, reviews and health claims are placeholders. No payment, order, inventory or real reviews. Replace every claim with verified facts before launch.",
  "language": "he-IL",
  "direction": "rtl",
  "entry": "MellowPup",
  "contentFile": "content.ts",
  "stack": {
    "framework": "React",
    "styling": "CSS Modules scoped to the template",
    "font": "Heebo (UI) and Secular One (headings), both from Google Fonts. The wordmark is an image (logo.webp)",
    "dialogs": "Radix Dialog for the cart drawer",
    "icons": "Phosphor",
    "motion": "CSS only, reduced-motion aware"
  },
  "tokens": {
    "paper": "#f6efe2",
    "ink": "#2a2118",
    "green": "#1f5a3c",
    "leaf": "#2f9e44",
    "orange": "#f26b3a",
    "card": "#e9efd9",
    "gold": "#f5b301"
  },
  "sections": [
    "Announcement bar with the discount offer",
    "Sticky header: burger, wordmark, search and cart",
    "Peek gallery with dots and arrows (the next image shows at the edge)",
    "Social proof: stars, family count, loyalty points",
    "Price per pack, title, one line, four benefit bullets with check marks",
    "Bundle cards (1, 3, 6) with Best Value and Most Popular badges and price per pack",
    "Purchase options: subscribe and save 10% with delivery frequency, or buy once",
    "Bold add to cart with the total, free shipping line and payment methods",
    "Sticky add to cart on phones once the main button scrolls away",
    "Trust row, problem story with photograph, 3 step timeline, ingredients, comparison table, reviews, 30 day guarantee, FAQ, closing call to action",
    "Cart drawer with a free shipping progress bar, quantity controls and a checkout hand-off"
  ],
  "product": {
    "brand": {
      "name": "Penima",
      "product": "חטיף מבפנים החוצה",
      "sub": "חטיף פרוביוטי לגירודים ולקיבה רגישה, בטעם דלעת"
    },
    "price": {
      "pack": 59,
      "subscribeExtra": 0.1,
      "freeShippingFrom": 199,
      "shipping": 29,
      "pointsPerShekel": 1.5
    },
    "bundles": [
      {
        "id": "one",
        "packs": 1,
        "total": 59,
        "badge": null,
        "label": "אריזה אחת",
        "note": "לניסיון ראשון"
      },
      {
        "id": "three",
        "packs": 3,
        "total": 149,
        "badge": "הכי משתלם",
        "label": "3 אריזות",
        "note": "קונים 3, חוסכים 16%"
      },
      {
        "id": "six",
        "packs": 6,
        "total": 269,
        "badge": "הכי פופולרי",
        "label": "6 אריזות",
        "note": "קונים 6, חוסכים 24%"
      }
    ],
    "frequencies": [
      "כל 30 יום",
      "כל 45 יום",
      "כל 60 יום"
    ],
    "benefits": [
      "פרוביוטיקה ודלעת שמרגיעות את המעיים, ואיתם את העור והכפות",
      "מטפל בשורש, בקיבה, ולא רק בסימנים שבחוץ",
      "בלי דגנים, בלי צבעי מאכל ובלי חומרים משמרים",
      "רך וטעים גם לכלבים הכי בררנים, מיוצר בישראל"
    ],
    "steps": [
      {
        "when": "שבוע 1",
        "title": "הקיבה מתחילה להירגע",
        "text": "חטיף אחד ביום עם הארוחה. הפרוביוטיקה מגיעה ישר למעיים."
      },
      {
        "when": "שבוע 2",
        "title": "פחות גירודים וליקוקים",
        "text": "הרבה בעלים מספרים שהכלב מתעסק פחות בכפות ונרדם בקלות."
      },
      {
        "when": "שבוע 4",
        "title": "כלב רגוע יותר",
        "text": "ממשיכים באותה שגרה. התוצאות משתנות מכלב לכלב."
      }
    ],
    "faqs": [
      {
        "q": "זה תרופה לאלרגיה?",
        "a": "לא. זה חטיף משלים שמתמקד באיזון הקיבה. אם יש אדמומיות, פצעים או גירוד חזק, פנו לוטרינר."
      },
      {
        "q": "מאיזה גיל אפשר לתת?",
        "a": "מגיל 4 חודשים. גורים מתחילים בחצי חטיף ביום."
      },
      {
        "q": "כמה חטיפים ביום?",
        "a": "אחד עד שלושה, לפי המשקל. בכל אריזה מדריך מנות פשוט."
      },
      {
        "q": "מתי רואים תוצאה?",
        "a": "אצל חלק מהכלבים כבר אחרי שבוע, ואצל אחרים אחרי חודש. התוצאות משתנות."
      },
      {
        "q": "אפשר לבטל את המנוי?",
        "a": "בכל רגע, בלחיצה אחת, בלי קנס ובלי שיחת טלפון."
      },
      {
        "q": "יש בו אלרגנים נפוצים?",
        "a": "החטיף ללא דגנים וללא חיטה. מכיל דגים. קראו את רשימת המרכיבים באריזה."
      },
      {
        "q": "כמה זמן לוקח המשלוח?",
        "a": "אחד עד שלושה ימי עסקים בכל הארץ. מעל ₪199 המשלוח חינם."
      }
    ],
    "gallery": [
      {
        "src": "pack.webp",
        "alt": "אריזת פנימה, חטיף פרוביוטי לגירודים ולקיבה רגישה"
      },
      {
        "src": "dog.webp",
        "alt": "כלב מאושר במטבח, מקבל חטיף דלעת מהיד"
      },
      {
        "src": "treats.webp",
        "alt": "חטיפי הדלעת הרכים מקרוב"
      },
      {
        "src": "grass.webp",
        "alt": "כלב אוכל דשא בגינה, התנהגות אינסטינקטיבית"
      },
      {
        "src": "ingredients.webp",
        "alt": "דלעת, ג'ינג'ר ופרוביוטיקה, המרכיבים של החטיף"
      }
    ]
  },
  "shopify": {
    "role": "The front end is custom code. Shopify stays the back end: products, variants, subscriptions (selling plans), discounts, cart, checkout, payments and orders.",
    "options": [
      {
        "id": "permalinks",
        "name": "Cart permalinks",
        "effort": "lowest",
        "how": "On add to cart, build https://STORE.myshopify.com/cart/VARIANT_ID:QTY,VARIANT_ID:QTY?discount=CODE and send the visitor to it. Shopify opens its own cart and checkout. No API keys needed."
      },
      {
        "id": "storefront-api",
        "name": "Storefront API cart",
        "effort": "medium",
        "how": "Create a Storefront access token. Call cartCreate and cartLinesAdd with merchandiseId (the variant gid) and sellingPlanId for subscriptions, keep the cart id in localStorage, read cost and lines for the drawer and redirect to cart.checkoutUrl."
      },
      {
        "id": "hydrogen",
        "name": "Hydrogen or Next.js Commerce",
        "effort": "highest",
        "how": "A full headless store with server rendering, SEO and caching. Use when the page grows into a whole shop."
      }
    ],
    "mapping": [
      "pupBundles[].id → Shopify variant (one, three, six), each with its own variant id",
      "purchase 'subscribe' → a selling plan id per frequency in pupFrequencies",
      "pupPrice.freeShippingFrom → a free shipping rate in Shopify shipping settings",
      "pupPrice.subscribeExtra → the selling plan discount, not a hard-coded price",
      "cart lines in the drawer → cart.lines from the Storefront API",
      "המשך לתשלום → cart.checkoutUrl"
    ],
    "notes": [
      "Check which payment providers are available for your Shopify account and country before launch, and which of them offer Bit, Apple Pay and local cards.",
      "Subscriptions need a subscriptions app that supports selling plans.",
      "Keep prices in Shopify and read them from the API, so the page can never disagree with checkout."
    ],
    "guide": "docs/shopify-headless-guide.md"
  },
  "conversion": [
    {
      "title": "עוגן מחיר",
      "text": "שלוש חבילות, והאמצעית מסומנת כהכי משתלמת, כדי שההחלטה תהיה קלה."
    },
    {
      "title": "מנוי כברירת מחדל",
      "text": "חיסכון נוסף על מנוי, עם ביטול בלחיצה, מעלה את ערך ההזמנה בלי להלחיץ."
    },
    {
      "title": "כפתור שלא נעלם",
      "text": "בר הוספה לעגלה דביק בנייד, שמופיע ברגע שהכפתור הראשי יוצא מהמסך."
    },
    {
      "title": "הוכחה חברתית",
      "text": "דירוג בראש, ביקורות ותמונות מהבית של הבעלים, בשלושה מקומות לאורך העמוד."
    },
    {
      "title": "היפוך סיכון",
      "text": "30 יום החזר כספי, בלוק בולט שמסיר את החשש האחרון לפני הלחיצה."
    },
    {
      "title": "משלוח חינם שרואים",
      "text": "מד התקדמות בעגלה שמעודד להוסיף עוד אריזה עד לסכום המשלוח החינם."
    }
  ],
  "customization": {
    "how": "Swap the constants at the top of ConvertProductPage.tsx (brand, benefits, price, bundles, problem, steps, ingredients, comparison, FAQ, guarantee) and replace the pictures in the assets folder under the same file names. Colors live as variables at the top of the CSS module.",
    "rules": [
      "Never invent health claims or reviews: every claim needs a source, every review must be real.",
      "Keep RTL, the cart drawer and the sticky bar on phones.",
      "Replace the simplified payment marks with each provider's official artwork from its brand page."
    ]
  },
  "accessibility": "Native radio groups with visible focus, labelled controls, keyboard reachable gallery and drawer with trapped focus and Escape, aria-current and progressbar semantics, prefers-reduced-motion.",
  "delivery": "Private source package, standalone. Images under /templates/mellow-pup/. Lovable and Base44 scaffolds can import the single component and its content file."
}

במצב המדויק הכלי מקבל את קוד התבנית עצמו. התמונות נטענות מהאתר של Taste עד שתחליפו אותן בשלכם, והפונט נטען מ-Google Fonts.

הפרונט שלכם. הסל והתשלום של Shopify.

התבנית היא קוד שלכם: עיצוב, חבילות והמרה. את מה שלא כדאי לבנות לבד, הסל, הסליקה, המנויים, המלאי וההזמנות, משאירים ל-Shopify. יש שלוש דרכים לחבר, מהקלה לגמישה.

המפרט שמועתק לכלי הבנייה כולל את שלבי החיבור, את המיפוי בין הדף ל-Shopify ופרומפט מוכן.

1 · הכי פשוט
קישור ישיר לעגלה
בלחיצה על הוספה לעגלה בונים כתובת של Shopify עם מזהי הווריאנטים והכמויות, והלקוח עובר לעגלה ולקופה של Shopify. אין מפתחות ואין שרת.
2 · מומלץ
עגלה דרך Storefront API
יוצרים עגלה אמיתית ב-Shopify מהפרונט, כולל תוכנית מנוי, מציגים אותה במגירה שלנו ועוברים לקופה עם כתובת התשלום שחוזרת מהעגלה.
3 · כשהחנות גדלה
חנות headless מלאה
Hydrogen או Next.js Commerce, עם רינדור בשרת, SEO וקאשינג. הדף הזה הופך לעמוד מוצר בתוך חנות שלמה.

מתקשים בהטמעה? לא חייבים לבד

פגישה אחת

פגישה עם מעצב

עוברים יחד על המוצר שלכם, מחליטים על חבילות, טקסטים ותמונות, ויוצאים עם תוכנית ברורה להטמעה ופרומפטים מותאמים.

לקביעת פגישה עם מעצב

Done for you

שיעשו את זה בשבילכם

משאירים פרטים ואנחנו מתאימים את הדף למותג, מחברים אותו ל-Shopify ובודקים רכישה מקצה לקצה.

השאירו פרטים ונחזור אליכם

מחליפים תוכן? פרומפט מוכן

מדביקים בכלי הבנייה, ממלאים כמה שורות על העסק, והוא מחליף את התוכן בלי לגעת בעיצוב.

בתוך הקומפוננטה ConvertProductPage החלף את המותג, המוצר והתוכן לעסק שלי, בלי לשנות את המבנה ואת העיצוב.

המותג: [שם המותג]
המוצר: [שם המוצר ומה הוא]
הבעיה הכואבת שהוא פותר: [משפט אחד]
הקהל: [מי קונה]

מה לעדכן:
- הקבועים בראש הקובץ: pupBrand, pupBenefits, pupPrice, pupBundles (כמויות ומחירים), pupProblem, pupSteps, pupIngredients, pupCompare, pupFaqs ו-pupGuarantee.
- התמונות: להחליף בקבצים באותם שמות בתיקיית התמונות (אריזה, אורח חיים, מרכיבים, תמונות הלקוחות). לא לשנות שמות קבצים.
- הצבעים: אם יש צבע מותג, להחליף רק את המשתנים בראש קובץ ה-CSS.
- ההוכחה החברתית: להשאיר מקום לביקורות ולתמונות אמיתיות ולא להמציא אותן.

כללים:
- אל תוסיף טענות בריאותיות או הבטחות תוצאה שלא סיפקתי. כל טענה צריכה מקור.
- שמור על RTL, על מבנה העגלה ועל הבר הדביק בנייד.
- בסוף הצג רשימה של כל מקום בעמוד שעדיין מכיל טקסט הדגמה.

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

הקול של התבנית הזו (התאם לעסק שלי, אל תעתיק את הדוגמאות):
- הקהל: בעלי כלבים, בעיקר אלה שהכלב הוא עוד ילד במשפחה.
- הקול: חם, משעשע ומבין: מדברים מנקודת המבט של הכלב והבעלים. ביטחון במוצר בלי הבטחות רפואיות.
- הכיוון (לא להעתיק, לכתוב בסגנון): "הבטן שלו תגיד תודה." · "חטיף שאפשר לסמוך עליו."