April 08, 2024

DN Footer Contacts Plugin

Elegant and customizable buttons bar, located on the bottom of the screen, with "Call to Action" to be immediately and easily contacted by u …

Show fixed buttons on bottom screen.
To allow visitors a quick and easy way for contact you by “Call to Action”. This plugin allows you to track and evaluate the effectiveness of a site by measuring visitors’ clicks. By combining the statistics of the buttons (call to action) with the statistics of visits of other tools, it will be easier to study new strategies to increase conversions. The buttons are easily customizable for different site themes and they open a link in a new window.

Compatibility with firefox, chrome, safari, opera and edge

Available options

target option (open in same/new tab)
buttons shape option (square, top rounded, left wave and right wave)
buttons spacing option (none, 1px, 2px or 5px)
start animation option (fade, slide up, slide left and slide right)
alignment buttons (center, left or right)
display customization (icons only, text only, or both)
size of buttons (very small, small, normal, big, very big)
type of bar (full screen background, background only on buttons or completely transparent background)
customization of background and text colors (including hover colors and transparent option)
icon format in svg
color customization for each individual button
compatibility with FontAwesome (installed separately) and related button and instructions for adding the icon
new shape added: rounded edges (in the icon-only view the button becomes a circle)
replaced the preset icons with svg that are colored like the text
custom color selection has popup support with color palette UI

Available preset buttons

WhatsApp button for quickly sending a message
Phone button to call immediately
Email button to write and send mail
Map button to activate the Google navigator and provide information on how to reach the office
Skype button
Facebook button
Instagram button
Youtube button
LinkedIn button
TikTok button
Twitter button
Download button
External link button

Statistics

Statistics to monitor clicks (call to action):
* total number of clicks per day, month and year
* daily, monthly and annual chicks number for each button

Installation

Download the plugin.
Install and active the plugin on your WordPress Admin site.
Open menu Footer Contacts

This plugin is compatible and integrable in DN Dashboard, DN Globalize and DN Smart Chat

Screenshots

preview footer contacts bar
preview buttons style
contact buttons list
add new preset button
edit button
settings page
daily, monthly and annual statistics of clicks on contact buttons

FAQ

After updating to version 1.6 the buttons are deformed

Go to “settings” and save. The css will be reset correctly by deleting the cache.

How to add a “preset button” to footer bar

In the side menu, click on Settings > Footer Contacts
In the “List” screen, select a predefined button from the drop-down menu and click on “Save and add new”
Fill in the required fields (the title is optional), set status to “visible” and save

How to add “custom button” to the footer menu bar

Custom field button for other link, example profile facebook, profile instagram, profile youtube, messenger, etc
1. Prepare a 56×56 pixel image with transparent background (png, gif, webp, etc)
2. From the side menu click on Media > Add new
3. Press “Select file” to open the device file browser window
4. Select the image file and upload it
5. Copy the url generate by WordPress (if image is not optimized you can edit it with the tools made available by the image library)
6. In the side menu, click on Settings > Footer Contacts
7. In the “List” screen select “custom field” from the dropdown and click on “Save and add new”
8. Fill in the required fields (the title is optional), copy url in the “image url” field, set status to “visible” and save

Changelog

1.6.3

2024-04-08
* Fixed XSS fulnerability (thanks for the report from Security Researchers for WPScan and Jetpack)
* Tested up to WordPress 6.5

1.6.2

Tested up to WordPress 6.4.3

1.6.1

2023-12-16
* Fixed javascript warning

1.6.0

2023-12-08
*added color customization for each individual button
*added compatibility with FontAwesome (installed separately) and related button and instructions for adding the icon
*a new shape added: rounded edges (in the icon-only view the button becomes a circle)
*replaced the preset icons with svg that are colored like the text
*custom colors are compatible with rgba (colors and opacity)
*custom color selection has popup support with color palette UI
*added instructions on the “about” page
*preset icon formats (png/webp) eliminated and replaced with svg compatible with all browsers
*tested with firefox, chrome, safari, opera and edge

1.5

2023-06-23
* added target option (open in same/new tab)
* fixed some PHP notice in backend

1.4.1

fixed bug su about page

1.4.0

2023-05-24
* improved html tag for icons
* added webp format for icons
* fixed display “icons + title” in mobile mode

1.3.1

2023-03-31
* Added new buttons: download and website link
* Tested on WordPress v6.2
* Fixed order buttons bug
* Fixed php notices
* Fixed device views bug
* Added refreshing textdomain languages on upgrade plugin version

1.3.0

added new preset buttons (skype, facebook, instagram, youtube, linkedin, tiktok, twitter)
added animations for bar appearance (fade, slide up, slide left and slide right)
added option to separate buttons
added new option for button shape (square, top rounded, right wave and left wave)
new visibility based on device (desktop, tablet or mobile)
buttons management redesigned with ajax tecnology
added new sorting system based on drag&drop
increased security
admin button styles are now equal to front style
fixed settings save bug for menubar size
added help section in “About” page for colors suggestions

1.2.0

improved graphic appearance and notify message
file structure optimization to avoid waste of resources
implemented dynamic CSS external file for frontend styles (before they were inline)
the javascript scripts were put in separate js file
the backend css were put in separate css file
fixd title html tag on buttons in frontend
fixed varius php notice
added reset all data, settings and stats function
added “About” section with link at WordPress support forum of the plugin
security level has been increased
tested up to wordpress 6.1.1

1.1.2

fixed session conflict warning

1.1.1

tested up to wordpress 6.0

1.1

fixed bug on adding new button when list is empty
added “email button” in preset buttons

1.0.1

added “custom contact button”
added “size icon” and “hide all” options

1.0

initial version