Docs    Facebook    Customizations

Link to the Facebook Page of Group after loading posts X number of times

If you’d like to link users to view your Facebook page or group after loading more posts into your feed X number of times, then just add the following snippets.

First, add a class to the feed that you want to apply this to:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

1 week ago

Smash Balloon

🎬 Want to grow your Instagram presence?

With Instagram Feed Pro, you can easily create, customize, and embed Instagram posts on your website.

You can then engage your visitors and get tons of #instagram followers in no time.

Find out more about the easiest to use and most powerful Instagram feed plugin here:
... See MoreSee Less

Video image

Comment on Facebook

4 weeks ago

Smash Balloon

We kicked off our Smashing Summer Sale last week, and the response has been amazing!

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now it's your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while it's hot!

Click here to save BIG: smashballoon.com/sale/
... See MoreSee Less

We kicked off our Smashing Summer Sale last week, and the response has been amazing! 

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now its your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while its hot!

Click here to save BIG: http://smashballoon.com/sale/

3 months ago

Smash Balloon

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
... See MoreSee Less

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: https://smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
Load more

Then add the following JavaScript to your site. This can be done manually using a custom JavaScript plugin. For further information see our documentation here.

var clickCount = 0,
clickLimit = 2,
linkToFacebook = 'https://facebook.com/my-page-or-group';
$('.cff-limit-clicks').on('click', '.cff-load-more', function(){
clickCount++;
if( clickCount >= clickLimit ){
$(this).after('<a href="'+linkToFacebook+'" target="_blank" class="link-to-group">View more on Facebook</a>');
$(this).remove();
}
});

Change the clickLimit number to be the number of clicks on the Load More button that you want to limit the user to.

Change the linkToFacebook to be the link of your Facebook page or group that you’d like to use on the button.

Change cff-limit-clicks to be whatever class you used in your shortcode.

Then add this CSS to your preferred custom CSS location or stylesheet. One option is the default additional CSS location found at WordPress Dashboard > Appearance > Customize > Additional CSS.

#cff .link-to-group{
  ​width: 100%;
  text-align: center;
  display: block;
  background: rgba(255,255,255,0.5);
  padding: 5px;
  border-radius: 5px;
​}
support

Couldn’t find your answer in the docs?

Contact Support