# Προσθέστε εμπόριο στον ιστότοπο που ήδη έχετε. > Ένα async script tag μετατρέπει οποιονδήποτε ιστότοπο σε κατάστημα. Δουλεύει σε WordPress, Webflow, Ghost, Carrd, Framer, στατικό HTML, React / Next.js / Vue. Χωρίς επανασχεδιασμό, χωρίς πρόσθετο, χωρίς αλλαγή θέματος. Ένα async script tag, μερικά HTML containers και ο υπάρχων ιστότοπός σας γίνεται κατάστημα. Δουλεύει σε WordPress, Webflow, Ghost, Carrd, Framer, απλό HTML ή οποιοδήποτε CMS επιτρέπει επικόλληση script tags. Χωρίς επανασχεδιασμό. Χωρίς πρόσθετο. Χωρίς αλλαγή θέματος. [Ξεκινήστε τη δωρεάν δοκιμή](https://app-v3.shoprocket.io/signup?lang=el)[Δείτε το snippet](#the-snippet) 14 ημέρες δωρεάν δοκιμή Χωρίς πιστωτική κάρτα 0% χρεώσεις πλατφόρμας Δουλεύει σε κάθε πλάνο 1 Γραμμή για ενσωμάτωση Οποιοσδήποτε Ιστότοπος Πλήρες Καλάθι & ταμείο 0% Χρεώσεις πλατφόρμας ● Το πρόβλημα ## Έχετε ιστότοπο. Θέλετε να πουλάτε σε αυτόν. Όχι να τον ξαναφτιάξετε. Οι περισσότερες πλατφόρμες εμπορίου θέλουν να αντικαταστήσετε τον τρέχοντα ιστότοπό σας με τον δικό τους. Το WordPress ζητά WooCommerce. Το Wix θέλει Wix Stores. Το Squarespace θέλει Squarespace Commerce. Το Shopify θέλει το σύνολο στη δική του στοίβα. Εσείς θέλατε κατάστημα, όχι έργο μετεγκατάστασης. 01 ### Ο ιστότοπός σας ήδη λειτουργεί. Η επωνυμία σας, το περιεχόμενο, το blog, τα animations, το SEO. Η δουλειά που ήδη κάνατε. Τίποτα από αυτά δεν πρέπει να αλλάξει για να προστεθεί ταμείο. 02 ### Το CMS σας δεν είναι το πρόβλημα. Το WordPress είναι μια χαρά. Το Webflow είναι όμορφο. Το Ghost είναι τέλειο για περιεχόμενο. Το Carrd είναι γρήγορο. Κανένα δεν πρέπει να σας αναγκάζει να φύγετε επειδή δεν χειρίζεται εγγενώς το εμπόριο. 03 ### Το κατάστημά σας πρέπει να ζει μέσα στον ιστότοπό σας. Όχι σε ξεχωριστό subdomain, όχι ως ανακατεύθυνση σε φιλοξενούμενο καλάθι. Η σελίδα προϊόντος είναι δική σας, το ταμείο γίνεται μέσα σε αυτήν και ο πελάτης δεν φεύγει ποτέ. ● Πώς λειτουργεί ## Τρεις γραμμές HTML. Τέσσερις τύποι widget. Επικολλήστε το loader script μία φορά. Βάλτε HTML containers εκεί που θέλετε να εμφανίζεται το εμπόριο. Το widget τοποθετείται αυτόματα σε κάθε container που βρίσκει κατά την απόδοση. Η εγκατάσταση ### Ένα script tag. Async. Μη αποκλειστικό. Το script tag μπαίνει στο head του ιστότοπου, ή ακριβώς πριν το κλείσιμο του body, ή στο template κεφαλίδας του CMS σας. Φορτώνει async, οπότε δεν εμποδίζει ποτέ την απόδοση της σελίδας. Κατά τη φόρτωση, σαρώνει τη σελίδα για οποιοδήποτε HTML στοιχείο με attribute data-shoprocket και τοποθετεί εκεί το αντίστοιχο widget. Αν δεν υπάρχουν στοιχεία widget στη σελίδα, εξακολουθεί να ξεκινά το αιωρούμενο καλάθι ώστε τα κουμπιά καταστήματος αλλού στον ιστότοπό σας να συνεχίζουν να δουλεύουν. - ✓ Async φόρτωση, χωρίς επίπτωση σε LCP ή CLS - ✓ Τοποθετεί αυτόματα κάθε στοιχείο data-shoprocket της σελίδας - ✓ Το αιωρούμενο καλάθι ξεκινά σε όλο τον ιστότοπο ακόμη και σε σελίδες χωρίς widgets ● Τύποι widget ## Τέσσερις μορφές, όλες στην ίδια σελίδα. Διαλέξτε αυτό που χρειάζεστε εκεί που το χρειάζεστε. Η αρχική σελίδα μπορεί να έχει widget προβεβλημένου προϊόντος, μια ειδική σελίδα καταστήματος μπορεί να έχει πλήρη κατάλογο και ένα άρθρο μπορεί να έχει embed ενός προϊόντος ενσωματωμένο στο κείμενο. Όλα στον ίδιο ιστότοπο, όλα από το ίδιο κατάστημα. 01 ### Κατάλογος. Πλήρες πλέγμα προϊόντων με φίλτρα, κατηγορίες και αναζήτηση. Βάλτε το στη σελίδα /shop και οι πελάτες περιηγούνται σε όλο το κατάστημά σας. 02 ### Προϊόν. Μία κάρτα προϊόντος με τιμή, παραλλαγές και προσθήκη στο καλάθι. Βάλτε την μέσα σε άρθρο ή σε landing page δίπλα στην παρουσίαση. 03 ### Καλάθι. Το ίδιο το καλάθι, ως widget σελίδας. Ή αφήστε το αιωρούμενο καλάθι να το χειριστεί σε όλο τον ιστότοπο, το script το ξεκινά αυτόματα. 04 ### Ταμείο. Καλάθι, διευθύνσεις, αποστολή και περίληψη παραγγελίας, όλα μέσα στη σελίδα σας. Το τελικό βήμα πληρωμής ανακατευθύνει στον επεξεργαστή για συμμόρφωση PCI και επιστρέφει τον πελάτη στον ιστότοπό σας. ● Δουλεύει εκεί που ζείτε ## Αν επιτρέπει script tag, το Shoprocket ενσωματώνεται. Δοκιμασμένο και τεκμηριωμένο ειδικά για τους παρακάτω builders. Στην πράξη, δουλεύει οπουδήποτε μπορείτε να επικολλήσετε HTML. 01 ### WordPress. Self-hosted ή WordPress.com. Οποιοδήποτε θέμα, οποιοσδήποτε page builder (Elementor, Gutenberg, Divi κ.λπ.). Δεν απαιτείται WooCommerce. Κανένα πρόσθετο να συντηρείτε. 02 ### Webflow. Χρησιμοποιήστε το στοιχείο Embed εκεί που θέλετε το κατάστημα. Κρατήστε το πλάνο Webflow CMS, δεν χρειάζεται αναβάθμιση Ecommerce. 03 ### Ghost. HTML card σε οποιαδήποτε ανάρτηση ή σελίδα. Το Ghost είναι ιδανικό για δημιουργούς που προσφέρουν περιεχόμενο μαζί με προϊόντα. 04 ### Carrd, Framer, Notion. Builders μίας σελίδας και με έμφαση στον σχεδιασμό. Δουλεύει με embeds Carrd Pro Standard, code components Framer και Notion μέσω wrappers Super.so / HeyNotion. 05 ### Στατικό HTML & JAMstack. Cloudflare Pages, Netlify, Vercel, απλό στατικό HTML, οποιοδήποτε build Jekyll / Hugo / Astro / 11ty. Επικολλήστε το snippet και προχωρήστε. 06 ### React, Next.js, Vue, Svelte. Εγκαταστήστε το πακέτο npm \`@shoprocket/widget\` για στενή ενσωμάτωση με framework. Εισαγάγετε το component, τοποθετήστε το εκεί που θέλετε το κατάστημα. ● Απόδοση ## Τα Core Web Vitals σας μένουν πράσινα. Όλο το νόημα του εμπορίου που ενσωματώνεται παντού είναι ότι ο ιστότοπός σας συνεχίζει να συμπεριφέρεται σαν ο ιστότοπός σας. Σε αριθμούς ### Async script, cached ρυθμίσεις, γρήγορη τοποθέτηση. Το loader script παραδίδεται async, οπότε το LCP μένει ανεπηρέαστο. Οι ρυθμίσεις του καταστήματος λαμβάνονται από το API μας και αποθηκεύονται στο edge (TTL 1 ώρας), οπότε οι επαναλαμβανόμενες προβολές σελίδας δεν κάνουν νέα ερωτήματα. Το widget αποδίδεται στο δεσμευμένο container, άρα χωρίς layout shift. Ιστότοποι που ήταν πράσινοι στο Lighthouse πριν από το embed μένουν πράσινοι μετά. - ✓ Async script tag: μηδενική επίπτωση σε LCP ή CLS - ✓ Οι ρυθμίσεις του καταστήματος αποθηκεύονται στο edge και σερβίρονται από CDN στις επαναλαμβανόμενες προβολές - ✓ Τα δεσμευμένα containers τοποθέτησης σημαίνουν μηδενικό αθροιστικό layout shift ● Συχνές ερωτήσεις ## Ερωτήσεις για το embed, απαντημένες. Όσα ρωτούν οι άνθρωποι πριν επικολλήσουν το snippet. Πού τρέχει στην πραγματικότητα το καλάθι και το ταμείο; + Το καλάθι, οι διευθύνσεις και η επιλογή αποστολής τρέχουν εντός του embed στη σελίδα σας· κανείς δεν φεύγει από τον ιστότοπό σας κατά την περιήγηση και την επιλογή. Το τελικό βήμα πληρωμής ανακατευθύνει στον συνδεδεμένο επεξεργαστή πληρωμών σας (Stripe, PayPal) για συμμόρφωση PCI και επιστρέφει τον πελάτη στον ιστότοπό σας για την επιβεβαίωση παραγγελίας. Έτσι λειτουργεί κάθε σύγχρονη ροή πληρωμής· το να υποδυθούμε το αντίθετο θα ήταν ανέντιμο. Μπορώ να έχω πολλά widgets στην ίδια σελίδα; + Ναι. Ο loader σαρώνει τη σελίδα για κάθε στοιχείο με attribute data-shoprocket και τοποθετεί το καθένα. Μία σελίδα μπορεί να έχει carousel προβεβλημένων προϊόντων, πλέγμα καταλόγου από κάτω και ένα inline ταμείο κάπου αλλού. Όλα από το ίδιο κατάστημα. Επιβραδύνει τον ιστότοπό μου; + Καμία ουσιαστική επίπτωση. Το loader script είναι async, οπότε δεν εμποδίζει την απόδοση της σελίδας σας. Οι ρυθμίσεις του καταστήματος αποθηκεύονται στο edge, οπότε οι επαναλαμβανόμενοι επισκέπτες δεν κάνουν νέα ερωτήματα. Τα widgets τοποθετούνται σε δεσμευμένα containers, άρα δεν υπάρχει αθροιστικό layout shift. Αν ο ιστότοπός σας περνούσε τα Core Web Vitals πριν, τα περνά και μετά. Τι γίνεται αν χρησιμοποιώ React / Next.js / Vue; + Εγκαταστήστε απευθείας το πακέτο npm \`@shoprocket/widget\`. Εισαγάγετε το component, τοποθετήστε το εκεί που χρειάζεστε το κατάστημα, περάστε props για ρύθμιση. Σας δίνει λεπτομερή έλεγχο που η ενσωμάτωση με script tag δεν προσφέρει. Τι γίνεται με Wix και Squarespace; + Το Squarespace δουλεύει μια χαρά. Χρησιμοποιήστε το στοιχείο Code Block σε πλάνο Core ή ανώτερο, επικολλήστε το snippet, τέλος. Το Wix περιορίζει κάθε embed τρίτου σε iframe, κάτι που χαλάει το ταμείο, γι' αυτό δεν το προτείνουμε· η ειλικρινής απάντηση για χρήστες Wix είναι το φιλοξενούμενο κατάστημα Shoprocket ή η μετάβαση σε builder που επιτρέπει πραγματικά embeds. Δείτε την ειδική σελίδα μας για το Wix για τις τρεις διαδρομές. Μπορώ να χρησιμοποιήσω το δικό μου domain; + Ναι. Το widget τρέχει στο domain στο οποίο βρίσκεται η σελίδα υποδοχής. Τα προϊόντα, το καλάθι και το ταμείο σας ζουν όλα στο your-site.com. Χωρίς ξεχωριστό subdomain του Shoprocket, χωρίς ανακατευθύνσεις. Οι πελάτες δεν αντιλαμβάνονται ότι υπάρχει τρίτος πίσω από το επίπεδο εμπορίου. Πώς προσαρμόζω την εμφάνιση του widget; + Το widget κληρονομεί το CSS του ιστότοπού σας για το πλαίσιο διάταξης (πλάτη containers, βάση τυπογραφίας). Για το ίδιο το UI εμπορίου, διαλέξτε ανάμεσα σε 40+ θέματα καθώς και σχήμα χρωμάτων light / dark μέσω attributes στο στοιχείο τοποθέτησης. Για βαθύτερη προσαρμογή, ορίστε CSS variables στο stylesheet του ιστότοπού σας και το widget τις παίρνει. Τι γίνεται αν έχω πολλαπλές ρυθμίσεις embed για διαφορετικές σελίδες; + Δημιουργήστε πολλαπλές ρυθμίσεις embed στο dashboard του Shoprocket, καθεμία με δικό της ID, θέμα και σύνολο λειτουργιών. Στρέψτε κάθε HTML container στο κατάλληλο embed ID. Η αρχική σελίδα μπορεί να δείχνει ένα συμπαγές embed προβεβλημένων προϊόντων ενώ μια ειδική σελίδα καταστήματος χρησιμοποιεί πλήρες embed καταλόγου, όλα στο ίδιο κατάστημα. Είναι πραγματικά 0% οι χρεώσεις πλατφόρμας στο Shoprocket; + Ναι. Ο επεξεργαστής πληρωμών σας (Stripe, PayPal κ.λπ.) εξακολουθεί να χρεώνει την τυπική χρέωση επεξεργασίας, που είναι το κόστος μετακίνησης χρημάτων, αλλά το Shoprocket δεν προσθέτει τίποτα επιπλέον. Το 0% χρεώσεις πλατφόρμας ισχύει για κάθε πλάνο, συμπεριλαμβανομένης κάθε εγκατάστασης embed-anywhere. ## Ο ιστότοπός σας. Τώρα με εμπόριο. 14 ημέρες δωρεάν δοκιμή. Χωρίς πιστωτική κάρτα. Επικολλήστε το snippet, ανοίξτε κατάστημα, κρατήστε τον ιστότοπο. [Ξεκινήστε τη δωρεάν δοκιμή](https://app-v3.shoprocket.io/signup?lang=el)[Μιλήστε μαζί μας](https://v3.shoprocket.io/el/contact.md) --- - HTML version: https://v3.shoprocket.io/el/features/sell-on-any-website - Language: Ελληνικά (el) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)