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

Check out MemberPress and the new ChatGPT integration!The Uncanny Automator-powered #MemberPress + OpenAI ChatGpt Integration is HERE! ๐Ÿš€

Turn your โฐ time-consuming content-creating tasks over to #ChatGPT & put AI to work for your WordPress online business ๐Ÿ‘‰ memberpress.com/cgpt-guide
... See MoreSee Less

Check out MemberPress and the new ChatGPT integration!

3 weeks ago

Smash Balloon

Want to easily embed reviews from Google, Facebook, Tripadvisor, and Yelp on your WordPress website?

Find out how to do this in just 4 minutes in our video tutorial:
... See MoreSee Less

Video image

Comment on Facebook

We have a problem. It's impossible connect the account ig. Help me please

1 month ago

Smash Balloon

Want more people to join your #Facebook events? ๐Ÿค”

Spice things up by embedding Facebook events on your #wordpress site!

Since your visitors are already interested in your brand, you can easily have a packed house for your events this way.

Our new video shows you how it's done:
... See MoreSee Less

Video image

Comment on Facebook

Please check your support tickets as soon as possible.

2 months ago

Smash Balloon

Did you know that 65% of people are visual learners? ๐Ÿ‘€

By embedding your #instagram feed, you can give people an easier way to learn about your brand.

The best part? You can do this for free!

Check out our new video below to get started right away: ๐Ÿ‘‡

... See MoreSee Less

Video image

Comment on Facebook

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

Was this article helpful?