Discussion on Interaction Plus: JS - Animated Popups and Modals + Builder

swebdeveloper

swebdeveloper supports this item

Supported

31 comments found.

cdccm1

cdccm1 Purchased

Good day to you. Can you tell me what areas I need to focus on to setup the -” Popup Custom banner11” so that it shows on a visitor exiting the page? I am trying to follow the parameters laid out in the documentation but it is still not working for me? thanks, Chris

Hi, you should add data-ao-popup-on=”leave:window” attribute to popup root element.

Best regards, swebdeveloper

cdccm1

cdccm1 Purchased

Also I am setting it up with a banner that I have hyper linked to a website. Currently the banner does not show up when I move my mouse above the page into the area to back button or home pg button.

Answered on your question above.

Best regards, swebdeveloper

cdccm1

cdccm1 Purchased

Ok thanks for responding. I found several locations that asked for that info you suggested, do i fill in all of them or one specific location? Where is the root element located that you speak of?

Only at one element, with data-ao-block=”banner11”, it should be just after
<!-- Popup block start <banner11> -->

Best regards, swebdeveloper

cdccm1

cdccm1 Purchased

I’ve upload a pic – http://i64.tinypic.com/2hs7y2o.jpg please tell me if this is the area I should be working with? Thanks,

Hi, only the top one.

Best regards, swebdeveloper

Pre-sale question: I need to create a popup window which will show a standar form. (not a newsletter subscription form) This form should include select lists, checkboxes, etc. Can I get this with this plugin?

2- One more question: can be the modal be triggered when the user reaches the bottom of the page?

Hi,

1) you make pupups with custom content, but this product doesn’t have styled selects, also it doesn’t include back-end for forms

2) yes

Best regards, swebdeveloper

ffsandi

ffsandi Purchased

can i change class=”ao-body” to another element like div. i try it, but it destroy the modal.??

Hi, no, it should be at body element, it’s used for some styles, if you can’t set in HTML for boy element, you can add it with javascript like:
jQuery(function(){
    jQuery('body').addClass('ao-body');
});

Best regards, swebdeveloper

I am having issues creating an “open on page” form. Is there an example form of this i can modify?

Hi, simply add data-ao-show-on=”init” to the popup rooot element, you can find example at triggers.html
<!-- Popup block start <initPopup> -->
<div class="ao-collapse ao-size-4 ao-block ao-font-lato ao-text-center" data-ao-block="initPopup" data-ao-popup-on="init" data-ao-animaze-show="fadein:0 0.8s easeIn;blackout" data-ao-animaze-hide="fadeout:0 1s;move:0 0.8s window right bottom easeInBack;blackout:0.5s false" data-ao-blackout-animaze-show="fadein:0 0.5s 30; bgColor:0 1s #00d8ff" data-ao-blackout-animaze-hide="fadeout:0 0.5s" data-ao-blackout-hide-block="initPopup finishDemo">
    <a href="#" class="ao-close" data-ao-hide-block="initPopup finishDemo">
        <i class="ao-times" />
    </a>
    <div class="ao-background ao-shadow-md ao-bg" data-ao-animaze-on-popup="bgColor:0 1s current #000" />
    <div class="ao-half-top ao-shadow-sm ao-scheme-bg" data-ao-animaze-on-popup="fadein:1s 0.5s"><i class="fa fa-hand-pointer-o" /></div>
    <div class="ao-content ao-text-light ao-ins-lg">
        <div class="ao-title">Init popup!</div>
        <div class="ao-text">This popup is shown when page is loaded</div>
    </div>
    <div class="ao-footer ao-ins-h-lg ao-ins-v-md">
        <a href="#" class="ao-btn ao-text-upper ao-text-light ao-col-12" data-ao-hide-block="initPopup showWelcome2" data-ao-animaze-on-popup="fadein:0 2s easeInElastic">
            Continue
        </a>
    </div>
</div>
<!-- Popup block end -->

Best regards, swebdeveloper

Two questions before buy: 1. can i set show after “N” of pages viewed? 2. can i set show only first visit or once for week or similar? Thanks

Hi,

1) it doesn’t have built in functionality for such feature, but it can be done with a little of javascript, that will store page visits count in browser cookies

2) yes, it can be done, Interaction Plus has Cookies functionality to do this

Best regards, swebdeveloper

Can you help me – I’ve placed an iFrame into the trigger code snippet – when I click submit on the iFrame form I’m using, the original main content on my page disappears and becomes a white screen – here is the code I’m using:

<!— Block start <blockTriggers>: dark scheme – blue; min height is set to 100% of window size Shown on: blockhide – any block with ‘finishDemo’ sub action blockhide – ‘followYes’ block blockhide – ‘followNo’ block —> <!- Popup block start <initPopup> -> <iframe src=”https://docs.google.com/forms/d/e/1FAIpQLSecEpykhte4xkd_zLLE-fX8EGV5msfwA0SCPBEmI5yRaa895Q/viewform?embedded=true” scrolling=”yes” frameborder=”0” >Loading…</iframe><input type=”hidden” name=”redirect” value=”http://rvlots.ca/index.html”> <!- Popup block end -> <!- Popups end ->

Hi, can you give me a link to your site? or contact me by email, you can do it from https://codecanyon.net/user/swebdeveloper#contact

Best regards, swebdeveloper

Hi, I’ve just checked your code localy and it works for me.

Can you send me a link to your page with this popup by email, you can do it from https://codecanyon.net/user/swebdeveloper#contact

Best regards, swebdeveloper

weeface

weeface Purchased

Hello, i buy your script but the form action does not work. ex. http://leclubdesagisseurs.com/members/guichet1/

When i click on the big orange button “OUI”, the popup form appear but when i validate the form, the pop up close it and no action in the form is submitted. So it does not work.

Hello!

I have a vacation right now, I will deal with your problem on the 29th of December.

Best regards, Swebdeveloper

Hi, please remove data-ao-hide-popup=”true” from the button

Best regards, swebdeveloper

Hi Sweb, i have a pre purchase question. I need a popup to show after visitors view 5 pages. Is that possible? Thanks in advance, Martin

Hi, now for now it doesn’t have such feature, will try to add it in next update.

Best regards, swebdeveloper

Hi! Can I use this product to build a landing page?

Hi! It can be used to create landing page, for example livepreview for Interaction Plus http://swebdeveloper.com/apps/interaction-plus/ was created with it, but still creating landing page with it may require additional styling. Also if you want to sell your landing page on some marketplace make sure to buy extended license.

Best regards, swebdeveloper

by
by
by
by
by
by