The size chart layout editor lets you build a flexible size chart by adding different content blocks, such as sizing tables, text, images, dividers, videos, tabs, and custom code.

Use layout blocks to organize sizing information clearly so shoppers can find the details they need more easily.

The layout preview appears on the left side of the editor. This preview shows how the size chart is currently structured.

You can add different layout blocks depending on the type of content you want to display.

Use the sizing table block to add structured size information, such as measurements by size, unit, region, or product type. For more details, please refer to this guide.

Use the text block to add written instructions, notes, descriptions, or measurement guidance.

The text editor works similarly to a standard text editor. You can format the text based on your needs, such as adjusting the style, spacing, or content structure.

Use the image block to add a visual reference to the size chart. You can upload an image directly or use an existing image URL.

This is useful for measurement diagrams, product fit examples, or illustrations that help shoppers understand the sizing information.

Use the divider block to separate sections in the size chart. You can also add text inside the divider to label a section, such as “How to Measure” or “Size Conversion Guide.”

Use the video block to add a video to the size chart. This can help show shoppers how to measure themselves or how a product is intended to fit.

Use the layouts block to group content into special layouts. This is useful when you want to organize multiple pieces of content together in a more structured format.

Use the image and caption block when you want to display an image with supporting text.

You can adjust where the text appears, such as beside, above, or below the image. You can also customize the text-to-image ratio depending on the layout you want.

Use the image group block to display multiple images together. This block supports up to 5 images and includes different layout options depending on the number of images added.

For example, if you add 3 images, you can choose from multiple layout styles to control how the images are arranged.

Use the international conversion size chart block to add a size conversion chart for international buyers.

This helps shoppers compare sizes across different regions or sizing standards.

You can select the “Conversion Chart Type” based on the type of conversion chart you want to display.

Use the tabs block to organize content into separate sections within the same size chart.

Tabs are helpful when you want to keep the size chart concise while still including detailed information. For example, you can create separate tabs for measurement instructions, size descriptions, and illustrations.

Note: Tabs are an advanced feature and are only available on the Premium Plan.

Use the accordion block to organize complex content into a list of collapsible items.

This is useful when you want to include detailed information without making the size chart too long.

Use the code block when you need more control over what appears in the size chart.

This block allows you to add raw HTML, which can be useful for custom layouts or content that cannot be created with the standard layout blocks.

Use the recommender block to add product size recommendations to the size chart.

This can help shoppers pick the right size, based on the recommendation settings in Kiwi Size Chart & Recommender (Kiwi).