Design Packs Docs
design-packs.comView on Shopify App Store
  • Get started here
  • Guides
    • Adding your first section
    • Adding your first template
    • General settings
    • Helpful hints & resources
    • Troubleshooting
    • Performance
  • Fundamentals
    • Section Settings
      • Setting Solid Background Colors instead of Gradients
      • Understanding Layout Settings: Size & Maximum Width
      • Understanding Inner Padding & Outer Margin Settings
      • Custom Classes Setting
      • Show Individual Variants Setting
      • Enable Metafield Detection Setting
        • Metafield ready sections
        • How to Use Metaobjects on Product template with Image with text - simple section
      • Metafield Badge Setting
      • Using Blog Tags Setting to Show Product-Specific Blog Posts
      • Add custom events when product is added to cart
      • Size Controls for Image & Video Blocks
      • Featured collection - blocks
        • How to use the Liquid Block in "Featured collection - blocks" Section to Add Custom Review Apps
        • How to use the Metafield Image Badge block
        • How to use the Metafield text block
      • Newsletter/Signup Form Block - Tags
      • How to add a Hidden Field in Contact Form
    • Sections
      • Banners & Sliders
      • Flourish
      • Icon & Logos
      • Image with text
      • Menus & Navigation
      • Blocks & Columns
      • Text Content
      • Products & Collections
      • Article sections
      • Galleries
      • Misc
      • Modal Popup
    • Templates
      • Regular Page
      • Lookbooks
      • Blogs
      • Blog Posts
      • Collection
      • Landing pages
    • Custom CSS
      • Basic CSS examples
      • Mobile CSS examples
      • Advanced Examples
    • Shopify expertise
      • Theme editor
      • Metafields
      • MetaObjects
    • How to Guides
      • How to jump/ link to another section on the SAME page
      • How to forward a contact form in Shopify to a different email with Gmail filters
      • How to create new page templates (and keep the original as a starting point)
      • Creating a New Product Template
      • How to set default article template for all blog posts
  • Use Cases
    • For Designers
    • For Developers
    • Agency Licenses
    • Affiliate Program
  • PRODUCT BLOCKS
    • Product Blocks
      • Image with text block
      • Connected products block
      • Variant descriptions block
      • Value icons block
      • Video block
      • Collapsible content block
      • Feature range block
  • Integrations
    • Theme Updater App
Powered by GitBook
On this page
  • Key Features
  • Getting Started
  1. PRODUCT BLOCKS

Product Blocks

PreviousAffiliate ProgramNextImage with text block

Last updated 3 months ago

Product Blocks is a complimentary Shopify app to Design Packs designed to enhance your product pages by adding customizable widgets, enabling you to showcase unique content and boost customer engagement. With Product Blocks, you can seamlessly integrate various elements such as sales promotions, value icons, testimonials, related products, and video tutorials directly into your product pages. This flexibility allows you to move beyond the default theme limitations and create a more dynamic and personalized shopping experience for your customers.

Key Features

  • Customizable Widgets: Easily add and tailor widgets to match your store's branding and aesthetic, ensuring a cohesive look across your site.

  • Metafield Integration: Connect widgets to Shopify's metafields to display dynamic and unique product content effortlessly.

  • User-Friendly Interface: No coding skills required. Our intuitive design makes it simple to add product information, linked products, and multimedia content.

  • Responsive Support: Our dedicated support team is ready to assist you with seamless integration and customization, ensuring you get the most out of Product Blocks.

Getting Started

  1. Installation: Install the Product Blocks app from the Shopify App Store.

  2. Adding Widgets: Within the app, select from a variety of widgets to add to your product pages. Customize each widget's appearance and content to align with your brand.

  3. Metafield Connection: Utilize Shopify's metafields to link dynamic content to your widgets, ensuring each product page displays relevant information.

  4. Customization: Adjust layouts, colors, and styles of your widgets directly through the app to maintain a consistent and appealing design.

  5. Support: If you encounter any issues or have questions, our support team is available to provide prompt assistance.

By incorporating Product Blocks into your Shopify store, you can transform standard product pages into engaging, information-rich experiences that drive conversions and customer satisfaction.

Install Now