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
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
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...
Snuffle Dog
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...
Kiwibird Baby Gifts
How create a neon glow effect in Divi
https://winstar.co.nz NOTE: This only works on a black background Add a code module to the divi page and paste in the code below <div class="text-effect"> <h1 class="neon" data-text="https://winstar.co.nz" >https://winstar.co.nz</h1> <div...
Divi Titles Not Showing In Section – Row – Module Visual Editor
Divi Titles Not Showing In Section - Row - Module Visual Editor If the edit section / row / module is not showing the titles, then you have probably set you H3 tag to be white text in the stylesheet. To fix this either in the theme stylesheet or in the...
investimmo
Winstar subcontract to help support and maintain an existing website hosted in Belgium investimmo.be adding new functionality and fixing any problems reported. The site is multilingual and also has a French version http://www.investimmo.be/fr/ and an English...
How to wrap text on a button
If the text on a button is not wrapping then the white space is probably incorrect. Try the following CSS to correct it: input[type="submit"] { white-space: normal; }
How to make your site show in a Google Search
For the website http://www.electriciteitswerkenbotteldoorn.be/ I made the following changes 1) Added google analytics tracking script 2) Checked meta tags are they are there 3) Added local SEO...
Recent Comments