Elementor , Foller

Using the Foller plugin anywhere in WordPress site

There are two methods for displaying a list of follower buttons on a site. You can configure the positions of the Foller globally for the whole website without editing pages. You can read more about this in the article about plugin settings.

In addition, you can use the Foller separately on each page. There are several ways:

  • Shortcode
  • Widget for Elementor
  • Addon for WPBakery
  • WordPress Widget

Shortcode

In addition to the standard plugin positions, you can use the shortcode [foller] anywhere. You can pass additional settings to the shortcode to enhance the functionality of the plugin.

To change the list of social networks to be displayed, use the name of the social network inside the shortcode. The shortcode below displays only YouTube, Vimeo and Twitch.

[foller youtube="" vimeo="" twitch=""]
  • twitter
  • facebook
  • instagram
  • pinterest
  • youtube
  • vimeo
  • soundcloud
  • vk
  • flickr
  • github
  • twitch
  • envato
  • wordpress_posts
  • wordpress_comments
  • wordpress_users

If you do not insert anything between quotation marks, then the values ​​from the plugin settings will be used. But you can use custom links or usernames. The shortcode below displays only Twitter follow buttons for @merkuloveteam

[foller twitter="https://twitter.com/merkuloveteam"]

type

This parameter sets the type of buttons that will be used. The shortcode below displays the Foller button without the follower’s counter.

[foller type="button"]
  • counter
  • button

counter_format

This parameter controls the formatting of numbers received from the social network. The shortcode below displays counts in the short format.

[foller counter_format="short"]
  • full
  • short
  • comma
  • dot
  • space

style

This parameter controls the style of the buttons. The shortcode below displays rounded buttons – filled in the default state and filled in the hover state. 

[foller style="style-rounded-fill"]
  • style-round-tr-border
  • style-round-tr-fill
  • style-round-border
  • style-round-fill
  • style-rounded-tr-border
  • style-rounded-tr-fill
  • style-rounded-border
  • style-rounded-fill
  • style-rectangle-tr-border
  • style-rectangle-tr-fill
  • style-rectangle-border
  • style-rectangle-fill
  • style-unset

initial_animation

This parameter controls the initial animation of the buttons. The shortcode below sets the initial animation to Bounce.

[foller initial_animation="bounce"]
  • none
  • bounce
  • fade
  • flip-x
  • flip-y
  • scale
  • slide-tr
  • slide-tl
  • slide-tt
  • slide-tb
  • rotate

hover_animation

This parameter controls the hover animation of the buttons. The shortcode below sets the hover animation to Particles.

[foller hover_animation="particles"]
  • none
  • particles
  • liquid-flip-y
  • liquid-flip-x
  • liquid-fade
  • liquid-wobble
  • bounce
  • fade
  • flip-x
  • flip-y
  • scale
  • wobble
  • rotate

layout

This parameter sets the layout settings. The shortcode below displays sets the layout to the Bottom Left value.

[foller layout="bottom-left"]
  • bottom-left
  • bottom-center
  • bottom-right
  • row-left
  • row-right
  • top-center
  • top-left
  • top-right

You can configure different shortcode parameters in any combination. The shortcode below displays only Facebook, Twitter and VK, in the short data format.

[foller facebook="https://www.facebook.com/merkuloveteam" twitter="" VK="" counter_format="short"]

Was this article helpful to you?