API
Anleitung
  • 1. API-Key beantragen
    Beantragen Sie einen API-Key, um die Funktionen von COPPIO in Ihrem System zu integrieren und von den Vorteilen des Services zu profitieren.
  • 2. Javascript einbinden
    Fügen Sie den API-Key vor dem Schließen des Body-Tags in Ihr System ein, um die Verbindung zu COPPIO herzustellen.
                                                
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://www.coppio.de/system/api/coppio.min.js" data-app-key="Ihr API-Key"></script>
                                                
                                            
  • 3. HTML-Tags setzen
    Damit die COPPIO-API Ihre Bilder erkennt, müssen diese mit spezifischen Tags versehen sein. Diese Tags sind notwendig, damit die API Ihre Bilder erkennt und speichern kann.
                                                
    <img 
        src="http://linkzuihrembild_thumbnail.de" 
        alt="vorschau" 
        data-coppio-imgurl="linkzuihrembild" 
        data-coppio="image"
    >
                                                
                                            
    Durch Klick auf das Bild wird es von COPPIO erkannt und gespeichert. Das ausgewählte Bild wird dabei mit der Klasse "coppio-img-active" versehen und somit gekennzeichnet.
                                                
    <style>
        .coppio-img-active { border: 2px solid #333; } 
    </style>
                                                
                                            
  • 4. Bilder übergeben
    Fügen Sie zuletzt den Bestellen-Button mit folgendem Code ein, um den Bestellprozess abzuschließen.
                                                
    <div data-coppio="addImages">
        (<span data-coppio="counter">0</span>) Bestellen
    </div>
                                                
                                            
Haben wir Ihr Interesse geweckt und möchten Sie weitere Informationen erhalten?
Kontaktieren Sie uns