1. Upload the plugin files to the `/wp-content/plugins/lead-magnets` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. On Add/Edit post or page screens, in the WordPress Visual Editor you are now able to see the Lead Magnets shortcode button.
After successfully installing and activating the plugin, in the WordPress Visual Editor you will be able to see the icon of Lead Magnets:
Clicking on it, you will see the following options:
These are the shortcodes that plugin uses to display the link and the popup, containing your subscription form.
The 1st shortcode adds background to the Lead Magnet link.
The 2nd shortcode displays the link that opens the popup. If you add Attention, it should be within this shortcode:
[attention-lead-magnet] [lead-magnet]Download …[/lead-magnet][/attention-lead-magnet]
Here you have to adjust the text of the link. You can include the link, containing your CTA unlimited times throughout your post/page. Each added link will trigger the Lead Magnet popup.
After you have added the link, you have to add the shortcode for the Lead Magnet popup containing your email subscription form, together with some additional data:
[lead-magnet-popup title="Subscribe to unlock ..." subtitle="Where I can send ...?" spam_statement="I hate spam too, so I will never send such to you!" close="No, thanks"] INSERT THE SHORTCODE FOR YOUR NEWSLETTER FORM HERE [/lead-magnet-popup]
Here you can also adjust text of the title, subtitle, spam statement and the close button. On the place of INSERT THE SHORTCODE FOR YOUR NEWSLETTER FORM HERE, you have to insert the shortcode of your email subscription form.
This plugin works well with MailPoet Newsletters. If you use another newsletter plugin, you might have to add additional CSS to your theme, if you experience some problems with the display of the subscription form.
To be able to display the form same as in the demo, you will have to specify for each form field in MailPoet, that the label should be displayed within the input: