Facebook Integration

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.

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 → EngageBox
Create a new Box and make sure Enabled is turned on
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 all Tabs unchecked
Set the fields Hide Cover Photo, Use Small Header and Show Friend's Faces to Yes
Set Width to 399px

Behavior

On the Design tab, set Position to Middle Center
On the Behavior tab, select the Page Load trigger
Set After Close Stay Hidden to Forever
Choose your preferred Transition In Effect and Transition Out Effect
Set the Delay to 10000 (10 seconds)

Design

Set Width to 400px and Height to 155px
Set Padding to 0px
Under Border, set Style to None
Set Background Overlay to Enabled and Color to rgba(59, 89, 152, 0.8)

Set your Display Conditions and enjoy!