Grid & Overlays

Product update: Grid

The Grid feature brings a familiar design-tool experience directly into Instant, enabling you to build Shopify pages with unparalleled ease. Now, instead of fussing with technical properties like spacing and positioning, you can create layouts with total visual freedom.

• Freeform canvas: The Grid gives you a flexible, drag-and-drop environment where elements can be resized and repositioned with a few clicks (Just like you’re using your favorite design tool!)
  
  

• Responsive design made simple: As you design, elements placed on the Grid automatically scale across devices, making responsive design easier and reducing the need for custom adjustments.
  
  

• Seamless Figma integration: With our Figma to Shopify plugin, you can copy Grid designs directly from Figma, bringing your concepts to life on Shopify faster than ever.

Grid is transforming the design experience with a new way to build on a true freeform canvas—where building for Shopify feels like designing in your favorite design tool.

👉 Read our documentation for more tips on how to use the Grid.

Product update: Overlays

With the new Overlays feature, Instant lets you create eye-catching pop-ups to engage visitors and enhance the shopping experience. Overlays are perfect for highlighting special offers, collecting emails, and encouraging specific actions on your site.

• Customization freedom: Position overlays anywhere on the page, adjust sizing, and add elements like videos, images, and text.
  
  

• Multiple trigger options: Overlays can appear based on page load, scroll percentage, or even with specific interactions like button clicks. The options are endless for creating engaging user experiences.
  
  

• Pre-built templates: Access a new category within the template library featuring overlay templates like size charts, email pop-ups, and more, so you can get started fast.

With overlays, your Shopify store can engage customers dynamically and drive conversions by capturing their attention at just the right moment.

👉 Read our documentation for more tips on how to use overlays.