Button Layout Options
This example demonstrates the available layout options for the social sharing buttons. You can control how the buttons are displayed, including their alignment, spacing, width, and overall arrangement. These settings allow you to match the button layout to your website design while maintaining consistent styling across different devices.
Icon Left, Text Right Demo
This is an example of social sharing buttons arranged with the “Icon Left, Text Right” layout.
Icon Right, Text Left Demo
This is an example of social sharing buttons arranged with the “Icon Right, Text Left” layout.
Icon Top, Text Bottom Demo
This is an example of social sharing buttons arranged with the “Icon Top, Text Bottom” layout.
Icon Only, No Text Demo
This is an example of social sharing buttons arranged with the “Icon Only, No Text” layout.
Text Only, No Icon Demo
This is an example of social sharing buttons arranged with the “Text Only, No Icon” layout.
Icon Left, Text Right Demo (Example 1)
This example demonstrates the Icon Left, Text Right layout. The button text is customized, a title is added above the buttons, and layout settings are adjusted to control spacing and alignment.
Icon Right, Text Left Demo (Example 2)
This example demonstrates the Icon Right, Text Left layout. A title is displayed inline with the buttons, spacing and column settings are adjusted, and the button border radius is customized.
Icon Only, No Text Demo (Example 3)
This example demonstrates the Icon Only, No Text layout. The icon width is set to Fixed, the icon and background colors are customized to match the site design, and the border radius is adjusted to create a circular button style.