Logo positioneren

l33d.be/developers

De volledige editor — whitelabel, zonder ze zelf te bouwen

Zelf logo_position-coördinaten berekenen is beperkt: geen meerdere tekst-/logo-objecten, geen tweezijdig, geen rondom graveren (rotary). Daarom kan je het ontwerpen ook volledig aan L33D overlaten. Je maakt een sessie aan en krijgt een whitelabel link terug naar exact dezelfde editor als op l33d.be zelf — onbeperkt tekst en logo's toevoegen, slepen/schalen/draaien, voor- en achterkant, rondom graveren, foto draaien. Geen L33D-login nodig, en geen L33D-vermelding op de pagina — je eindklant ziet nergens vanwaar het komt.

Stuur de link naar wie het ontwerp moet maken — jijzelf, of rechtstreeks je eindklant tijdens het bestelproces op jouw eigen site (de pagina toont geen L33D-branding, enkel het ontwerp zelf). Zodra bevestigd, haal je het resultaat op (of we sturen de browser terug naar jouw redirect_url). Bij het bestellen verwijs je gewoon naar het token — L33D berekent dan je kostprijs (incl. eventuele tweezijdig-/rotary-toeslag) en koppelt het exacte ontwerp aan de bestelling. Wat je zelf aan je klant aanrekent bepaal je volledig zelf.

De typische flow

  1. Je klant bekijkt een product op jouw eigen site (WordPress, of via GET /products).
  2. Klant klikt "Personaliseren" → jouw site roept POST /position-sessions aan en opent position_url (nieuw tabblad of iframe).
  3. Klant voegt tekst/logo toe, sleept, draait, bevestigt — alles gebeurt op l33d.be, whitelabel.
  4. Klant rondt de checkout af op jouw site (bv. WooCommerce) — L33D speelt daar geen rol in.
  5. Zodra betaald: jouw systeem doet POST /orders met "position_session_token" — de bestelling komt met het exacte ontwerp bij L33D terecht.

In code

# 1. Sessie aanmaken voor een product
curl -X POST https://powerchaos.com/api/dropship/position-sessions \
  -H "Authorization: Bearer JOUW_TOKEN" -H "Content-Type: application/json" \
  -d '{"product_id": 1, "redirect_url": "https://jouwsite.be/klaar"}'
# → { "token": "…", "position_url": "https://l33d.be/positioneren/…", "expires_at": "…" }

# 2. Stuur position_url naar je klant (of open 'm zelf). Daar: tekst/logo
#    toevoegen, positioneren, "Bevestigen" klikken. Geen L33D-account nodig.

# 3. Resultaat ophalen (of: wij redirecten naar redirect_url?token=…)
curl https://powerchaos.com/api/dropship/position-sessions/{token} -H "Authorization: Bearer JOUW_TOKEN"
# → { "status": "done", "layout": {…volledige v2-layout…}, "preview_url": "https://…" }

# 4. Bestelling plaatsen — verwijs gewoon naar het token, geen coördinaten nodig
curl -X POST https://powerchaos.com/api/dropship/orders \
  -H "Authorization: Bearer JOUW_TOKEN" -H "Content-Type: application/json" \
  -d '{"address": {...}, "items": [{"quantity": 1, "position_session_token": "…"}]}'

Links zijn 24 uur geldig en eenmalig te bevestigen. Een preview_url toont een kant-en-klare voorvertoning (zelfde bestand als wat de admin bij de bestelling ziet).

Waarom niet gewoon zelf coördinaten berekenen?

Kan ook — POST /orders accepteert nog steeds een eenvoudige text + logo_url + logo_position per item (zie API-referentie). Handig voor één simpel logo met een vaste positie. Voor alles daarboven — meerdere objecten, tweezijdig, rondom graveren, of gewoon een prettige sleep-ervaring voor je eindklant zonder dat je zelf Fabric.js hoeft te leren — is de hosted editor de kortste weg.