A Customizable Icon with Padding
Style 7 offers a fully customizable WhatsApp button with options to adjust the icon, background, and call-to-action (CTA) elements, allowing for a dynamic and engaging design.
To Apply Style 7
- Go to Click to Chat → General → Widget Style & Position.
- Select Desktop and choose Style 7 from the style grid.
- Click Save.
We can use the same style for desktop and mobile. To choose a different style for mobile, turn off Mobile and Desktop same settings.
Customization
Select Style 7 in the style grid, then click the Customize brush icon that appears on the selected style. Edit its appearance and click Save. Saved changes apply wherever Style 7 is used.
Key Features
- Customize Icon Size: Adjust the size of the WhatsApp icon.
- Icon Color: Set the color of the WhatsApp icon.
- Icon Color on Hover: Change the icon color when users hover over the button.
- Border Padding Size: Adjust the padding around the icon and button for balanced spacing.
- Background Color: Choose a background color for the button.
- Background Color on Hover: Set a different background color for the button when hovered over.
- Border Radius: Modify the border radius for rounded or sharp corners.
- Call to Action Options: Display the CTA on hover, show it permanently, or hide it.
- CTA Text Customization: Customize the CTA text color, background color, and font size.
Style 7 offers a versatile and engaging WhatsApp button with complete control over icon size, color, and background, alongside customizable call-to-action features for a dynamic user experience.