How to select a position to show your size chart

Mageplaza Size Chart

Mageplaza Instagram Feed

1-how-to-connect-and-enable-app.md

2-how-to-create-instagram-feeds.md

3-how-to-set-up-product-tags.md

4-how-to-manage-instagram-feed.md

5-how-to-use-analytics-feature.md

6-auto-translate-ig-feed-on-storefront.md

8-how-to-set-up-settings.md

9-information-center.md

91-privacy-policy.md

99-faq.md

Mageplaza Google Shopping Feed

1-how-to-connect-a-google-account.md

2-how-to-create-feed-and-sync-feed-on-your-gmc.md

3-how-to-manage-product-feed.md

4-how-to-view-google-error-report-and-manage-products-in-feed.md

5-how-to-configure-settings.md

6-how-to-use-dashboard.md

7-information-center.md

8-privacy-policy.md

9-faqs.md

Mageplaza TikTok Feed

1-how-to-connect-a-tiktok-account.md

2-how-to-create-and-display-tiktok-feeds-on-your-store.md

3-how-to-manage-tiktok-feed.md

4-how-to-set-up-preferences.md

5-information-center.md

6-faqs.md

Mageplaza Digital Downloads

1-how-to-create-a-new-digital-product.md

2-how-to-manage-digital-products.md

3-how-to-manage-files.md

4-how-to-manage-orders.md

5-how-to-customize-the-download-email-template-to-match-my-brand.md

6-how-to-customize-the-thank-you-page-to-match-my-brand.md

7-how-to-add-our-block-to-thank-you-page.md

faqs.md

Mageplaza Product Quiz

1-how-do-I-create-and-manage-quizzes.md

10-how-do-i-link-product-and-collections-to-quiz-answers.md

2-what-is-the-quiz-creation-process.md

3-what-question-types-can-I-use-in-my-quiz.md

4-how-do-I-customize-the-design-of-my-quiz.md

5-how-do-I-publish-my-quiz-to-my-store.md

6-how-do-I-view-customer-responses-to-my-quiz.md

7-what-advanced-features-are-available-for-managing-my-quizzes.md

91-faqs.md

Mageplaza Hide Price & Access Control

0-how-to-create-an-access-control-rule.md

1-how-to-create-a-hide-price-rule.md

91-faqs.md

How to select a position to show your size chart

MP Size Chart & Size Guide gives you full flexibility to decide where and how the size chart button will appear on your storefront. You can configure it in Appearance screen in the app.

There are three display ways: Button, Dropdown, or Button & Dropdown.

1. Button

You can show the size chart as a button with three styles:

1.1. Floating button

The button appears as a small floating tag on the product page.
You can customize the position separately for Desktop and Mobile:
- Desktop: bottom-left, bottom-right, middle-left, middle-right, top-right, top-left.
- Mobile: bottom-left, bottom-right, top-left, top-right.
Recommended if you want the button to always be visible without scrolling.

1.2. Inline link

The Size Chart link is embedded directly in the product page content (for example, next to the size selector).
Setup methods:
- App block (for Online Store 2.0 themes)
- CSS selector

Learn how to add size chart to storefront here.

Popup position (desktop only): Choose where the chart opens → Center, Fullscreen, Left, Right, or Custom.
On mobile, the pop-up is always full-screen for best readability.
Inline links look more natural in the buying flow and are less intrusive.

1.3. Both (Floating + Inline)

You can display both a floating button and an inline link at the same time.
This option maximizes visibility — customers can either click the floating button or the inline link.
Useful if you want to ensure the size chart is impossible to miss.

Instead of a button, you can add the Size Chart inside a dropdown section on the product page.
Setup options:
- App block (recommended for 2.0 themes).
- CSS selector (for themes without app block support).

Recommended for stores that want a cleaner product page design with expandable info.

Combine both methods:
- Configure a Button (Floating / Inline / Both).
- Configure a Dropdown section.
This gives maximum flexibility, letting you adapt to different customer preferences.

Which option should you use?

Inline link → Best for placing the chart right next to the size selector, making it easy for customers to decide.
Floating button → Best for allowing access at any point on the product page while scrolling.
Dropdown → Best for a clean design, always visible without extra clicks (auto-open).

Tip: Most merchants start with Inline link (next to the size selector) because it feels natural in the buying journey. Adding a Floating button can help highlight the size chart more strongly during sales or when you notice high return rates due to sizing issues.