Take a section to HTML, Shopify or an image

The Copy menu in the section popup also offers HTML you can download, a Shopify Liquid file for your theme, or a screenshot.
Works with
  • HTML
  • Shopify

Open any section and click the copy button. Besides the platform copies and Copy Prompt, the menu can show three more items. An item only appears when that section has it, so you never see a dead option. Copy HTML is for plain HTML sites and codebases, Copy to Shopify for Shopify themes, and the screenshot for sharing.

Copy HTML

Choose Copy HTML to see the code. Copy it, or press Download to get a .zip with the section as an HTML file and a README that explains how to use it. The HTML loads its images, fonts and animation from files hosted by BYQ, so it needs an internet connection. Before you go live, host those files yourself. If a theme is applied, it carries into the HTML.

Copy to Shopify

Copy to Shopify shows up when the section has a Shopify Liquid (.liquid) file. It shows the Liquid code, which you can copy, or you can download the .liquid file. Add the file to your theme, then place it on a template. It only works in Shopify themes. Wireframes, templates and Sections Composer have no Shopify version.

New to this? Watch the short Shopify sections tutorial on YouTube.

Screenshot

When a section has a full-page screenshot, the menu shows a screenshot item. It copies the image to your clipboard, ready to paste into a review, a brief or a chat.

Which sections have which targets
  • Webflow, Figma, Framer: the platform copies. Framer appears only when the section has a Framer version.
  • HTML: available when the section has HTML code.
  • Shopify: more than 1,100 sections, the ones with a .liquid file.
  • Screenshot: sections that have a screenshot.

With a theme applied, Framer copy is turned off and the Shopify and screenshot items are hidden, because they only exist for the section as it ships. Remove the theme to get them back. See Themes.

Find sections by target

The Platform filter in the Sections library narrows the grid by where you can copy to: Webflow, Figma, Framer, AI prompt, HTML and Shopify. Pick Shopify to see only the sections that ship a Liquid file.

Plans

Free sections copy on the Free plan. Pro and Ultra copy every section, to every target. You need to be signed in to copy. Compare plans on the pricing page.

Next: build a whole page from sections.

Stack sections into a full page, starting from a template, a description, your favourites or a blank page.