Bruzu Embed

You can embed the Bruzu Design Editor with live preview into your webpage using few lines of HTML+JS code

Demos

Basic


<!-- Button code -->
<div class="bruzu-embed" data-apiUrl="https://img.bruzu.com/?bc=red&a.t=Click to Edit&a.ff=Rye&a.c=gold"></div>

<script src="https://bruzu.com/embed/api.js?nocache"></script>

With Callback Function


<!-- Button code -->
<div class="bruzu-embed" data-apiUrl="https://img.bruzu.com/?bc=gold&a.t=With+Callback+function&a.ff=Inter" data-onPublish="show"></div>
<div class="bruzu-embed" data-apiUrl="https://img.bruzu.com/?bc=red&a.t=Click to Edit&a.ff=Rye&a.c=gold"></div>

<script src="https://bruzu.com/embed/api.js?nocache"></script>


<img id="result">
<script>
    function show(data) {
        result.src = data;
    }
</script>

With Editor Disabled


<!-- Button code -->
<div class="bruzu-embed" data-apiUrl="https://img.bruzu.com/?bc=gold&a.t=With+Callback+function&a.ff=Inter" data-disableEditor></div>

<script src="https://bruzu.com/embed/api.js?nocache"></script>