Kiwi lets you control where your size chart appears on the product page using an Injection Selector. This selector tells Kiwi which element on your product page to place the size chart near.
You can use:
ID selectors (recommended when available)
Class selectors
Advanced selectors (more specific CSS selectors, if your theme needs it)
Step 1: Open Injection Settings in Kiwi
Open the Kiwi Size Chart app in your Shopify admin
Go to Style & Settings
Locate the Injection Selector field.
This is where you’ll enter your chosen selector.
Step 2: Use Your Browser to Find the Selector
Go to a product page in your store.
Right-click near the element you want to inject next to (e.g., Add to Cart)
Click Inspect.
Click the pointer icon in the inspector panel to highlight page elements.
Hover and click the element where you want to place the chart.
Step 3: Choose the Right Type of Selector
You can use any valid CSS selector that targets the correct location:
ID:
#AddToCart-buttonClass:
.product-form__submitAdvanced selector:
.product-form__input:last-of-type > legend.form__label
💡 If you're not sure what type to use, class + pseudo-class selectors are generally the most stable across products.
Step 4: Paste Into Kiwi & Save
Paste the selector into the Injection Selector field in Kiwi and hit Save. The size chart will now inject near the element you targeted.
Want to Learn More?
If you’re looking for more advanced placement guidance, especially around building stable selectors across all products, we recommend reading this: