TrophyCustomer's Canvas is honored with a 2020 InterTech Technology Award! Learn more 

Command: setRemoteMockup

Like changeMockup, it replaces the mockup image in the editor. However, instead of a path on Customer's Canvas backend, you should pass a URL to the image you want to insert. It is extremely useful when the mockup image is generated.

Important! This method will work if in the initial command you already specified a mockup (as a regular image, not a PSD file!).


  • surfaceIndex - which surface to modify. If omitted, the currently visible surface is modified.
  • mockup - up | down - which mockup should be updated.
  • url - a URL to the image to use as a mockup.


    "type": "ajax",
    "name": "mockup-recolor",
    "params": {
    "type": "canvas", 
    "name": "editor",
    "params": {
        "initial": { ... }, 
         "setRemoteMockup": [{
            "surfaceIndex": 0,
            "mockup": "down",
            "url": "{{ $['mockup-recolor'].response || '' }}"