Custom

The Custom Block gives you the freedom to design completely personalized layouts within your customer account pages — no coding required. Use it to create anything from simple callouts to full dashboard-style sections that perfectly match your brand and needs.

Key features

  • Visual builder: Build layouts with a flexible drag-and-drop interface — add grids, text, headings, stacks, and more.

  • Dynamic data: Insert customer-specific variables like {{ customer.first_name }} to personalize content automatically.

  • Conditional display: Use Custom Blocks as static (always shown) or dynamic (shown based on conditions) for tailored experiences.

  • Shopify-native: Runs inside Shopify’s Customer Accounts using UI Extensions — secure, fast, and fully integrated.

Want to display different content for different customers? Learn about dynamic blocks


Customize the Custom Block

When creating a Custom Block, you’ll design it visually inside Hubble’s editor. You can:

  • Add structure: Arrange your layout using Grid or Stack components.

  • Add content: Insert headings, text, and dynamic variables to display personalized data.

  • Adjust styling: Control spacing, alignment, and background options for each section.

  • Preview instantly: See exactly how your design looks across desktop and mobile.

Break down complex layouts into smaller individual Custom blocks.


Use cases for Custom Blocks

  • Personalized dashboards for B2B or loyalty programs.

  • Welcome messages or membership status summaries.

  • Quick links or action buttons for customers.

  • Unique landing layouts inside customer accounts.

Last updated