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

3 weeks ago

Smash Balloon

Ever wanted to showcase your YouTube live streams on your website?

Here's a quick video tutorial to help you:
... See MoreSee Less

Video image

Comment on Facebook

3 months 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 👉
... See MoreSee Less

Check out MemberPress and the new ChatGPT integration!

3 months 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

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 = '';
$('.cff-limit-clicks').on('click', '.cff-load-more', function(){
if( clickCount >= clickLimit ){
$(this).after('<a href="'+linkToFacebook+'" target="_blank" class="link-to-group">View more on Facebook</a>');

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;

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?