Subscribe to Download using Ninja Forms and Popup Maker

Подписаться 674

Просмотров 14 тыс.

50% 1

Here we will show you how to set up a single popup optin form that will block access to specific files/links on your site until the user submits successfully.
Further we give examples of how to redirect them immediately after submission or send an email with the file link.
This example uses:
= Plugins Used =
- Popup Maker: bit.ly/2XJ2kNY
- Ninja Forms: bit.ly/2XAUdTQ
- Simple Custom CSS & JS: bit.ly/2XAUR3I
Custom Code: bit.ly/2PuTO2d
Guide to using the browser inspector: bit.ly/2XIdina
You might want to do this if you have multiple download links on your site that you want to require optin for before the user gets the file.
1. Install Popup Maker
2. Install Ninja Forms
3. Install Custom JS solution
4. Create Optin Form
* Hidden field for url (required)
* Success actions
* Confirmation Email
* Immediate Download
5. Create Popup
* Insert form
* Add click trigger with custom class ex a.subscribe-to-download, .subscribe-to-download a
* Add cookie on NF successful submission for 1 year.
* If not already link the cookie to the click trigger.
6. Add custom JavaScript to insert clicked link into the popup form hidden field.
7. Insert button/link to the pdf & zip file and add the correct custom class to trigger the custom JS.

Хобби

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@chris0203 3 года назад

Thank you sooo much for the tutorial. It really helps solve my problems.

@andrewdormand8603 3 года назад

Thank you BTW, really helpful.

@gulavisualargentina 2 года назад

Hi, thanks for the tutorial, is it possible to open the pdf in a new window or tab after submitting the form? Thanks again!

@andrewdormand8603 3 года назад

Thank I managed to make this work however the point of the pop up form prior to download is to capture the visitors details. I cant see a stage where you explain where these details are stored and how ro access them? Please advise. Thank you.

@damionmalcolm8106 2 года назад

Hi Andrew. If you look under Ninja Forms in the Dashboard you'll see Submissions. This captures each person that submits the form.

@andrewdormand8603 3 года назад

Hi, ignore question below, found it in ninja form plugin.

@gulavisualargentina 2 года назад

Hi in my case sometimes it works and sometimes it does not. As far as I can see the problem is the popup plugin. The opening of the popup is not consistent in my case, sometimes it opens and sometimes not. And the ones it doesn't open, the second time you click the button it directly opens the PDF, and that shouldn't happen. I will try to find other ways to get it done. Thanks anyway

@ariane8458 3 года назад

Hi, ive done evrything but I dont see subscribers. I dont get e-mail and I dont see subscribers in the pop up. How to fix it?

@kranztastic Год назад

where do i associate the downloadable file with the hidden field? cat seem to figure it out if i dont use the pop up feature and want it o be triggered by submit button

@Wppopupmaker 3 месяца назад

In the video it comes from the link that triggers the popup. The code snippet handles this. If you want a static form you'd have to fill that value some other way, you can check google for populating NF fields dynamically.

@karenblakecoaching9601 3 месяца назад

Was signposted to this video via Popup maker. I am using WordPress classic editor, not Gutenburg and stuck! where do I add the additional CSS to trigger popup form?

@Wppopupmaker 3 месяца назад

You likely need to switch to the "Text" tab of your editor and manually add a class in that case. Or depending on what your using as a trigger, use our Popup Trigger shortcode (see the Popup Maker button in your toolbar).

@karenblakecoaching9601 3 месяца назад

@@Wppopupmaker Thank you, I wouldnt know how to add it manually as it not my area of expertise and I couldnt find any guidance. I used a different form plugin for the time being.

@TheDIYPlan 4 года назад

Is there a way to make Popup Maker work with MailPoet 3

@danieliser 4 года назад

Its in the works.

@doxamedia7951 4 года назад

Hi Daniel, can you help me implement this on my website? I am not getting it at all

@Wppopupmaker 4 года назад

Send us a message via wppopupmaker.com/support/, be sure to include what you have done so far and where you seem to be getting stuck.

@user-wl3hx8gc8c 3 месяца назад

where we have to put file url? Do we have to add file URL at the default value of hidden field??

@Wppopupmaker 3 месяца назад

The url in the example above is taken from the click trigger when the popup is triggered, in that way you can have links to different items. But you can go a more secure route and do one of the following: - Create separate form for each PDF and insert the value into the response manually. This way you can insert the url by default like you suggested. - Create a custom field for each post with ACF or similar, then add a custom shortcode that renders the PDF link from that post into the hidden fields default value. Lots of other ways of course, these are just some suggestions.

@katieharris6060 2 года назад

I have followed all the steps, spent multiple hours on this, and for some reason I just can't quite get it to work. The popup works when I click the button I created, but I can't get it to start the download after inputting information. The link to download in the Success message also doesn't work. I am using Elementor Free.

@Wppopupmaker 3 месяца назад

Sorry we didn't see your comment sooner, but so anyone else who stubmles here might find the answer as well, it sounds like the link isn't getting passed properly. The code we gave was meant to be starting point and likely needed to be customized to match your field ID number and trigger classes. For future reference our support team is standing by to assist with debugging or helping customize things via email support@wppopupmaker.com

@benjaminpau3982 3 года назад

Can this be done with WPForms lite?

@Wppopupmaker 3 месяца назад

Sorry for not seeing this sooner, but simple answer is yes, you'd change the form, and customize the JavaScript for your forms html which might differ from the NF example. Pretty much the same concept though.

@nestyvibes1590 4 года назад

Too bad he's not able to fully explain it, just showing he can make it work for himself... :-( Could have solved my issue, but wasted my time. I was following along pretty well, but from 5:10, the CSS section, i totally lost it. In the end it didn't worked out. 7:23 also didn't really matched.

@danieliser 3 года назад

Hey, to be clear this is a guide to help you know what needs to be done, every site, popup & form combo will be different. There is no 1 size fits all solution. It wasn't meant for you to follow every step exactly as that isn't possible given the dynamic nature of WP (your theme + plugins + hosting + customizations === infinite possibilities). So you would need to come up with your own CSS class that you would add to all of your pdf file links. That is what is inserted at 5:10 so that the popup will trigger when any element with that class is clicked. The form HTML is not something we control, so if its different that is to be expected. I was just giving an example of what to look for. Again every form plugin and ever form would be completely different. You might have different fields entirely which would change everything, or could be using Gravity Forms which would look completely different etc.