A little floating button in the lower right corner shows those links to the services you already use.
See a demo on codepen.io to see what we are talking about.
| ❗ There is also a version without dependencies. |
|---|
| Check codepen.io. |
It is totally fine, to Copy & Paste the code from the demos as well!
- Better performance (No additional requests. No Font Awesome integration required.)
- Better adaptability.
There are tons of tools out there that provide real-time chat functionality or immediately forward messages to your Slack channel.
But why using a third-party service in the beginning? The easiest way to create a bond with your customers/visitors is to provide a link to your desired communication platforms somewhere on your page!
Just because you think that might be good, it does not mean your customers think the same.
- Download the latest release.
- Paste the folder into the plugins folder (site/plugins/) of Kirby.
- Done!
(In case you are really fancy you can also add Plug-Ins via git-submodule in the plugins folder. Checkout Kirby docs how to do that)
This Plug-In requires Font Awesome. So ensure to load it somewhere in your templates or snippets, e.g.:
<?= css('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css') ?>'kreativ-anders.feedback-button.color' => 'black', // HEX, RGB(A), COLOR ... WHATEVER YOU DESIRE
'kreativ-anders.feedback-button.accounts' => [
[ 'name' => 'WhatsApp'
,'url' => 'https://wa.me/491512345678910'], // JUST KEEP THE CORRECT URLs IN MIND
[ 'name' => 'Email'
,'url' => 'mailto:[email protected]'],
]| Supported Accounts | Comment |
|---|---|
| How to link to WhatsApp from a different app (whatsapp.com) | |
| GitHub | |
| Mailto Links (css-tricks.com) |
Add the following code somewhere in your template or snippets:
<?= css('media/plugins/kreativ-anders/feedback-button/main.css') ?>Add the following code somewhere in your template or snippets:
Do not add the snippet twice. That yields to an ugly ghosting effect.
<?php snippet('feedback-button') ?>This Plug-In is built for Kirby CMS based on Kirby´s Starterkit Version 3.5.0.
Kirby CMS requires a dedicated license:
Go to https://getkirby.com/buy
In case this Plug-in saved you some time and energy consider supporting kreativ-anders by donating via PayPal or becoming a GitHub Sponsor.