COPPIO - API

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>