Made in Builder

Made in Builder

Webinar πŸ‘‰ Visually Build at Scale with Builder.io & Netlify on 12/1

Γ—

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Get StartedLogin

☰

Product

Features

Integrations

Talk to an Expert

Pricing

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

Γ—

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

Resources

Blog

Get StartedLogin

☰

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


Need Expert help?

Reach out to us, and we will match you with a Builder expert.

Connect with us

Was this article helpful?