Προγραμματιστές · Fabrixa Studio

Δώστε στους πελάτες σας τη δυνατότητα να σχεδιάσουν τα δικά τους προϊόντα — με το εμπορικό σήμα σας.

Το Fabrixa Studio είναι ένα white-label εργαλείο προσαρμογής που ενσωματώνετε στη σελίδα του προϊόντος σας ως iframe. Οι πελάτες σας δημιουργούν ή ανεβάζουν τα δικά τους σχέδια και τα προβάλλουν ζωντανά πάνω στο προϊόν — το πρόγραμμα επεξεργασίας φέρει την επωνυμία σας, όχι τη δική μας, οπότε δεν βλέπουν ποτέ το Fabrixa. Όταν ολοκληρώσουν, εσείς υποβάλλετε την παραγγελία με βάση την αποθηκευμένη προσαρμογή — χωρίς να χρειάζεται να ανεβάσετε ή να αποθηκεύσετε αρχεία γραφικών.

Οδηγός ενσωμάτωσης → Ανοίξτε το έγγραφο αναφοράς API

White-label · Shopify, WooCommerce και προσαρμοσμένες λύσεις · Ζωντανή προεπισκόπηση · Παραγγελία με αριθμό αναφοράς

Fabrixa Studio · Ζωντανή επίδειξη

Δοκιμάστε τον επεξεργαστή εδώ.

Αυτός είναι ακριβώς ο επεξεργαστής που θα ενσωματώσετε — ανοίξτε τον, προσθέστε την εικόνα και σχεδιάστε ένα πραγματικό προϊόν από τον κατάλογό μας. Δεν χρειάζεται να εγκαταστήσετε τίποτα, ούτε να δημιουργήσετε λογαριασμό.

Είναι ο ίδιος επεξεργαστής που χρησιμοποιούν οι πελάτες σας για να δημιουργούν τα σχέδιά τους μέσω των εφαρμογών Shopify και WooCommerce ή του API. Αυτή η σελίδα αποτελεί μια ζωντανή δοκιμή — η παραγγελία πραγματοποιείται στην πλατφόρμα μόλις εγγραφή.

Δείτε τον επεξεργαστή

Η επωνυμία σας. Το σχέδιο του πελάτη σας. Ένας καμβάς.

Το Studio ενσωματωμένο σε μια βιτρίνα — μια βιβλιοθήκη σχεδίων, εργαλεία κειμένου, σχημάτων, εικόνων και επιπέδων, καθώς και ζωντανή προεπισκόπηση της επανάληψης στο προϊόν. Λειτουργεί ως «white-label», οπότε οι πελάτες σας βλέπουν το δικό σας κατάστημα και ποτέ το Fabrixa.

yourshop.com/customise

Το πρόγραμμα επεξεργασίας Fabrixa Studio που είναι ενσωματωμένο σε μια ηλεκτρονική βιτρίνα — βιβλιοθήκη σχεδίων, εργαλεία κειμένου, σχημάτων, εικόνων και επιπέδων, καθώς και ζωντανή προεπισκόπηση της επανάληψης του μοτίβου σε πάπλωμα, με λευκή ετικέτα υπό την επωνυμία του εμπόρου

Τι κάνει το Studio

Ένα εργαλείο προσαρμογής «white label», ενσωματωμένο στη διαδικασία ολοκλήρωσης της παραγγελίας σας.

Το Studio επιτρέπει στους πελάτες σας να εξατομικεύουν τα προϊόντα σε πραγματικό χρόνο — να δημιουργήσουν ένα σχέδιο ή να ανεβάσουν το δικό τους — και να το δουν πάνω στο προϊόν πριν από την αγορά, όλα υπό την επωνυμία της επιχείρησής σας.

White-label, με τη δική σας επωνυμία

Το πρόγραμμα επεξεργασίας φέρει την επωνυμία σας, όχι τη δική μας — οι πελάτες σας εξατομικεύουν και προβάλλουν τα προϊόντα σε πραγματικό χρόνο χωρίς να βλέπουν ποτέ το Fabrixa.

Δημιουργήστε ή ανεβάστε σχέδια

Δημιουργούν ένα σχέδιο μέσα στο Studio ή ανεβάζουν το δικό τους γραφικό και, στη συνέχεια, το τοποθετούν πάνω στο προϊόν μέσα στον επεξεργαστή.

Ζωντανή απεικόνιση προϊόντων

Το Studio απεικονίζει το σχέδιο πάνω στο ίδιο το προϊόν, ώστε οι πελάτες να βλέπουν τι θα λάβουν πριν το προσθέσουν στο καλάθι.

