Skip to main content

How to Enable the Float Size Chart Button

The float size chart button lets you display a floating button on your product pages, giving customers quick access to the size chart without needing to add it inline on the page.

Steps to Enable the Float Size Chart Button:

  1. Go to "Styles & Settings" in the Kiwi Size Chart & Recommender app.

  2. Click on the "General Settings" tab.

  3. Go to the "Float Button" tab.

  4. Under "Float Button Settings," toggle on "Enable float size chart button."

  5. Click Save to apply the changes.

Once enabled, a floating size chart button will appear on your product pages, giving customers an easy, always-visible way to check sizing before they buy.

Customizing the Float Button

Once enabled, a range of settings will appear that let you customize how the button looks and behaves:

Content

  • Text: The label displayed on the button.

  • Icon: The icon shown alongside the text.

  • Icon Color: The color of the icon.

Placement

  • Position: Choose where the button appears on the page: Top right, Bottom right, Bottom left, or Top left.

  • Orientation: Choose whether the button is displayed Vertically or Horizontally.

  • Enable on Desktop: Turn the float button on or off for desktop visitors.

  • Enable on Mobile: Turn the float button on or off for mobile visitors.

  • Desktop gap from bottom right corner: Sets the spacing (in px) between the button and the corner of the screen on desktop.

  • Mobile gap from bottom right corner: Sets the spacing (in px) between the button and the corner of the screen on mobile.

Text Styling

  • Font Size: Adjusts the size of the button text (in px).

  • Font Color: Sets the color of the button text.

  • Font Family: Choose the font used for the button text.

  • Italic: Toggle italic styling on or off.

  • Bold: Toggle bold styling on or off.

  • Underline: Toggle underline styling on or off.

Appearance

  • Background: Sets the background color of the button.

  • Border Color: Sets the color of the button's border.

  • Vertical padding: Adjusts the internal spacing (in px) above and below the button text.

  • Horizontal padding: Adjusts the internal spacing (in px) to the left and right of the button text.

These settings let you match the float button to your store's branding and choose exactly where and how it appears for your customers.

If you need further help, you can reach out to us anytime!

Did this answer your question?