Free Classified Site – Bedpage

Adding Floating Call to Action Button in WordPress

Need an action button for website?

Do you need a button on website that can help you show pop-up?

Or do you need a simple floating button that can help you redirect traffic to a specific page?

If yes, then this article will help you setup a floating side button that can be used to redirect traffic, show popup, offers, contact us details, forms etc.

Adding Floating Call to Action Button in WordPressAdding a sticky side button in wordpress is simple. Simple Side Tab plugin helps you add button to left or right of wordpress websites. Button stay fixed to one position while user can scroll down webpage.

You can control button position, text, color, link and size etc from plugin dashboard. It’s a free but really effective wordpress plugin.

Button works equally well on different size devices like mobiles, tabs, laptops and desktops.

I will tell how to setup & add custom floating side button in wordpress step by step, but before that let me tell you some of its key features.

Plugin Features

  • Filter added to modify output of tab text
  • Filter added so the tab display can be turned on and off conditionally
  • Assign the tab to the left or right side of browser window
  • Change vertical position of your tab
  • Unlimited colors for tab elements
  • All CSS, no graphics

How To Add Floating Call To Action Button In WP?

Setting up Simple Side Tab plugin is same as any other wordpress plugin. Go to Plugins > Add New in wordpress and search for Simple Side Tab plugin.

Simple Side Tab PluginNext step is installing and activating plugin. (please make sure you install the same plugin as shown in image above)

Now open Simple Side Tab plugin setting page (find plugin under Settings in wordpress after you installed it). You will see all plugin settings here.

Simple Side Tab settings
1). Set the text for button.

2). Select font and text style, you can make text bold and give shadow effect on hover.

3). Add URL of page or popup.

4). Set alignment (left or right) and position (top margin in px) of button.

5). And in the end choose button text, background and hover color.

And now you are done with plugin setup, save settings and visit website to confirm.

Still Not Sure?

See video below. All same steps are done in video as well.

If you liked this video do checkout more video tutorials like this on my Youtube Channel & subscribe to get notification when I upload new videos.

Do let me know if you face any difficulties. Add issues you are facing in comment section below I’ll be more than happy to help you out.

Also if you have any suggestions regarding this blog please do let me know – thakurblogger@gmail.com
 

Add Comment