Tassos Marinos Developer of Joomla Extensions

Create a Facebook Like Page Box

Published in EngageBox
Updated 29 Apr, 2020

Facebook is a great social media platform to promote your business, products, and services. So you may want to create a popup to your Facebook page in your website to help spread the word.

This tutorial will help you create a popup box that gets triggered 10 seconds after the user has landed to your website.

engagebox facebook like settings

How do I find my Facebook Page URL?

In order to find your Facebook's Page URL, visit your Facebook Page and copy the URL at the top of your browser.

If you can't figure it out, {modal https://www.youtube.com/embed/pJyU-uJRDVo|width=560|height=315}View this video{/modal}

Create the Box

  • Go to Components -> Engage Box
  • Create a new Box and set Published to Yes
  • Enter any title you like
  • Choose the Social Media option from the Box Type listbox
  • Choose the Facebook Page Like option from the Social Plugin listbox
  • Enter your Facebook Page URL
  • Leave the Tabs field empty
  • Set the fields Hide Cover Photo, Use Small Header and Show Friend's Faces to Yes
  • Set Width to 399px

Trigger

engagebox facebook like settings

  • Set the Position to Center
  • Set the Trigger Point to On Page Load
  • Set After Close Stay Hidden to Forever
  • Choose your preferred animations
  • Set the Delay to 10000 (10 seconds)

Appearance

engagebox facebook like settings

  • Set Width to 400px and Height to 155px
  • Set Padding to 0px
  • Set Border Style to None
  • Set Background Overlay to Yes, Color to #3b5998 and opacity to 80%

Choose your preferred publishing assignments and enjoy!