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=""]
- 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"]