Εξοικονόμηση ανά προϊόν στο καλάθι

Κάθε προσαρμογή αποθηκεύεται σε ένα cart_item_key παρέχετε — μία μοναδική τιμή για κάθε γραμμή του καλαθιού από την πλευρά σας.

Προεπισκόπηση εικόνας κατά παραγγελία

Ανακτήστε μια επεξεργασμένη εικόνα προεπισκόπησης για οποιοδήποτε cart_item_key για να εμφανίζεται στο καλάθι, στη σύνοψη της παραγγελίας ή οπουδήποτε αλλού στο κατάστημά σας.

Δεν γίνεται διαχείριση αρχείων

Μην αγγίζετε ποτέ τα αρχεία γραφικών. Ανατρέξτε στο cart_item_key κατά την παραγγελία και το Fabrixa επισυνάπτει αυτόματα το αποθηκευμένο σχέδιο.

Βήμα 1 — Ενσωμάτωση

Ένα iframe στη σελίδα του προϊόντος σας.

Πωλείτε μέσω Shopify ή WooCommerce; Το Studio είναι ενσωματωμένο σε αυτές τις εφαρμογές καταστημάτων — απλώς ενεργοποιήστε το, χωρίς να χρειάζεται να γράψετε κώδικα. Για προσαρμοσμένες ιστοσελίδες καταστημάτων και πλατφόρμες, ενσωματώστε το μόνοι σας: το Studio παρέχεται από studio.fabrixa.com και συμπληρώθηκε με ένα iframe. Περάστε τρεις τιμές στη διεύθυνση URL — όλα τα υπόλοιπα διαχειρίζονται μέσα στον επεξεργαστή, ο οποίος εμφανίζει το περιεχόμενο με λευκή ετικέτα σύμφωνα με την επωνυμία σας.

application_key — το κλειδί εφαρμογής σας, ορίζει το πεδίο εφαρμογής της ενσωμάτωσης στο δικό σας κανάλι πωλήσεων
sku — η παραλλαγή προϊόντος SKU, η οποία προέρχεται από την ενσωμάτωση API
cart_item_key — μια μοναδική τιμή που δημιουργείτε για κάθε γραμμή του καλαθιού· το Studio αποθηκεύει την αντίστοιχη προσαρμογή

σελιδα-προϊοντος.html

<!-- Embed Fabrixa Studio on your product page -->
<iframe id="fabrixa-studio"
  src="https://studio.fabrixa.com?application_key=APPLICATION_KEY&sku=COF099191&cart_item_key=CART_ITEM_KEY"
  name="FabrixaStudio"
  scrolling="no" frameborder="1"
  width="100%" height="100%" allowfullscreen>
</iframe>

Βήμα 2 — Ακούστε

Το Studio απαντά μέσω της συνάρτησης postMessage.

Το Studio εμφανίζει δύο μηνύματα στο κύριο παράθυρο. customizationFinished ενεργοποιείται όταν ο πελάτης κάνει κλικ Προσθήκη στο καλάθι; closeButtonClicked αναβοσβήνει όταν κάνουν κλικ Πίσω. Προσέξτε να τα ακούσετε στο γονικό αρχείο και να τα επαληθεύετε πάντα event.origin.

Όταν το customizationFinished όταν ενεργοποιείται το συμβάν, προσθέστε τη γραμμή στο καλάθι σας με το ίδιο κλειδί cart_item_key που μεταβιβάσατε στο iframe. Αυτό το κλειδί συνδέει τη γραμμή με το αποθηκευμένο σχέδιο.

studio-events.js

window.addEventListener("message", (event) => {
  // Always check the origin first
  if (event.origin !== "https://studio.fabrixa.com") return;

  if (event.data === "customizationFinished") {
    // Add to Cart → store the line keyed by your cart_item_key
    addToCart(cartItemKey);
  } else if (event.data === "closeButtonClicked") {
    // Back → close the editor / restore the product page
    closeStudio();
  }
});

Βήμα 3 — Προεπισκόπηση

Δείξτε το τελικό σχέδιο οπουδήποτε.

Μόλις αποθηκευτεί μια προσαρμογή, ανακτήστε μια επεξεργασμένη εικόνα της από το σημείο τερματισμού προεπισκόπησης — απλώς ορίστε την ως src ενός <img>. Ιδανικό για το καλάθι, τη σύνοψη της παραγγελίας ή μια σελίδα επιβεβαίωσης.

Η προεπισκόπηση βασίζεται στο ίδιο cart_item_key, με το κλειδί εφαρμογής σας στη συμβολοσειρά ερωτήματος.

cart-preview.html

