Want to track unlimited offers and campaigns in real time? Start today with ClickFlare! 🔥

Guide 💬 “Share on Facebook” Popup for Landing Pages (3 Landing Pages) 👈

dood

🚀
Staff Member
Community Leader
Joined
May 2, 2018
Messages
3,748
I’ve just noticed it’s been almost a year since I shared “Share on WhatsApp” landing pages! My plan was to also create landing pages with Share on Facebook code shortly after that but I forgot 😕
AD_4nXe6t7ZwcGIfA1QxlcfDv7Ew38jdX91BGEne1lQZhuyrJ4FW0qrbxXIJSMYxKcgwcrgiF80ab8viOAYUvvX0-rXR-ooZVQ-4mTRUCQ8XouFEYbHSZIVu1V1mqwv1hfcIlnhz4MPGsg?key=196DDyWZBggOEm61o-LFag0V


I guess it’s never too late.

AD_4nXff5rI1orZDXU06L8ht5lO5CIDbjl018tw6BnbtGIoCeBk1DEU0qao_XUH-gF0BYpnTeSOBQXaK-AIzOA1dHg6QL6FwVd--d8qs8Ge9-RbQcjrB6LdfGuRFPo5mm_ltDZ-O3MPxqA?key=196DDyWZBggOEm61o-LFag0V


Like last time, I’ve created an empty template which you can add to your existing landing page.

Here is the template that contains the code you’ll need 👇



Copy:
  • popup.css
  • popup.js
  • animation.gif
in the same folder where your main landing page HTML file is.


Then, add this code between your <head> </head> tags to include the required JS and CSS files:

Code:
<!-- for popup -->
<link  rel="stylesheet" type="text/css" href="popup.css" />
<script src="popup.js"></script>
<!-- /for  popup -->



Add this code at the end of your main landing page HTML file add this, just before the </body> tag

Code:
<!-- popup HTML -->
<div id="wa_container"   class="wa_container share_page  wa_hidden">
<div id="wa_share_page" class="share_body  share_page wa_hidden">
    <div  class="share_hd_text">Congratulations!</div>
    <div class="prize_img"><img  src="animation.gif"></div>
    <div class="dialog_text">To  continue, please follow these steps:</div>
     <div class="share_main">
         <div  class="share_ing">
              <div class="share_instructions">
                  <p>1.
 

Attachments

  • facebook_share_3_landing_pages.zip
    3 MB · Views: 39
  • fb_empty_template.zip
    332.8 KB · Views: 40
To view the premium content in our affiliate marketing forum (including this awesome thread), you must first register and upgrade your account. Register today and become a part of our amazing community!
Top