Home Forums Optin Fire Facebook \"Like Us\" Popup

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14996
    AvatarAdam Bowie
    Participant

    Hi, I cannot find any documentation on how to set this up. Can someone point me in the right direction?

    #15000
    AvatarCharlie
    Keymaster

    Hello Adman,

    Welcome to the community :)

    Optin Fire does not have a distinctive Facebook Like Us type but you can display either a Facebook Social Icon via the Social Icons type of a Facebook Widget via the Custom HTML content type.

    You can go and create your own Facebook Like Us Box from their developer website. I provided a link to it below. From there you an configure all the setting you want and then click the Get Code button at the bottom. Finally just copy and paste the code into your Custom HTML Optin using the Text tab within the WYSIWYG editor.

    https://developers.facebook.com/docs/plugins/page-plugin

    If you are still experiencing problems or have any other questions please let me know.

    #15014
    AvatarAdam Bowie
    Participant

    Great, thank you. I used Facebook developers to create the custom code.

    Now I am just unable to figure out where to put the code exactly.

    Do you mind to walk me through the steps to creating a blank popup where I can simply insert the Facebook code that will render the widget?

    #15023
    AvatarCharlie
    Keymaster

    Yeah no problem :)

    1. Go to the All Optins Screen
    2. Click the Add New button in the top left corner
    3. Click on the Optin Type Popup and then click the create button
    4. You will be re-directed to the edit Optin page for the new Optin you just created. From here click on the Call to Action button on the top of the page
    5. There will be a popup that show all the different Call to Actions. Please select the Custom HTML call to action.
    6. Scroll down until you see a big texture labeled HTML. Simply insert all the Facebook code into this text area.
    7. Exit the popup and click Update button in the top right corner

    Thats it :)

    #15025
    AvatarAdam Bowie
    Participant

    Duh! I needed to scroll down to see the box to insert the HTML. That was the issue.

      Few quick questions, I have it up and live:

    1. How can I solve this issue with the popup being behind the header? Try it here in incognito: http://rushhourlocal.com/
    Screenshot: https://www.evernote.com/l/AApUGLtiohJOV61byLcsqJdOhTMeVAe0RnUB/image.png

    2. How can we edit the “Powered By” (I have it turned off but we would want to show our website as the powered by)? Where is that code located?

    #15026
    AvatarCharlie
    Keymaster

    Im glad you were able to set it up :)

    1. This can be solved by adding this CSS to the Optin under the Style section and the textarea Custom CSS

    .nnr-of-wrap-4 {
    z-index: 99999 !important;
    }
    
    .b-modal {
    z-index: 99999 !important;
    }

    2. The Powered By text is not currently modifiable. If you really need to modify it then I can supply some Javascript code that you would then insert after your Facebook Code within the HTML textarea.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Optin Fire’ is closed to new topics and replies.
-