Embeddable AI Widget

Add AI chat, TTS, or any tool to your website with one line of code.

Προσθήκη AI στην ιστοσελίδα σας σε μία γραμμή

Ενσωμάτωση Free.ai widgets σε κάθε ιστοσελίδα με ένα απλό </code>. AI συνομιλία, κείμενο σε ομιλία, μετάφραση, και παραγωγή εικόνας - πλήρως λειτουργικό, δεν απαιτείται backend.</p> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-sliders me-2"></i>Προσαρμόστε το μέγεθος ενσωμάτωσης</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Πλάτος (px)</label> <input type="number" id="embed-width" class="form-control form-control-sm" value="400" min="250" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Ύψος (px)</label> <input type="number" id="embed-height" class="form-control form-control-sm" value="500" min="300" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Σύνορα</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Χωρίς σύνορα</option> <option value="1px solid #e5e7eb">Ελαφρά σύνορα</option> <option value="1px solid #000">Σκοτεινά σύνορα</option> <option value="2px solid #4f46e5">Πρόδηλα σύνορα</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Ενημέρωση όλων των προεπισκοπήσεων</button> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-chat-dots me-2"></i>AI Chat Widget</h3> <p class="text-muted mb-3">Προσθέστε ένα πλήρες AI chatbot στην ιστοσελίδα σας. Οι επισκέπτες μπορούν να κάνουν ερωτήσεις και να πάρουν άμεση απάντηση AI.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Προεπισκόπηση live</p> <iframe id="preview-chat" src="https://free.ai/embed/chat/" width="400" height="500" style="border:none;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.1)" loading="lazy">


                    
                        Ενσωμάτωση κώδικα
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Χαρακτηριστικά: Συνομιλίες πολλαπλών στροφής, Qwen 2.5 7B μοντέλο, μνήμη πλαίσιο, Enter-to-send συντόμευση πληκτρολογίου.



        
        
            
                Widget κειμένου προς ομιλία
                Αφήστε τους επισκέπτες να μετατρέψουν το κείμενο σε φυσικό-ηχητικό λόγο. Πολλαπλές φωνές και μοντέλα διαθέσιμα.
                
                    
                        Προεπισκόπηση live
                        
                    
                    
                        Ενσωμάτωση κώδικα
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Χαρακτηριστικά: Kokoro, Piper, MeloTTS, και μοντέλα Chatterbox. Αρσενικές και γυναικείες φωνές.
                    
                
            
        

        
        
            
                Μετάφραση Widget
                Προσθέστε άμεση μετάφραση AI στην ιστοσελίδα σας. Υποστηρίζει 450+ γλώσσες μέσω MadLAD-400.
                
                    
                        Προεπισκόπηση live
                        
                    
                    
                        Ενσωμάτωση κώδικα
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Χαρακτηριστικά: Auto-ανιχνευτική γλώσσα πηγής, 450+ γλώσσες-στόχοι, αντίγραφο-to- πρόχειρο, τροφοδοτείται από το Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Εικόνα συστατικό γενεών
                Αφήστε τους επισκέπτες να παράγουν εικόνες AI απευθείας στην ιστοσελίδα σας από τις οδηγίες κειμένου.
                
                    
                        Προεπισκόπηση live
                        
                    
                    
                        Ενσωμάτωση κώδικα
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Χαρακτηριστικά: FLUX.2 Klein και Stable Diffusion XL μοντέλα. Πολλαπλές αναλογίες πτυχών.
                    
                
            
        

        
        
            
                Πώς Λειτουργεί
                
                    
                        
                        1. Αντιγράψτε τον κωδικό ενσωμάτωσης
Επιλέξτε ένα widget παραπάνω και αντιγράψτε την ετικέτα iframe.
                    
                    
                        
                        2. Επικόλληση στο HTML σας
Προσθέστε το iframe οπουδήποτε στη σελίδα σας. Λειτουργεί με οποιοδήποτε CMS, πλαίσιο, ή στατική τοποθεσία.
                    
                    
                        
                        3. Οι επισκέπτες σας χρησιμοποιούν AI
Το widget είναι πλήρως λειτουργικό.
                    
                
            
        

        
        
            
                Pro Συμβουλές
                
                    Σετ width="100%" για ένα συστατικό που ανταποκρίνεται που γεμίζει το δοχείο του.
                    Προσθήκη loading="lazy" στο iframe για να αναβάλει τη φόρτωση μέχρι το widget rolls στην προβολή.
                    Τυλίξτε το iframe σε ένα <div> με max-width να ελέγχει το μέγεθος σε μεγαλύτερες οθόνες.
                    Όλα τα widgets χρησιμοποιούν την πισίνα των Free.ai δολαρίων ημερησίως. Οι επισκέπτες που υπογράφουν στο Free.ai παίρνουν 12x περισσότερα μάρκα (30.000 / ημέρα).
                    Θέλεις υψηλότερα όρια για την ιστοσελίδα σου; Πάρτε ένα κλειδί API και να οικοδομήσουμε μια προσαρμοσμένη ενσωμάτωση.
                
            
        

        
            Πάρτε το κλειδί API
            Όλες οι Ενότητες








    
    
        
            Συχνές ερωτήσεις
            
                
