How to Copy HubSpot Sections Into a HubL Code Template


How to Copy HubSpot Sections Into a HubL Code Template

HubSpot CMS has recently added the ability to copy sections built with the visual editor and then paste the HubL code into a template. Previously, this had to be done by manually.

Why you might want to use this

A designer or marketer could visually design the page. Get 80% there and then hand off to a developer to fine-tune the layout. Or templatize the layout so it can be easily replicated instead of having to clone a page.

Add the URL parameter below to the URL when editing a page.

?developerMode=true

Then reload. You will then see a header that looks like this.

If you hover over a section and click the actions dropdown menu, you will see the option to copy as HubL. Then you can add it to a coded template to templatize a layout building a visual editor.

About the Author

Jacob Lett is the founder of Bootstrap Creative, a digital marketing consultancy that helps Michigan manufacturers generate qualified leads through HubSpot, technical SEO, and Google Ads. With over a decade of hands-on experience, he acts as a direct partner for B2B companies seeking measurable ROI from their marketing investment.



Related posts

Tags: ,

| Read My Editorial Policy

Want to Get Email Updates of New Articles?

Join My Email Newsletter