How do I get it working with Big Commerce?

Yes!  By default Big Commerce doesn't immediately make available on the site's pages the information for the Magic Edit to fully function.  But by simply adding a small script block in your store's templates, it will gain all the needed functionality

Copy and Paste the below code snippet into your Theme's base Template, just above the closing body tag, so it is present on all pages of your store.

For most themes, the Base template can be found in the Theme files at templates/layout/base.html.

<script type="application/json" id="ysw_magic_edit_obj"> {{#if page_type '===' 'product'}} { "page_type": "product", "page_id": "{{product.id}}" } {{else if page_type '===' 'category'}} { "page_type": "category", "page_id": "{{category.id}}" } {{else if page_type '===' 'default'}} { "page_type": "home" } {{else if page_type '===' 'page'}} { "page_type": "page" } {{else if page_type '===' 'blog'}} { "page_type": "blog" } {{else}} { "page_type": "{{page_type}}" } {{/if}} </script>