Description

The Sticky Contact Buttons plugin adds sticky Click-to-Call and Click-to-WhatsApp buttons to your WordPress site. These buttons can be customized in terms of placement, visibility, colors, and functionality to suit your website’s design and user preferences.

Features

  • Customizable button positions (top left, top center, top right, middle left, middle right, bottom left, bottom center, bottom right)
  • Device-specific visibility settings
  • Customizable button colors and icons
  • Hover effects (grow, shrink, rotate, pulse)
  • Choice between round or square buttons
  • Options to enable direct phone dialer on mobile and WhatsApp web/desktop app on desktop
  • Set a default WhatsApp message
  • ARIA labels for accessibility
  • Advanced settings for button size adjustment and scroll activation
  • Secure admin settings with data validation and sanitization

Installation

  1. Upload the sticky-contact-buttons folder to your WordPress wp-content/plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Navigate to the ‘Contact Buttons’ settings page in the WordPress admin menu to configure your settings.

Configuration

Placement Options

  • Top Left: Positions the button at the top left of the screen.
  • Top Center: Positions the button at the top center of the screen.
  • Top Right: Positions the button at the top right of the screen.
  • Middle Left: Positions the button at the middle left of the screen.
  • Middle Right: Positions the button at the middle right of the screen.
  • Bottom Left: Positions the button at the bottom left of the screen.
  • Bottom Center: Positions the button at the bottom center of the screen.
  • Bottom Right: Positions the button at the bottom right of the screen.

Visibility Settings

  • Show on certain pages/posts only
  • Show after scrolling down a certain percentage of the page
  • Visible on specific devices: Tablet, Desktop, Mobile, All devices

Design Customization

  • Button Colors: Customize the background and text colors of the buttons.
  • Icon Colors: Customize the colors of the icons.
  • Hover Effects: Choose from grow, shrink, rotate, or pulse effects.
  • Button Shape: Choose between round or square buttons.
  • Button Text: Option to show or hide button text.

Functionality

  • Direct Phone Dialer: Enable direct phone dialer on mobile devices.
  • WhatsApp Web/Desktop: Enable WhatsApp web/desktop app on desktop devices.
  • Default WhatsApp Message: Set a default message to be sent when the user opens WhatsApp chat.

Advanced Settings

  • Button Size Adjustment: Adjust the size of the buttons for better visibility.
  • Scroll Activation: Show buttons based on scroll percentage.

Accessibility

  • ARIA Labels: Ensure buttons are accessible with proper ARIA labels.
  • Color Contrast and Size Compliance: Ensure visibility for all types of users.

User Instructions

  • Phone Number Format: Add phone numbers with a plus sign and country code (e.g., +).
  • WhatsApp Number Format: Add WhatsApp numbers without a plus sign and with country code only (e.g., ).

Help and Feedback

For support, email sarathy@sarathy.in.

Security

  • Data Validation and Sanitization: All user inputs are validated and sanitized.
  • Nonces for Form Submissions: Nonces are used to verify form submissions and protect against CSRF attacks.
  • User Capability Checks: Only authorized users can access the plugin’s settings page.

Changelog

  • Version 1.0: Initial release with customizable placement, visibility, colors, hover effects, ARIA labels, and security features.

License

This plugin is licensed under the GPL v2 or later.

Credits

Developed by Sarathy.


Thank you for using the Sticky Contact Buttons plugin!