How to Add Like Us Button On Facebook to your WordPress website using Divi theme and Bloom Optin

Facebook Setup

Step 1

Go to the Facebook ‘Like Button For Web’ page

https://developers.facebook.com/docs/plugins/like-button#

Step 2

Enter the URL of the Facebook page that you want people to Like, select the options on how you’d like it to look and then click the ‘Get Code’ button

Step 3

At the top of the form click on the ‘IFrame’ tab and then copy the code under ‘Step 2’.

Bloom Setup

Note: It is assumed that you are familiar with the basic bloom configuration e.g. setting text, colours etc.  Please see the Elegant Themes documentation https://www.elegantthemes.com/documentation/bloom/overview/ for more information.

Step 4

Goto your WordPress dashboard -> Bloom -> Optin Forms

Step 5

Click the New Optin Button

Step 6

Select the Optin type you want, in this example we are using ‘Pop Up’

Step 7

In the Select Email Provider drop down, select ‘Custom HTML Form’ (its the last option in the list) and paste in the code that you copied from the Facebook Like Developer Page into the box below

Step 8

The Click the Next Button and choose your template

Step 9

Complete the template design your optin form and upload a Facebook icon

Setup Complete and your pop up should look something like:

To see this in action, please goto https://demo.winstar.asia/

Divi Websites and Facebook Groups

If you are looking for more information on Divi then please check out DiviLibs, containing links to over 70 Divi related websites and over 10 Divi Facebook groups.

More From Our Geek Blog

WEBSITE SEO TIPResearch your keywords. As a business owner you will use search terms for your product/ service/ brand that you use. This isn't always what a customer search term is. Contact us if you need any...

read more

How to Autoplay Divi Videos and Hide Controls

This might not work in all scenarios as you might not be able to get the positioning exactly as you like. Rather than using the video module, add the video as the column background. Then in the column that you added the background too, add a divider module and set the...

read more
Snuffle Dog

Snuffle Dog

Snuffle DogAbout Snuffle DogSnuffle Dog website sells beer and crisps for dogs across Europe.Snuffle Dog's Website FeaturesThe website is a fully functional online store with options for the customer to buy snuffle dog products. As they sell across Europe, the prices...

read more

Security Awareness

Security Awareness Telephone If you get a phone call claiming to be from Spark, Microsoft or any other company and they say you have a virus or problem with the network and ask you to go to your computer or open up a webpage then hang up on them, it is a scam. No...

read more
Kiwibird Baby Gifts

Kiwibird Baby Gifts

{"dynamic":true,"content":"custom_meta_company","settings":{"before":" ","after":" ","enable_html":"on"}} {"dynamic":true,"content":"custom_meta_company","settings":{"before":" About ","after":"'s Website ","enable_html":"off"}} Kiwibird baby gifts sell products that...

read more

Keep Posted with our Special Offers and Latest Updates

Like Us On Facebook!