How to open a popup with a link

To open a poup with a link, in the Custom jQuery of the popup enter :
var notview=1;
Now you have different choice to open the popup :

– directly in the link, enter your link like that :
<a href="javascript:void()" onclick='jQuery("#popup").modal({open:true,closeClass:"popoup-front-close",overlayClose:true})'>Open Pop Up</a>
– with a class, for example all links with the “openPopUp” class, enter
this in the Custom jQuery :
jQuery('a.openPopUp').click(function(){
jQuery("#popup").modal({open:true,closeClass:"popoup-front-close",overlayClose:
true});

WARNING WITH NEW VERSION OF WORDPRESS

The new version of wordpress can no longer change the url in the editor, now, it’s better to use a shortcode, here for example a code that you can add in the functions.php file of your theme


function ahref_func($atts, $content=null) {
extract( shortcode_atts( array(
'href' => '',
'onclick' => '',
'rel' => '',
'title' => '',
'name' => ''
), $atts ));
$onclick = "{$onclick}";
if($onclick){
$onclickcode = " onclick=\"".$onclick."\"";
}
$rel = "{$rel}";
if($rel){
$relcode = " rel=\"".$rel."\"";
}
$title = "{$title}";
if($title){
$titlecode = " title=\"".$title."\"";
}
$name = "{$name}";
if($name){
$namecode = " name=\"".$name."\"";
}
return "<a href="\"{$href}\"".$onclickcode.$relcode.$titlecode.$namecode."">" . $content . "</a>";
}
add_shortcode('a', 'ahref_func' );

Now you can use this shortcode in your post or page

[a href="javascript:void()" onclick="jQuery('#popup').modal({open:true,closeClass:'popoup-front-close',overlayClose:true})"]Open the popup with a link[/a]


Integrate MailJet with WP Subscribers

here the tutorial to use MailJet with WP Subscribers

first, about Mailjet, it’s a recent company in emailing services, they are less famous than Mailchimp and Aweber, but they become more and more popular, as you can see in Alexa, there are several reason to consider, their API, their international support ( interface available in French, German and probably more ). You can use them to deliver your email ( SMTP replacement )

Alexa ranking history for Mailjet

Let’s see how it has been integrated with WP Subscribers to collect email in their system?

First, you need to open an account from Mailjet

http://www.mailjet.com

Or using the nice banner 🙂

 

Then we will use the API access, so please log in, go to your account and locate the terms :
REST API , then click on Master API Key


You will be able to note down the 2 keys :

API KEY =   71ac39bca9c590994790d4ba94194cc4

SECRET KEY =   e8c8cdde01c1c384267e691031291593
You are done for this part, you will have to put these keys in WP Subscribers

in the submenu of the plugin in your wordpress admin bar, please select : others settings

Fill MailJet in WP Subscriber api and secret key

You can save, and swith to the usual section : Setup Optin Code

 

Create a new HTML Opt-in Code as follows

create Mailjet Optin form
put this value for Form Action URL :  /wp-content/plugins/wpsubscribers/mailjet.php

be careful to put the starting “/” or if you are not sure put your wordpress blog domain like :

http://www.wpsubscribers.com/wp-content/plugins/wpsubscribers/mailjet.php

in form EMAIL field : put  email

for now, Mailjet supports only email , it is not possible to add any additionnal field in the form, so don’t email us about it 🙂 we can’t do anything from now, we will update when it will be available.

Hidden fields :  <input type=”hidden” name=”list_id” value=”xxxxx”>

Now you need to replace xxxxx by the number of your email list ( you can create as many email list you need ) but to find this ID value in Mailjet interface, it is quite hidden, so I did a video for you.


How to find email list ( contact list ) in Mailjet ?

one you have replace the list ID, you are done, the popup will send the email collected to mailjet, and you won’t


How to use a call action in popup with WPSubscribers

For a personal website, I would like to use a call to action button that open a new window and close the popup after the click. Because indeed, WPSubscribers can be used for promoting messages other than optin form for newsletter. Click here to review all the features of WP Subscribers

Today let’s see a tutorial about how to make a popup without a subscribe button. directly optimized with JQuery flexible section of custom popup editor.

Here the live example and the screenshot :

To do that I use custom CSS to design the button and Custom jQuery for the action

The html is :
<div class="bouton grand rose divcenter">
<div>
<p><strong>Votez pour Serial-Cooker.com</strong><br /><small>Concours Blog Cuisine jusqu'au 30 avril 2012</small></p>
</div>
</div>

Custom CSS :
{text-align: center;font-size: 25px;font-weight: bold;font-family: arial,verdana,tahoma;color:#000}
.bouton{text-align: center;font-size: 25px;font-weight: bold;text-shadow: 1px 1px 1px black;font-family: arial,verdana,tahoma;cursor: pointer;}
.bouton{border: 2px solid #dfe0db;border-radius: 55px;-moz-border-radius: 55px;-webkit-border-radius: 55px;-khtml-border-radius: 55px;font-size: 24px;font-weight: bold;color:#fff;}
.rose{background: #d3133c;background-image: -moz-linear-gradient(100% 100% 90deg, #F36B91, #F34276 );background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F34276), to(#F36B91));margin:0 auto;}
.rose:hover{background: #d3133c;background-image: -moz-linear-gradient(100% 100% 90deg, #F34276, #F36B91 );background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F36B91), to(#F34276));text-shadow:none}
.grand{width:555px;height:113px;}
.grand div{text-align:center}
.grand div p{font-size: 24px;font-weight: bold;color:#fff;padding-top:10px;margin:0;line-height:20px;}
.grand div p strong{font-size:30px;line-height:50px;}
.grand div p small{font-size:15px;line-height:15px;}
.wpslink{color:#fff;text-decoration:none}
.wpslink:hover{color:#fff;text-decoration:none}

And Custom jQuery :

jQuery(".bouton").click(function() {jQuery.modal.close(); window.open('http://www.marieclaireidees.com/sap/blogcuisine2011/entrant/54570#sharetools');});


Use Feedburner with WPSubscribers

How to use feedburner with WPSubscribers ?

  • Go to http://feedburner.google.com
  • Enter your feed URL
  • Complete with your informations
  • In the next screen you can configure more feedburner, in your case use the link “Skip directly to feed management”  and click on Publisize > Email Subscriptions And Activate the service
  • Now you have a page with the subscription form
  • Now just copy / paste the form information into Setup Opt-in Code in you WP Subscribers plugin
  • Name the Opt-In code, clic on “Detect your form code”
    add this code in other fields :<input type=”text” name=”captcha” id=”verifyBox” style=”width:120px” />

    and Save

  • Now you can use the FeedBurner Opt-in Code in all your PopUp, header bar, footer bar, …

 


How to make WP Polls popup with WPSubscribers

Engaging users with polls is a great way to know more about them, they feel you are interested in their opinion and valuable feedbacks. This way, not only you make them happy ( if you know how to ask the good questions ) but you will also learn a lot about needs and wishes.

To make this tutorial , we will use another plugin called WP Polls, you can download it here

http://wordpress.org/extend/plugins/wp-polls/

you will see, it is very easy to use it, if you think we need to make a video to manage this part, just ask

Read the rest of this entry »


How to make Wpsubscribers plugin works with Thesis theme

You don’t need to follow this tutorial if you use WPSubscribers Plugin version 1.08 and above.

Wpsubscribers plugin works with all standard WordPress themes. In order for my plugin works correctly, your theme must call <?php get_footer(); ?> or <?php wp_footer(); ?> function, it’s Ok with almost 99% WordPress themes out-there.

In case, your Thesis theme can’t work with WPSubscribers plugin due to its own structure, this tutorial will show you how to make your Thesis theme works with this plugin:
Read the rest of this entry »






'