How to Copy HubSpot Sections Into a HubL Code Template

Get a Free HubSpot CMS Guide
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.


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.

Related resources

  • HubSpot CMS vs WordPress: Feature Comparison and Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Get a Responsive Website for Your Manufacturing Company
  • What Is a Good WordPress Alternative for Businesses?
  • Tags: ,

    Want to Get Email Updates of New Posts? Join My Email Newsletter