<!-- Rendered preview of the saved customisation -->
<img
  src="https://api.fabrixa.com/v2/studio/customizations/CART_ITEM_KEY/preview?Application-Key=APPLICATION_KEY"
  alt="Customised product preview"
  style="max-width:100%;height:auto">

Βήμα 4 — Παραγγελία

Κάντε την παραγγελία με βάση τον αριθμό αναφοράς.

Κατά την ολοκλήρωση της παραγγελίας, POST η εντολή να /v2/integration/orders από το backend σας. Για μια γραμμή που σχεδίασε ένας πελάτης στο Studio, στείλτε το συνηθισμένο sku και quantity συν το ίδιο cart_item_key που περάσατε στο iframe. Αυτό το κλειδί είναι το αποθηκευμένο σχέδιο, οπότε όχι sources Απαιτείται το αρχείο. Η Fabrixa αναλαμβάνει την προσαρμογή και την εφαρμόζει στην παραγωγή.

cart_item_key αποτελεί την αναφορά του Studio — χρησιμοποιήστε την μόνο για γραμμές που έχει προσαρμόσει ο πελάτης στο Studio. Κάθε σειρά περιέχει είτε ένα cart_item_key (σχεδιασμένο στο Studio) ή ένα αρχείο με όνομα sources (το δικό σας γραφικό: PDF, TIFF, JPG ή PNG), ποτέ και τα δύο. Όλα τα υπόλοιπα στοιχεία της παραγγελίας είναι πανομοιότυπα.

POST /v2/integration/orders

{
  "number": "NL2026063001",
  "purchased_at": "2026-06-30 12:00:00",
  "rows": [
    {
      "sku": "SB796162",
      "quantity": 1,
      "cart_item_key": "0cb76770-de2d-4524-aa48-47b6e5f0d8a5"
    }
  ],
  "customer":         { "first_name": "Maria", "email": "maria@example.com" },
  "shipping_address": { "...": "..." }
}

Κλειδιά και ασφάλεια

Κλειδί εφαρμογής στο πρόγραμμα περιήγησης, διακριτικό πρόσβασης στο backend σας.

Το Studio και το σημείο τερματισμού προεπισκόπησης χρησιμοποιούν το Application Key, το οποίο εμφανίζεται ενσωματωμένο σύμφωνα με τον σχεδιασμό — περιορίζεται μόνο στον επεξεργαστή και εμφανίζει προεπισκοπήσεις για το κανάλι σας. Για τη δημιουργία παραγγελιών απαιτείται το Application Access Token επίσης, και αυτό παραμένει στο backend σας.

Στον περιηγητή

Στούντιο & προεπισκόπηση

application_key στη διεύθυνση URL του iframe του Studio
Application-Key στη διεύθυνση URL της εικόνας προεπισκόπησης
Εμφανίζει τον επεξεργαστή και τις προεπισκοπήσεις των αποθηκευμένων σχεδίων για το κανάλι σας
Δεν είναι δυνατή η υποβολή παραγγελιών, η ανάγνωση στοιχείων χρέωσης ή η ανάγνωση δεδομένων άλλου καναλιού

Μόνο backend

Δημιουργία παραγγελίας

Authorization: Bearer APPLICATION_ACCESS_TOKEN
X-Application-Key: APPLICATION_KEY
Δημιουργήστε και παρακολουθήστε τις παραγγελίες μέσω POST /v2/integration/orders
Φυλάξτε το Access Token στην πλευρά του διακομιστή — μην το συμπεριλάβετε ποτέ στον κώδικα του πελάτη

Πρόσβαση

Η λειτουργία «Studio» ενεργοποιείται ανά λογαριασμό.

Δημιουργήστε ένα κανάλι πωλήσεων στον πίνακα ελέγχου σας για να δημιουργήσετε το κλειδί εφαρμογής (Application Key) με το οποίο πραγματοποιείται η πιστοποίηση της ενσωμάτωσης και, στη συνέχεια, αναπτύξτε και δοκιμάστε την εφαρμογή σε αυτό το κανάλι πριν αρχίσει να δέχεται πραγματικές παραγγελίες. Στην αναφορά του API υπάρχει μια ζωντανή επίδειξη, όπου μπορείτε να ανοίξετε το Studio με το δικό σας SKU και κλειδί — οι τιμές ποικίλλουν ανάλογα με το επίπεδο όγκου, οπότε επικοινωνήστε με την ομάδα μας για λεπτομέρειες.

Συχνές ερωτήσεις

Fabrixa Studio, απάντησε

Σε τι χρησιμοποιείται το Fabrixa Studio;