The widget is a lightweight iframe embed that adds Free.ai tools to any website. Copy and paste one line of HTML to embed AI chat, text-to-speech, translation, or image generation on your own site without building any AI infrastructure.
Copy the iframe embed code for the tool you want and paste it into your HTML. For example: <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none"></iframe>. That is all you need.
Επί του παρόντος τέσσερα εργαλεία: ΤΝ Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), and Image Generation (/embed/image/).
Ναι. Αλλάξτε το πλάτος και τα χαρακτηριστικά ύψους στο iframe. Χρησιμοποιήστε τους ελέγχους προσαρμογής στο πάνω μέρος αυτής της σελίδας για να δείτε διαφορετικά μεγέθη και να πάρετε τον ενημερωμένο κωδικό ενσωμάτωσης. Μπορείτε επίσης να ορίσετε το πλάτος=100%" για τις ανταποκρίσιμες διατάξεις.
The widget is completely free to embed. Visitors use the Free.ai daily token pool. Anonymous visitors get 6,000 tokens per day, and signed-in users get 30,000 tokens per day.
No. Iframes φορτίο ανεξάρτητα από τη σελίδα σας. Προσθήκη φόρτωσης="lazy" στην ετικέτα iframe για να αναβάλει τη φόρτωση μέχρι το widget ρόλους στην προβολή. Το widget κάνει τις κλήσεις API μόνο όταν ένας επισκέπτης αλληλεπιδρά με αυτό.
Ναι. Κάθε πλατφόρμα που υποστηρίζει έθιμο HTML ή ενσωματώστε μπλοκ μπορεί να χρησιμοποιήσει αυτά τα widgets. Στο WordPress, χρησιμοποιήστε ένα Custom HTML μπλοκ. Σε Shopify, χρησιμοποιήστε ένα προσαρμοσμένο υγρό τμήμα. Στο Squarespace, χρησιμοποιήστε ένα μπλοκ κώδικα.
Ναι. Οι διεπαφές widget είναι πλήρως ανταποκρινόμενες και εργάζονται σε τηλέφωνα, δισκία και επιτραπέζιους υπολογιστές. Προσαρμόζονται αυτόματα στις διαστάσεις του iframe.
Yes. Since these are standard iframe embeds, they work in any framework. In React, just use <iframe src="https://free.ai/embed/chat/" /> directly in JSX. No special setup needed.
Η συνομιλία χρησιμοποιεί Qwen 2.5 7B. TTS προσφέρει Kokoro, Piper, MeloTTS, και Chatterbox. Μετάφραση χρησιμοποιεί MadLAD-400 (450+ γλώσσες). Η γενιά εικόνας χρησιμοποιεί FLUX.1 Schnell, Σταθερή διασπορά XL, και Kandinsky 2.2. Όλα τα μοντέλα ανοικτού κώδικα.
The iframe widgets use the visitor's own Free.ai daily limits. For higher volume or custom integrations, use our API directly with your API key. See the Developer page for details.
Όχι. Οι επισκέπτες μπορούν να χρησιμοποιήσουν το widget ανώνυμα με 6.000 δωρεάν ημερήσιες μάρκες. Αν τυχαίνει να έχουν υπογράψει σε Free.ai σε μια άλλη καρτέλα, παίρνουν αυτόματα υψηλότερο ημερήσιο όριο 30.000 τόνων.

Embeddable AI Widget

Προσθήκη AI στην ιστοσελίδα σας σε μία γραμμή

Widget κειμένου προς ομιλία

Μετάφραση Widget

Εικόνα συστατικό γενεών

Πώς Λειτουργεί

Pro Συμβουλές

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

Τι είναι το Free.ai ενσωματωμένο συστατικό;

Πώς μπορώ να προσθέσω το widget στην ιστοσελίδα μου;

Ποια εργαλεία της ΓΑ μπορώ να βάλω;

Μπορώ να προσαρμόσω το μέγεθος του γραφικού συστατικού;

Κοστίζει τίποτα το widget;

Θα επιβραδύνει το widget την ιστοσελίδα μου;

Μπορώ να ενσωματώσω το widget στο WordPress, Shopify, ή Squarespace?

Το widget λειτουργεί σε κινητές συσκευές;

Μπορώ να βάλω το widget σε εφαρμογή React ή Vue;

Τι μοντέλα AI ενεργοποιούν τα widgets;

Μπορώ να χρησιμοποιήσω το δικό μου API κλειδί με το widget;

Χρειάζονται οι επισκέπτες ένα λογαριασμό Free.ai για να χρησιμοποιήσουν το widget;

30.000 δωρεάν τόκεν, κάθε μέρα

Περιμένετε __ 30K δωρεάν μάρκες / ημέρα!

- Όχι, όχι, όχι.