Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required



Get StartedLogin






Made in Builder

Scripting the Visual Editor

If you want to make changes to many layers in a Builder visual entry and know how to write JavaScript, you can use your browser's console to run code against the current entry.

To start, open a Builder content entry into the Visual Editor. Then open up your browser's JavaScript console and there is a global builder object you can interact with.

For instance, to delete the default top margin added to elements on the page, you can run the following code:

Full docs on the scripting API are coming soon, but in the meantime you can log around what is in the builder object to see what properties and methods are available for scripting.

Also, see our docs on plugins to learn how you can script behavior in the Visual Editor without using the browser console

Was this article helpful?