You’ve already installed Floatton and excited ready to create your first WordPress floating action button. This tutorial is designed for you to easily get started through the guidelines and instructions below.
If you’re more comfortable on step by step instruction rather than watching the video, please continue reading.
1. Login to your WordPress admin dashboard first; then click Floatton menu on the admin navigation bar.
2. Since you haven’t created any buttons yet, the lists will be empty. Click Add New button to create one.
3. Create a unique name/title you want to easily manage all buttons. Then Add Text Label you want to appear on the button.
4. Decide which left or right bottom position will be the best fit on your site layout then add them on the text box provided. You can choose between pixels/percentage position type.
5. Select on dashicons provided for better button content and for mobile floating button stylish icon.
6. Choose your content type. You can select whether you want to add comment form, rating form or custom content for contact forms and shortcodes as content on the tooltip-styled pop-up on button click.
7. Add auto open triggers to your popup contents. You can serves your content to your users right away using the custom triggers option. You can automatically open content on page load, once per user visit via cookie, on certain browser position scroll, when user reach the bottom of the posts or pages.
8. Optional but you can change the comment title, comment and rating button text and add notes before and after the fields which will be added via
comment_form() WordPress function.
9. Make them visible to your users by selecting which post types, pages, taxonomy archive pages, user status and devices you want the button & contents to be displayed.
10. Optional, you can add custom form success message for comments, WooCommerce Rating form and contact form shortcode if the plugin doesn’t provide any. Some plugin like gravity forms already has this so it will be overridden.
11. Style ’em to match perfectly with your theme! Just click on the colorpickers provided for each elements for the buttons and pop up contents.
12. Finally hit the publish button! Then go to your site and you’ll now have the perfect floating button you’ve been asking for.