How To Customize Floating Link & Inline Button
Customize Mode (Advanced Styling)
The Customize Mode allows you to fully control how your size chart button and popup appear on your store. This feature gives you advanced design flexibility beyond the default settings.
1. Access Customize Mode
On the Appearance page:
- Click Customize more in the Preview panel
- This will open advanced customization options
1.2. What you can customize
With Customize Mode, you can adjust:
- Button position and spacing
- Design alignment with your theme
- Advanced layout behavior
- Visual placement across different screen sizes
This helps you match the size chart perfectly with your store’s design.
Advanced Settings
The Advanced Settings section allows you to fully customize the appearance and behavior of your size chart buttons on your store. You can configure both the Floating Button and Inline Button to match your store’s design and improve user experience.
Floating Button
The floating button appears as a sticky element on the product page, making it easily accessible for customers.
You can customize the following:
- Text: Edit the button label, text color, font weight, decoration (underline/italic), and font size
- Border: Adjust border color, width, and corner radius for a more refined look
- Color: Set the background color of the button
- Size: Control padding (horizontal and vertical) to change the button size
- Rotate: Rotate the floating button to display it vertically or at a custom angle
These options help you design a floating button that stands out while staying consistent with your brand.
Inline Button
The inline button appears within the product page content, usually near product details or the add-to-cart section.
You can customize:
- Text: Modify text style, font weight, and decoration
- Color: Adjust text and background colors
- Size: Change the font size for better visibility
- Icon Position: Choose whether the icon appears before or after the text
Preview & Device View
Use the preview panel to see how your changes will look on your store. You can switch between mobile and desktop views to ensure your size chart button looks perfect on all devices.