An Enhanced Icon with Padding and Call to Action
Style 7 Extended offers even more customization for the WhatsApp button, providing full control over the icon, text, and call-to-action (CTA) elements for a more personalized design.
WhatsApp us
To Apply Style 7 Extended
- Go to Click to Chat → General → Widget Style & Position.
- Select Desktop and choose Style 7 Extend 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 Extend 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 Extend is used.
Key Features
- Display Call to Action: Control the visibility of the CTA—show it on hover, permanently, or hide it entirely.
- Icon Size: Adjust the size of the WhatsApp icon to fit your design.
- Icon Border Padding: Set the padding around the icon for balanced spacing.
- Icon Text Color: Choose the color for the icon’s text.
- Icon Text Color on Hover: Set a different color for the icon’s text when hovered over.
- Hover Direction Based on Position: The hover content opens on the opposite side of the button.
– If the button is on the right, the hover content appears to the left.
– If the button is on the left, the hover content appears to the right.
– If the button is at the center, the hover direction depends on whether it’s aligned slightly to the left or right. - Background Color: Select a background color for the button.
- Background Color on Hover: Change the background color when the button is hovered over.
- Font Size: Adjust the font size of the CTA text for better readability.
Style 7 Extended is ideal for users who want to fully customize their WhatsApp button, offering flexibility in icon size, text color, background, and call-to-action options for a unique design.