Το Fabrixa Studio είναι ένα εργαλείο προσαρμογής προϊόντων «white-label» που οι έμποροι ενσωματώνουν στη σελίδα των προϊόντων τους ως iframe. Οι πελάτες δημιουργούν ή ανεβάζουν τα δικά τους σχέδια και τα προβάλλουν ζωντανά πάνω στο προϊόν, με την επωνυμία του εμπόρου και όχι της Fabrixa. Στη συνέχεια, η παραγγελία υποβάλλεται με βάση την αποθηκευμένη προσαρμογή, οπότε δεν χρειάζεται να μεταφορτωθεί ή να αποθηκευτεί κανένα αρχείο γραφικών.

Πώς μπορώ να ενσωματώσω το Fabrixa Studio στη σελίδα του προϊόντος μου;

Προσθέστε ένα iframe που να παραπέμπει στο studio.fabrixa.com και συμπεριλάβετε τρεις τιμές στη διεύθυνση URL: το application_key για να περιορίσετε την ενσωμάτωση στο δικό σας κανάλι πωλήσεων, το sku για την παραλλαγή του προϊόντος και το cart_item_key, μια μοναδική τιμή που δημιουργείτε για κάθε γραμμή του καλαθιού αγορών, βάσει της οποίας το Studio αποθηκεύει την προσαρμογή. Όλα τα υπόλοιπα, συμπεριλαμβανομένης της επωνυμίας του επεξεργαστή, διαχειρίζονται μέσα στο Studio.

Το Fabrixa Studio ειδοποιεί το κατάστημά μου όταν ένας πελάτης ολοκληρώνει ένα σχέδιο;

Το Studio στέλνει δύο μηνύματα στο γονικό παράθυρο μέσω της συνάρτησης postMessage: το «customizationFinished», το οποίο ενεργοποιείται όταν ο πελάτης κάνει κλικ στο κουμπί «Προσθήκη στο καλάθι», και το «closeButtonClicked», το οποίο ενεργοποιείται όταν κάνει κλικ στο κουμπί «Πίσω». Η σελίδα σας θα πρέπει να επαληθεύει την τιμή του event.origin πριν εκτελέσει οποιαδήποτε ενέργεια βάσει των μηνυμάτων αυτών και, στη συνέχεια, να προσθέσει τη γραμμή στο καλάθι με κλειδί το ίδιο cart_item_key που μεταβιβάστηκε στο iframe.

Πώς μπορώ να συνδέσω ένα σχέδιο του Studio με μια παραγγελία;

Στείλτε το ίδιο cart_item_key που διαβιβάσατε στο iframe του Studio ως γραμμή της παραγγελίας, μαζί με το sku και την ποσότητα, όταν στέλνετε αίτημα POST στη διεύθυνση /v2/integration/orders. Αυτό το κλειδί αντιστοιχεί στο αποθηκευμένο σχέδιο, οπότε δεν απαιτείται αρχείο sources για τη συγκεκριμένη γραμμή — κάθε γραμμή παραγγελίας περιέχει είτε ένα cart_item_key είτε ένα αρχείο sources, ποτέ και τα δύο.

Είναι ασφαλές να εμφανίζεται στο πρόγραμμα περιήγησης το κλειδί εφαρμογής που χρησιμοποιείται στο Fabrixa Studio;

Ναι — το κλειδί εφαρμογής (Application Key) εμφανίζεται ενσωματωμένο στο Studio εκ των πραγμάτων — περιορίζει την πρόσβαση μόνο στον επεξεργαστή και στην εικόνα προεπισκόπησης του καναλιού πωλήσεών σας και δεν μπορεί να υποβάλλει παραγγελίες, να διαβάζει στοιχεία χρέωσης ή να έχει πρόσβαση σε δεδομένα άλλου καναλιού. Για τη δημιουργία παραγγελιών απαιτείται επίσης ένα ξεχωριστό διακριτικό πρόσβασης εφαρμογής (Application Access Token), το οποίο παραμένει στο backend σας και αποστέλλεται ως διακριτικό τύπου «Bearer».

Είστε έτοιμοι για την ενσωμάτωση;

Προσθέστε το Studio στο ηλεκτρονικό σας κατάστημα.

Δημιουργήστε ένα κανάλι πωλήσεων για να δημιουργήσετε τα κλειδιά σας και να ενσωματώσετε το Studio σήμερα. Χρειάζεστε βοήθεια για τη διαμόρφωση των συμβάντων ή της ροής παραγγελιών; Επικοινωνήστε με έναν μηχανικό λύσεων — θα λάβετε απάντηση εντός μίας εργάσιμης ημέρας.

Επικοινωνήστε με έναν μηχανικό λύσεων Διαβάστε τον οδηγό ενσωμάτωσης