Today we are going to complete the basic structure of a plugin by learning how to create a WordPress plugin settings page for our slider. Stay tuned as settings are an important part in customizing the functionality of a Plugin.

So let’s get started.

WordPress Plugin Development Series:

• WordPress Plugin Development from Scratch, Part 1/4 - Basic Structure
• WordPress Plugin Development from Scratch, Part 2/4 - Integrate Slider
• WordPress Plugin Development from Scratch, Part 3/4 - Custom Post Types
• WordPress Plugin Development from Scratch, Part 4/4 - Settings Page

(note that in order to test the final version, you will have to install it on your WordPress installation)

What is a WordPress Plugin Settings Page?

In any kind of system, configuration settings define the data which needs to be initiated before the system starts working. These settings determine the functionality and features of your system.

Consider the SlidesJS slider, which we developed through the last three parts. We didn’t have any configuration settings and hence we had to stick with the default features. This slider is not going to suit every WordPress theme and not every designer is going to like the default features.

So it’s ideal to have some options which can change the existing behavior of the plugin to suit the requirements of each user. Let’s assume we need to auto play the slider or change the existing transition interval as it is too slow; unfortunately we don’t have settings at the moment and we need to use what the plugin offers.

In the next few sections we will be adding options in different ways to allow us to customize the plugin.

Planning Settings for SlidesJS Slider

SlidesJS comes with dozens of configuration options on its own. In this tutorial I am going to use a few of these configurations to help you understand the plugin settings creation process on WordPress.

Following is a list of configurations which we are going to implement in this tutorial.

• Play button – Sliders can contain a button for play/pause functionality. We can enable or disable play button in the common settings page.
• Autoplay – Most sliders will play automatically when they’re loaded. We can enable or disable autoplay in the common settings page.
• Effects – Sliders have multiple transition effects. Currently we are using the slide effect. We can allow the user to choose the effect from the common settings page.
• Transition Duration – is the time between slide transitions. Sometimes we need it to transition faster or slower depending on the type of content. We can use the common settings page to configure transition duration.

Now we have identified the necessary settings to be included in the plugin. Let’s move forward by building the common plugin settings page.

Creating the Admin Menu Page for Plugin Settings

WordPress does not come with specially designed pages for plugin options. We can either use the admin menu page or the options page to make the HTML forms required for configuring options. I am going to use the admin menu page to implement the options. First we have to use the following code to add the page to the left menu.

add_action('admin_menu', 'fwds_plugin_settings');

function fwds_plugin_settings() {

    add_menu_page('1stWD Slider Settings', '1stWD Slider Settings', 'administrator', 'fwds_settings', 'fwds_display_settings');

}

We have to use the action called admin_menu to add a new menu item and fwds_plugin_settings is the name of the function to add the page.

Inside the function we can use the built-in add_menu_page to create the menu item. You will be able to see a screen like the following, once you include the above code in the plugin.

Even though it’s not mandatory, it’s ideal to have a general idea about the parameters of the add_menu_page function.

• Parameter 1 (1stWD Slider Settings) - is the title used in your HTML page.
• Parameter 2 (1stWD Slider Settings) - is the title used for the menu item on the left menu.
• Parameter 3 (administrator) - is the capability needed to add the page. You can keep it as administrator in most of the cases..
• Parameter 4 (fwds_settings) - is a unique key used for the menu item.
• Parameter 5 (fwds_display_settings) - is the function name used to implement the HTML form.

Having learned about the parameters, let’s implement the HTML form required for adding settings fields.

function fwds_display_settings() {

    $slide_effect = (get_option('fwds_effect') == 'slide') ? 'selected' : '';

    $fade_effect = (get_option('fwds_effect') == 'fade') ? 'selected' : '';

    $interval = (get_option('fwds_interval') != '') ? get_option('fwds_interval') : '2000';

    $autoplay  = (get_option('fwds_autoplay') == 'enabled') ? 'checked' : '' ;

    $playBtn  = (get_option('fwds_playBtn') == 'enabled') ? 'checked' : '' ;

    $html = '</pre>
<div class="wrap"><form action="options.php" method="post" name="options">
<h2>Select Your Settings</h2>
' . wp_nonce_field('update-options') . '
<table class="form-table" width="100%" cellpadding="10">
<tbody>
<tr>
<td scope="row" align="left">
 <label>Slider Effect</label>
<select name="fwds_effect"><option value="slide">Slide</option><option value="fade">Fade</option></select></td>
</tr>
<tr>
<td scope="row" align="left">
 <label>Enable Auto Play</label><input type="checkbox" name="fwds_autoplay" value="enabled" /></td>
</tr>
<tr>
<td scope="row" align="left"><label>Enable Play Button</label><input type="checkbox" name="fwds_playBtn" value="enabled" /></td>
</tr>
<tr>
<td scope="row" align="left">
 <label>Transition Interval</label><input type="text" name="fwds_interval" value="' . $interval . '" /></td>
</tr>
</tbody>
</table>
 <input type="hidden" name="action" value="update" />

 <input type="hidden" name="page_options" value="fwds_autoplay,fwds_effect,fwds_interval,fwds_playBtn" />

 <input type="submit" name="Submit" value="Update" /></form></div>
<pre>
';

    echo $html;

}

First I have used five variables to get the current values of the settings from database. Initially all of those options will be empty and hence I have added default values as necessary. We can use get_option function to retrieve any option value from the database.

Then the most important thing is the form action. Since we are creating an options page, we can use options.php as the action.

Afterwards we create the necessary fields for our configuration settings. The transition effect is designed as a dropdown box to contain the two effects in the SlidesJS slider. We use checkboxes for both autoplay and play button options. A textbox will be used for transition duration.

In a normal scenario we need to save these values manually once the form is submitted. Fortunately WordPress provides a built-in method for updating options without using any additional code. All you have to do is specify two hidden fields in your form with predefined values.

The first field should be named action while its value should be update. The next hidden field should be named page_options. Its value should contain all the field names in the form separated by commas.

That’s it. Once you enter values and hit the update button, values will be saved automatically and your options page should look something similar to the following.

Now we have the values of configuration options to initialize the slider.Final task will be to use these settings to initialize the slider dynamically.

Initializing Slider with Dynamic Configuration Settings

Our slider initialization code resides in the slidesjs.initialize.js file. We need a method to pass the dynamically configured settings into the JavaScript file, so let’s see how we can alter the fwds_scripts function and pass the data to the JavaScript file.

function fwds_scripts() {
    wp_enqueue_script('jquery');
    wp_register_script('slidesjs_core', plugins_url('js/jquery.slides.min.js', __FILE__), array("jquery"));
    wp_enqueue_script('slidesjs_core');

    wp_register_script('slidesjs_init', plugins_url('js/slidesjs.initialize.js', __FILE__));
    wp_enqueue_script('slidesjs_init');

    $effect      = (get_option('fwds_effect') == '') ? "slide" : get_option('fwds_effect');
    $interval    = (get_option('fwds_interval') == '') ? 2000 : get_option('fwds_interval');
    $autoplay    = (get_option('fwds_autoplay') == 'enabled') ? true : false;
    $playBtn    = (get_option('fwds_playbtn') == 'enabled') ? true : false;
    $config_array = array(
            'effect' => $effect,
            'interval' => $interval,
            'autoplay' => $autoplay,
            'playBtn' => $playBtn
        );

    wp_localize_script('slidesjs_init', 'setting', $config_array);

}

The initial part of including scripts will be similar to the code we used in the previous part. First we need to get the configured option values from the database using the get_option function, as we used earlier. Then we have to assign all the values into an array to be passed into the script.

WordPress provides a method called wp_localize_script for passing values to JS files. First parameter of this function is the key used for the required js file. Then we can define the variable name, which is used to access the values from JavaScript file. Finally we pass the option values array to the function.

Then we need to alter the initialization script as following in order to accept values dynamically.

jQuery("#slides").slidesjs({
    navigation: false,
    play: {
      active: setting.playBtn,
      effect: setting.effect,
      auto: setting.autoplay,
      interval: setting.interval,
    },
  });
});

We can configure all the options we used in the options page using the play array defined in the SlidesJS configuration. You can access any value using the setting variable.

The initial plan also included the configurations for slider dimensions, but the width and height configurations in SlidesJS don’t work as documented. Dimensions are assigned from both CSS and plugin files making it hard to enable configuration and hence I have omitted it here.

Now we have completed our plugin with some basic configuration options. The final output of the slider will look like the following image once you enable all the options, including the play button.

Wrap Up

Throughout this series, we learned how you can build a design based WordPress plugin from scratch. Now you should have a much better understanding of developing a simple plugin. Now it’s time for you to move forward with the examples. Unless you practice these theories, you wont become a good plugin developer. So make sure to try out different sliders and configure different options to get a better understanding of plugin development.

Things to Take Away

We discussed lots of theories and techniques in detail. Now I’ll summarize the most important things to take away from this plugin development series in order to get you started practicing. You should know:

• How to define a plugin and the file structure
• How to include CSS and JavaScript files and pass the data dynamically
• Using Custom Post Types to create different types of data for components
• How to work with extra fields inside custom posts
• How to create a plugin options page

I suggest you try these techniques for at least another three sliders to understand the concepts. Once you complete that task you can move onto creating something like an accordion, tabs or another similar component using the same techniques.

In future tutorials I’ll show you how to use the same codes to create different types of plugins with minimal modifications.

Until then, I hope you will try these theories. Let me know about your experiences, questions, suggestions or any comments regarding this tutorial series.

Looking forward to hearing from you.

Our method has been proven and tested, and it even went beyond expectations. We offer a free introductory lesson and a course where people can enroll on, and people are achieving success through it!

Ok…couldn’t wait to get home and post this. I got my first $600 check today (installment 1 of 2) for a site and it was from using the SIMPLE steps in the bootcamp!!!! BOOYAH. I think this is going to be a simple project with a nice turn around time and I can’t wait to have the client tell her friends and customers how easy it is to work with me. Keep you all posted. Thanks again.

- Leon Clinch, 1WD Bootcamp participant

Update: Thanks so much for coming on!

It was so much fun on the webinar last night, and I just wanted to tell, how thankful I am about everybody who actually showed up! We got close to 600 attendees this time! We decided to put up webinar slides for your pleasure – enjoy!

If you want to take action, join the community, get our newly launched membership product – Get 3 Clients in 3 Days And earn 300$! – http://1wd.com

* Dainis & Spencer

Webinar Invitation:

What: Proven 3-Step Formula on How to Get Clients

When: Thu, May 16, 2013 1:00 PM – 2:00 PM EDT

Where: https://attendee.gotowebinar.com/register/1326235673805946368

Register now and attend the webinar to learn the secrets of freelancing!

Whether you’re a web designer, a web developer, or someone who wants to become one, this webinar is for you. You will  take home lots of useful stuff, all you need to do is attend. There will be a surprise at the end of the webinar, be sure to stay long enough!

Some Stats from the Last Webinar

• Run time: 2 hours and 40 minutes
• 462 questions asked
• 62 part-time workers from poll
• 42 full-time workers from poll
• 38 unemployed from poll
• 60% of the questions asked relates to how to find clients, how to keep a client, how to communicate

Surprising Revelation

The most surprising thing about the webinar for freelance web designers (and those who want to become one) is about how much full-time employees and those who are unemployed are thinking of taking a leap at freelance web design. Some would like to do it for a side income while some want to do it full-time, and they don’t know where to start!

The participants, including  those who have zero knowledge of web design, preferred to ask questions relating to freelancing rather than web design. It just proves that more and more people want to become freelancers, and that’s exactly what we’re doing, helping people get started!

Missed the Last Webinar?

Register now: https://attendee.gotowebinar.com/register/1326235673805946368

I don’t want to add more pain for those who missed the previous webinar, instead I’m inviting you to our next webinar this Thursday! Time to catch up.

Even if you attended the last webinar, feel free to attend this one if you have questions you need to ask from us. Although the contents will be basically the same, I’m sure you’ll pick up some new stuff again!

And there’s a surprise waiting for you at the end.

Oh and if you have any friends who would benefit from learning how to get more clients, do a favor for them and share this webinar with them! Join the conversation using #1wdwebinar special twitter hashtag!

Tweet #1WDwebinar

Either way, you will find these little WordPress hacks very useful for your daily blogging needs, which can help you save lots of precious time!

If you’re eager to enhance or improve the functionality of your WordPress site, then below are powerful WordPress scripts that will definitely give you a great head start.

Okay, these probably won’t stop North Korea from wreaking havoc, but you can’t blame a man for trying!

11 WordPress Scripts to Improve Your Blog…Right Now

On a serious note, these WordPress scripts will help you work smoothly on the back-end and will make your front-end more comfortable for your readers.

1. Add Post Meta Descriptions

WordPress does not support the use of meta description tags by default. Though metas have lost their significance in SEO, they can still influence the ranking of your blog in the search engines. To make your site search engine friendly, you should open the header.php file of your theme and copy and paste the code below to the space between the opening <head> and closing </head> tags.

<meta name="description" content="
 <?php if ( (is_home()) || (is_front_page()) ) {
 echo ('Your main description goes here');
 } elseif(is_category()) {
 echo category_description();
 } elseif(is_tag()) {
 echo '-tag archive page for this blog' . single_tag_title();
 } elseif(is_month()) {
 echo 'archive page for this blog' . the_time('F, Y');
 } else {
 echo get_post_meta($post->ID, "Metadescription", true);
 }?>">

As simple as it seems, this hack can help you enhance the SEO performance of your site today.

2. Split WordPress Content into Multiple Columns

Sometimes, you may want to create additional columns in your pages, but as we know, WP does not support this from the back-end. The best way of doing this is to use snippets to split page content. Locate your theme folder and add the following block of code within the opening and closing php tags.

// split content at the more tag and return an array
 function split_content() {
 global $more;
 $more = true;
 $content = preg_split('/<span id="more-\d+"><\/span>/i', get_the_content('more'));
 for($c = 0, $csize = count($content); $c < $csize; $c++) {
 $content[$c] = apply_filters('the_conte
 t', $content[$c]);
 }
 return $content;
 }

Once you do this and save the edited file, you will need to locate the specific theme files and comment out both the_content() and call split_content() function.

3. Redirect 404 Pages to Home Page

Although 404 Error Pages are an integral aspect of WordPress, they lower your page rankings significantly, thus making your blog or site ineffective. To help you out of your predicament, I suggest you copy the following snippet code to the .htacess file to redirect the 404 error pages to your home page.

< IfModule mod_alias.c >
RedirectMatch 301 ^/search/$ http://your-site.com/
RedirectMatch 301 ^/tag/$ http://your-site.com/
RedirectMatch 301 ^/category/$ http://your-site.com/
< /IfModule >

This hack will redirect search engine spiders way from the 404 error page to the home page and in the process, improve your rankings and site’s reputation online.

4. Define Posts Displayed in Home Page

Majority of bloggers display posts in more or less them same way on the home pages of their blogs. This is understandable since WordPress does not feature a default option to define how posts should be displayed. Fortunately, you can surmount this problem by using custom fields. To define posts in your home page, you can use either the full post or post excerpt only. You will need to access your index.php file and replace the default loop with the following custom code:

<?php if (have_posts()) :
 while (have_posts()) : the_post();
 $customField = get_post_custom_values("full");
 if (isset($customField[0])) {
 //Custom field is set, display a full post
 the_title();
 the_content();
 } else {
 // No custom field set, let's display an excerpt
 the_title();
 the_excerpt();
 endwhile;
 endif;
 ?>

5. Insert Google Maps into Pages

Have you been using iframes to embed Google maps in your contact page or sidebars? If so, chances are high that it will be rendered poorly because of the interference of the visual editor. To save yourself the trouble of using iframes, I recommend that you copy and paste the following short codes into the function.php page.

//Google Maps Shortcode
 function fn_googleMaps($atts, $content = null) {
 extract (shortcode_atts (array (
 "width" => '640',
 "height" => '480',
 "src" => ''
 ), $atts));
return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'"></iframe>';
}

Once you copy and paste the above code to your function.php, you will need to copy the short code below into the exact place where you want Google Maps to be displayed.

[googlemap width="200" height="200" src="[url]"]

6. Display Page Categories in a Drop Down Menu

Sometimes, you may want to add a cool drop down menu that will show all existing categories in your WordPress site. Here is a simple way of doing it. Copy and paste the code below into the index.php or sidebar.php file.

<form action="<?php bloginfo('url'); ?>/" method="get">
 <?php
 $select = wp_dropdown_categories('show_option_none=Select category&show_count=1&orderby=name&echo=0');
 $select = preg_replace("#<select([^>]*)>#", "<select$1 onchange='return this.form.submit()'>", $select);
 echo $select;
 ?>
 <noscript><input type="submit" value="View" /></noscript>
 </form>

7. Display Similar Posts without Plugins

It’s also possible to display similar posts in your blog so as to draw the attention of visitors and engage them. I know you will be tempted to use a plugin to display similar posts, but there is no need to overload your WordPress blog with plug ins when you can use tags and custom codes. Here is a powerful code to do display related posts quickly. Copy and paste it to the functions.php file.

<?php
 //for use in the loop, list 5 post titles related to first tag on
 //current post
 $tags = wp_get_post_tags($post->ID);
 if ($tags) {
 echo 'Related Posts';
 $first_tag = $tags[0]->term_id;
 $args=array(
 'tag__in' => array($first_tag),
 'post__not_in' => array($post->ID),
 'showposts'=>5,
 'caller_get_posts'=>1
 );
 $my_query = new WP_Query($args);
 if( $my_query->have_posts() ) {
 while ($my_query->have_posts()) : $my_query->the_post(); ?>
 <p><a href="<?php the_permalink() ?>" rel="bookmark" title="
 Permanent Link to <?php the_title_attribute(); ?>">
 <?php the_title(); ?></a></p>
 <?php
 endwhile;
 }
 }
 ?>

8. Change WP Login Logo

If you are tired of seeing the same old default “log in” logo, then you can change that to display a logo of your choice. To change the logo, you need to create and copy the new custom logo.png image into the image file in your root folder then copy and paste the following code into your functions.php file.

// login page logo
 function custom_login_logo() {
 echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/companylogo.png) 50% 50% no-repeat !important; }</style>';
 }
 add_action('login_head', 'custom_login_logo');

9. Display Number of Facebook Fans

If you have a Facebook fan page then chances are high that you are thinking of displaying the total number of Facebook likes to visitors who access your WordPress site.

<?php
 $page_id = "YOUR PAGE-ID";
 $xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("a lot");
 $fans = $xml->page->fan_count;
 echo $fans;
 ?>

In order for this code to work, you only need to replace your current page ID with your personal Facebook page id.

10. Create Custom Widgets

As much as WordPress themes come with various widgets, some users may want to add custom widgets that meets the needs of their blogs. If you are one of them, then here is a handy snippet for this purpose. Copy and paste the following code into your functions.php file.

class My_Widget extends WP_Widget {
 function My_Widget() {
 parent::WP_Widget(false, 'Our Test Widget');
 }
 function form($instance) {
 // outputs the options form on admin
 }
 function update($new_instance, $old_instance) {
 // processes widget options to be saved
 return $new_instance;
 }
 function widget($args, $instance) {
 // outputs the content of the widget
 }
 }
 register_widget('My_Widget');

11. Display Google Users’ Search Terms

Have you been trying to monitor and understand the search patterns of prospects and visitors who access your website from Google Search?If so, then you need a script that will display all terms that were searched by clients who came across your site. Paste the following code outside the header section.

<?php
 $refer = $_SERVER["HTTP_REFERER"];
 if (strpos($refer, "google")) {
 $refer_string = parse_url($refer, PHP_URL_QUERY);
 parse_str($refer_string, $vars);
 $search_terms = $vars['q'];
 echo 'Welcome Google visitor! You searched for the following terms to get here: ';
 echo $search_terms;
 };
 ?>

Conclusion

Though these codes appear simple, they are powerful code snippets that you can use to customize WordPress websites. You can use these codes to change the layout and functionality of your theme instantaneously and save yourself the trouble of line-by-line coding.

Do you know any WordPress scripts I have missed?

There is not much HTML5 in this video tutorial, unfortunately, as the contact form is built with code available in previous versions of HTML, but you can use today’s tutorial as a way to reinforce many of the things we learned together in the previous tutorials. So without any further discussion, here it is:

Contact Form in HTML5 and CSS3, what you will learn:

• the basics of CSS3 styling
• how to create an HTML form
• how to create an elegant CSS3 contact form

By the end of the tutorial you will have something similar to the screenshot above. Feel free to view the demo just after the video tutorial to get a feel of what you will be making in under 25 minutes. It’s a good exercise for both beginners and experts alike!

Challenge For You – Responsive and Validation

Can you make this form Responsive? I will give you a hint, but it will be somewhat irrelevant to a contact form, but surely you are smart enough to work your way through it, yes?

Hint: It’s all about media queries!

Of course it is crucial that you validate the fields so that you will not receive any unnecessary information, or secure that all the information you need from your contact form are all useful. In order to do that, you will need to include HTML5 validation in your code. It is pretty easy to do, all you need is patience and the willingness to test new stuff!

How to Make It Work

Although making it functional will require a little bit of server side programming, I’ll be glad to point you to the right direction!

In order to make this form function for your website, you’ll need to code it with PHP.

How to Make a Contact Form Using PHP

Note: this tutorial is over three years old but it will still work, you will just need to add security features (Google it!).

Good luck!

If you want to “hit” a goal, you need to focus on two things:

• Trying to hit the goal as much as possible, called goal intensity.
• Trying to increase your chances for each hit, called goal efficiency.

Let me explain with a simple example. Let’s say your goal is to get ten dates this month. How do you go about doing it? You could spend all your time at the gym, attending self-improvement courses and so on. These things won’t help you get dates directly, but when the time comes to ask a girl out, these things will indirectly help you increase the chances that she’ll say yes.

Nothing will happen if you don’t ask anyone for a date though! The best results will be achieved if you focus on doing both things to indirectly attract dates (goal efficiency) and actually asking for a date (goal intensity).

I Thought this Article would Teach Me how to Get Clients, Not get Dates!

Photo by bigevil600

Actually, getting clients has many thing in common with dating. They’re both about two people, and the first person (in dating, usually the male, while in getting clients, the pitcher) is trying to get the other party to do something (go on a date / accept their proposal for a business cooperation).

If you want to get more clients, the same two principles to “hit a goal” apply; you need both to indirectly improve your chances of getting them (efficiency) and going on and pitching to people (intensity).

Persuasion Skills Help Goal Efficiency (Bigger Conversion Rate for Clients)

And boy, do these persuasion skills help a lot. Knowing some of the most powerful persuasion principles out there can help you craft a better pitch, communicate more effectively with clients, in other words, increase your chances of them saying “YES” to your request.

Selling your web design product or service should be easier.

Explain what Your Design Product or Service is Before Persuading

Many people get so focused on the art of persuasion when trying to get clients to buy their design products that they forgot about one basic thing: explaining what their product/service is in the first place.

If you’ve read any sales letters or landing pages, this trend is pretty obvious. They start with asking you questions like ‘would you like more women’ or ‘would you like more clients’ and explaining why more women/clients are a good thing, how your life would change and so on. What they forget to explain is what they offer in the first place. You often get the impression that you’re buying a ‘magic pill’ that will solve that particular problem.

Catchy phrases like “we bring your designs to life” or “give fresh breath to your new web design” or “experience comes with expertise” don’t help much in explaining what you actually do, and putting that on the front page is just going to confuse first-time visitors.

Read on…but You are Free to Stop

Photo by Capgros

What I just did here is implementing, what Spring.org.uk (one of the best blogs on psychological research) says is the “easiest persuasion technique that can be implemented in any situation”. This technique, according to a review of 42 studies, has been shown to nearly double the chances someone will say “yes” to your request (that includes requests to your design clients!)

The principle is pretty simple; you are basically re-affirming people’s freedom to choose.

If you’re from the old-school bunch who thought persuasion is about coercing people to do something against their will, do yourself a favor: forget that and try to erase it from your memory. If you want to, of course.

Here are some examples of this technique:

Say you are negotiating a deal with someone you’re trying to persuade to re-sell your web design product. You have presented your product, giving them a crystal clear picture (remember?) of what it is. Then you’ve started giving them various reasons why they should re-sell your product. At the end you may say: I am pretty sure our product will be a great fit for you, please call this number if you’re interested.

Using this technique, you can add a little twist by saying something at the end like:  “but you are free to choose any other product if you’re not satisfied with us” or “do not feel obligated to buy this from us, feel free to weigh your options”.

This may sound like encouraging them not to choose you. Which is totally incorrect. You’re merely reaffirming what’s in their mind already (I’ll take a look at this guy and compare him against his competitors to see who is better).

Imagine if someone said this to you. You’re already starting to see the benefits of a sentence like this. That person will appear to be more trustworthy and credible (one rationalization you may use is: why else would he mention this if he wasn’t sure his product is top notch?) and appear friendlier and non-pushy (would you react positively to someone who repeats all the time ‘my products are the best?’).

How to Best Convey Disadvantages about Your Product

Robert Cialdini, who’s the biggest name in the social psychology field when it comes to persuasion, mentions one concept that will help you convey disadvantages about your product or service without putting yourself at a disadvantaged position.

Let’s do a little experiment, read these two sentences:

• “Our product is 2 years old, but we are still ahead of our competitors newest products.”
• “We are still ahead of our competitors newest products, but our product is 2 years old.”

They convey the same information, just in a different way.

The first states the weakness first, and then the strength of the product. The second does the reverse.

Which one do you think is more likely to produce a positive impression? Take your guess.

The right answer is “the first one.”  Studies have shown that when lawyers mention a weakness in their case before the opposite side does, jurors view that lawyer as more trustworthy and honest.

There’s just one drawback to this approach: When mentioning your weakness, don’t go to extremes. This works for minor weaknesses. Saying “Our product hasn’t been updated for 10 years, but we’re still ahead…” is going to make you look dumb. Keep a good balance.

How we applied this when selling our design services: When we used to sell logos, one of our weaknesses was the delivery time. We couldn’t deliver in less than 10 days, and many of our competitors could. This was clearly a disadvantage. So instead of just saying it plainly, we said “We can’t deliver the logo in less than 10 days, but that means we have more time to focus on the details and the specifications you gave us” or “but that means we deliver more detailed and better logos than our competitors”. We were telling the truth, since 10 days really gave us more time to process in our minds what the client actually wanted, and with each new day, new ideas emerged to make the logo better.

People Compare Everything all the Time

We can’t help it. If you sell a web design service, people will compare it with other web design services. If you sell a product related to web design, people will compare it to other products in the same category.

Now, you can either use this to your advantage or leave it up to random factors to decide how people compare you to others.

One way to use this relativity principle  is to add various options for your products/services. If you sell web design services, you can offer something like a “light package”, a “small business package” and a “big business package”. This way you’ll “trick” people into comparing your products with each other, instead of focusing on comparing them with other products/services.

That is the first step. The second step is to make one of those options an obvious choice. A tactic many magazines use is to offer a print subscription for, say, $110, offer an online edition for, say, $90 and then offer print+online for $110. The third option is probably the best choice since with the “bundle” package you’re getting the online version for just $20 instead of $90 alone. Or take the famous example of the Economist who used to offer a print edition for the lowest price, an online edition for a more expensive price and then print+online for the same price as the online version. Of course, nobody chose the “online only” version and there was no rational reason for it to be there. But that option helped quadruple the sales of their print+online option.

Remember, people compare everything that can be compared in a category. If you sell a web-design product or service, offer 1 or 2 inferior options and then a third option which is an “obvious choice”. If you charge by the hour, for example (say you charge $30 per hour) you can have an option where they could pay $30 and get 1 hour worth of service, 5 hours for $130 and 7 hours for $150. The 7 hours package would seem to be the obvious choice, since for an extra $20 they get an extra two hours.

A Trip to Rome or a Trip to Paris? A Static Site or a CMS-Based Site?

Imagine someone offered you to pay you a trip and you either had to choose Rome or Paris. They’re both appealing places and for most people it’s difficult to choose between them.

Psychologists have found a way to make you more inclined to choose one of these options, however. If you simply add an inferior third option like “Paris without breakfast” (assuming you had breakfast included in the first two arrangements), you are suddenly more likely to see Paris as the more attractive option than Rome or the “inferior” Paris. This is a powerful principle that can be used in web design.

Do people who buy from you face indecision somewhere in the buying process? Maybe they’re unsure whether they should get your package with five static pages for $300 or four pages on a content management system for the same price.

One way you can encourage them to choose an option you’d like is to add an inferior package for one of these 2 options. If you want people to buy more of the content management system package, add a “three pages for $270″ option. Or “four pages on a CMS without installation assistance for $290″ (assuming you offered installation assistance). Your customers will probably say: Installation assistance for only $10? What a bargain!

I ALWAYS offer more than one option when selling something. When we used to sell logos, we used to offer extras like a higher resolution of the logo, up to X revisions for a specific price and so on. If you’re selling a design package, you could tweak your offer based on the number of revisions you offer. A package with three revisions for $150. A package with ten revisions for $170. Make sure there is that one package that’s CLEARLY inferior to the others that nobody will buy. Your competitors will wonder “why the heck did he put that stupid choice there”, and you’ll be smiling all the way to the bank having used one of the most powerful psychological principles which profoundly influences human behavior.

If you have any questions, use the comment section and I’ll get back to you. Let’s get started!

Final Result

Step 1

Open Photoshop and set up a new document with size of at least 800px by 800px.

Step 2

Create one vertical guide and one horizontal guide and align them to the middle of your document. To do this, go to View > New Guide , choose horizontal and apply a position of 50%. Do the same for the vertical guide.

Step 3

The first thing is to make the shape of our can. You can use your own imagination here, however, in this case, I’ve used an image for reference (although I didn’t follow the real form completely).

Step 4

In order to keep the shape of the can equal in both sides, we will draw half of the can and duplicate it. Activate the Pen tool (P), and start drawing just half of the red shape.

Step 5

With the red shape layer selected, press alt+shift on your shape and drag it to the side. Then, press ctrl+T, right click on the shape, select Fip Horizontal and press enter. You can also do this by going to Edit > Transform Path and select Flip Horizontal.

Step 6

Place your second half right next to the first half, select both shape layers and, with the Pen tool activated, right click on one of the shapes and select Unite Shapes. You now have one single shape.

Step 7

Choose a different color and repeat the steps for the top and bottom sections of the can. Make sure the Top and Bottom shape layers are on top of the red shape layer.

Step 8

Duplicate the red shape layer, position your cursor between the two red shape layers, hold down the Alt / Option key and click to create a clipping mask. Name the layers according to the image below.

Step 9

Welcome to the fun part! We now have a shape for our can so we are going to start giving it a realistic look. Select the Main Shape layer, open the Blending options panel (right click on the Layer > Blending options) and apply a Gradient Overlay with the following settings:

Step 10

With the Pen tool (P), create a new black shape and place it like in the image below.

Step 11

Right click on the new shape layer, convert it to smart object and then go to Filter > Blur > Gaussian Blur and enter a value of 14. Finally, make the new shape layer a Clipping Mask like you did in step 8 and change Fill of the new black shape to 70%.

Step 12

Using the Pen tool, create a new shape like in the image below.

Step 13

Convert it to Smart Object, give it a Gaussian Blur of 2 and change Fill to 40%. Set it as Clipping Mask like in previous steps and set the blending mode to Overlay.

Step 14

Create a new shape and place it like in the image below. Name this layer ‘Horizontal div1‘.

Step 15

Convert it to Smart Object and set it as clipping mask like in previous steps. Set the blending mode to Soft Light and apply a Gaussian Blur with a value of 4.

Step 16

Cmd/Ctrl + click on the Main Shape layer to select its form, then create a new layer and with a soft edge brush with size of 24px draw a straight line in the same area.

Step 17

Set the layer you have just created to Soft Light and add a layer mask to it. Select black as your foreground color and a brush size of 60px. With the layer mask selected, paint gently on the top and bottom of the black area leaving just the middle section intact. Name this layer ‘Horizontal div2′.

Step 18

Cmd/Ctrl click on the red shape to make it selected, create a new layer, select #eeb946 as your foreground color, select a soft edge brush with a size of 100px and draw a straight line from the top to almost the bottom of the can.

Step 19

With the newly created layer selected, set blending mode to Soft Light and Opacity to 70%. Then add a layer mask, select black as your foreground color, change brush size to 65px and flow to 30%. Start painting the right side a light yellow in order to make it slightly less visible than the left side, without removing it completely.

Step 20

With the Pen tool activated, make a new shape similar to the one below.

Step 21

Convert it to Smart Object and apply a Gaussian Blur with a value of 15. Set blending mode to Overlay.

Step 22

Create a new shape layer and place it in a position similar to the one below. Name this layer “Middle dark”.

Step 23

As usual, let’s convert our latest shape layer to a Smart Object, set the blending mode to Soft light and apply a Gaussian Blur with a value of 10. Press Ctrl/Cmd+J to duplicate the layer and set the Opacity of the new layer to 40%.

Step 24

Create two new shape layers and place them like in the image below.

Step 25

Convert each shape to Smart Object, set blending mode to Soft light and apply a Gaussian Blur with a value of 10. Do this for both shape layers.

Step 26

Create a new shape like the one below.

Step 27

Convert the shape to Smart Object, set blending mode to Overlay and apply a Gaussian Blur with a value of 7.

Step 28

Now let’s focus on the top section of the red shape. Locate the two layers responsible for the horizontal dark line at the top (we named them ‘Horizontal div1′ and ‘Horizontal div2′). With black as your foreground color, select the layer mask and using a soft round edge brush with size of 45px and flow at 30%, delete the area where the light goes through. Do this for each of the two layers.

Step 29

Create a new layer and select a soft edge round brush with a size of 48px and flow 100%. Click once to make a circle at the top (slightly above the line). Set blending mode to Overlay and duplicate the layer.

Step 30

Edges are still a little bright so let’s take care of that. Locate the Main Shape layer and apply an Inner Shadow with the following settings:

Step 31

Let’s darken the bottom section of our red shape a little bit as well. This time, Cmd/Ctrl + click on the Main Shape to make its form selected and create a new layer. Select a soft round edge brush with size of 48px and flow at 30%. Make a straight line at the bottom and set the blending mode to Soft light.

Step 32

In order to increase the realism of the can, we are going to add a window reflection to the can itself. Using the Rectangle Tool (U), create two shapes like in the image below. Then, using the Pen tool (P), unite both shapes like we did in Step 6.

Step 33

We now have both shapes in one unique layer. Duplicate this layer twice and position the shapes like in the image below.

Step 34

Add a Layer Mask to one of the three layers, set black your foreground color, select the Gradient Tool (G) and choose the black to transparent gradient by either selecting directly at the top (1st image) or clicking inside the gradient bar and selecting the second gradient (2nd image).

Step 35

With the layer mask selected, hold shift and drag the mouse from the left side of the shape until you reach the middle of it making the left side transparent.

Step 36

Hold the Alt/Option key and drag the layer mask to the other shape layers in order to copy and apply the same layer mask. Then set the blending mode of all three layers to Overlay and Opacity to 18%.

Step 37

Select #eeb946 as your foreground color, make a new shape layer and place it like in the image below.

Step 38

Convert the shape layer to Smart Object, set blending mode to Overlay, apply a Gaussian Blur with a value of 4 and set Opacity to 70%.

Step 39

Let’s fix the light in the top section of the red shape. Ctrl/Cmd + Click the Main Shape and, with the Brush tool using a soft round edge with size 30px and flow at 30%, darken the top right and left areas a little bit more, similar to the image below.

Step 40

Lets intensify the dark areas in the middle of the can. Locate the shape you have created in step 22 (named ‘Middle dark‘) and duplicate it. Set Opacity of the new layer to 25%.

Step 41

Let’s proceed to the top of the can. Select the layer with the top shape and apply the following settings in the Blending Options panel:

Step 42

Make white your foreground color and select a soft round brush with 100% Flow and size 30px. Cmd/Ctrl + Click the top shape layer to make its form selected, create a new layer, start drawing very gently 3 straight lines with a gap between them and place horizontally centered. Set blending mode to Overlay. Try to mimic the image below.

Step 43

Do the same thing as in the previous step, however, this time make a line with no gaps and covering the top portion of the shape.

Step 44

Time for shadows. Use the same technique but make small spots along the top shape. Intensify the darkness in the right and left edges.

Step 45

Finally, make a thin line to give our top shape a 3D look and feel. Place it vertically and horizontally centered.

Step 46

Let’s now take care of the bottom part of the can. Apply the following settings in the Blending Options panel:

Step 47

The technique will be the same we used on the top part of the can. Cmd/Ctrl + click on the bottom shape layer and create a new layer. With a soft round edge brush with size 21px and flow at 100%, highlight the top part of the shape. Set blending mode to Overlay. Then, create another layer and do the same thing but this time make a vertical line covering the entire height of the shape, following the light of the red shape. Change the blending mode of the latest layer to Soft Light.

Step 48

Apply the same method to darken the left and right edges of the bottom shape. Set blending mode to Overlay and Opacity to 70%.

Step 49

Let’s darken the middle a little bit more. Do the same thing as in previous steps and make something like the image below. Set blending mode to Soft Light and Opacity to 60%.

Step 50

Create a new layer and draw a shape similar to the one in the image below. Give it a color of #311010.

Step 51

Convert the shape to Smart Object, apply a Gaussian Blur with a value of 5. Set the layer’s blending mode to Overlay and set Opacity to 20%.

Step 52

Create a new shape to act like the image below. Add a layer mask and, using the Gradient Tool (G), remove the top and bottom areas of that shape exactly like we did in Steps 34 and 35.

Step 53

Set Opacity to 20% and blending mode to Overlay.

Step 54

Looking good. Grab the Coca-Cola logo that’s below this sentence, press Cmd/Ctrl + T to open the Transform panel and rotate in order to adjust it to the correct position.

Step 55

Let’s add some water drops. Using the Elipse Tool (U), create a circle shape and apply the following settings:

Step 56

Copy the previous layer style, then create several shapes using the Pen tool and Elipse tool and past the same layer style to each shape. Organize the layers into a folder and duplicate your drops across the can.

Hope you have found this tutorial useful for your future projects. Any questions you may have, please use the comment section below.

Creating tutorials is great even outside passive income because it gives you a chance to grow your brand, showcase your talents to potential clients, and gets you active in the community. This is enough talking about doing, lets get to it!

Note: This article is best read with Super Guide on How to Write Web Design and Development Tutorials

Getting Over Your Fear To Get Started

Image credit: Dennis Barnes

I know starting to write tutorials seems very intimidating. You’re probably thinking to yourself, “who in the world would ever want to learn from the way I do things?” Right? In actuality in our field everyone, to a degree, has an obsession with reading and learning from others. This is partly due to how fast everything changes and needing to keep up, and understanding that we can learn from each others experiences and mistakes. So don’t stress it, just get to doing.

What You Need To Get Started

Now that your fear for getting started is gone, lets get going. If you are just planning on creating tutorials for popular blogs like 1WD, then getting started is a cinch. It’s as simple as figuring out the typical content they publish, create something similar to that, and email them about it with your pitch. Simple as can be. On the other hand, doing this with your own blog is a lot more work.

Lets take a moment and look at what you need to get your own blog up and running. With your own blog you don’t really need much. All that’s essential is an easily remembered domain, good name, good design and UX, comfortable with a CMS of choice (WP, Drupal, ExpressionEngine, Refinery, etc.) figuring out how often you’d like to publish articles/tutorials, and most importantly, the content itself. Everything listed is an essential item, but content will always be king on your blog.

So here is a more direct check list to look over.

• Memorable domain
• Good blog name
• Good design and UX
• Being comfortable with your CMS of choice
• Deciding on a publishing schedule
• Content, content, content

All that seems really easy right?

Generating Passive Income From Your Tutorials

So now you’ve gotten over your fears of getting started, you know the simple formula of how to prepare tutorials for top blogs, and have an idea of the basic necessities needed to get started as well. So now lets take a quick detour to discuss how you’re going to generate income from your tutorials.

For the most part, all those people you see writing tutorials on blog sites don’t have any real plan. All they’re doing is trying to create a new revenue stream from writing tutorials. In fact most of them don’t even have a portfolio site set up. Whether you’re going to be writing tutorials for your own blog or another site, you need a plan. Lets get to making one.

For Guest Posting

Now if you’re doing tutorials for another site, then you should have some sort of related product you do or could offer. It doesn’t have to be anything major, maybe a theme or a plugin. The smart thing would be to leverage the publicity from doing tutorials on other sites to bring more attention to your products. No extra work put into marketing, and you get to turn readers into possible buyers.

For Your Own Blog

This is a little harder here. This takes a lot of work in the early stages. You’ll need to put a lot of work into marketing, original content, social network interaction, and a whole lot of areas. Too much for a little short description to do it justice, so we’ll talk more about this in the next section.

Getting Your First Taste of Traffic From Affiliations

Image Credit: epSos.de

Many blog sites have some sort of affiliation program that they offer. It could be with the blog itself, or a product they offer, either way it is a great way for you to piggy back off their community to grow yours. This method is great because it takes very little effort on your part. Lets look at a quick 5 step guide in doing this.

• Step 1:  Start your own blog.
• Step 2: Take the time to create a good body of content for your blog. I’d say 10 quality tutorials and/or articles would do.
• Step 3: Find a select group of industry blogs that are popular in the area you write on, and offer them a tutorial to publish.
• Step 4: Negotiate, negotiate, negotiate. Ask them to allow you to include at least one link to a specific post on your blog – you can even go as far as waive the fee that they would normally pay you for your article.
• Step 5: Discretely promote yourself in your post, see below for example.

Alright, so in this tutorial we’re going to teach you how to create WordPress themes. Now I don’t just start from scratch with every product, that is a major time drain, instead I start out with this framework I created [framework name]. I created from the basic foundation I found myself creating for all the sites I build.

Improving Reach with Affiliate Promotions

No matter how hard you try, your tutorial and/or article will have linkage to another’s product because you use it in your process. Why not use that to your advantage? Here is a quick guide to getting affiliate promotions from the products you mentioned and using them to your advantage.

• Get in touch with the product owner who’s product who you’d like to promote in your post
• Negotiate some sort of arrangement where your promotion, or your site, gets featured on their site
• Repeat process with other product owners who’s product you’d like to use in other articles

Easy as can be right?

Side Effect: You’ll Get More Clients!

The longer you run your blog with great content, for more noticeable you’ll become. This notice doesn’t just include other creatives, but clients too! Your blog will offer another source of validation a potential client may need to be able to decide if they want to hire you for their project.

Image Credit: Office of Governor Patrick

Real World Examples

Okay after all that talking about how to earn passive income, you’re probably anxious to see some real examples. That is why in this section we’re going to let successful people tell you how they were able to turn their blogging into successful sources of income. Interviews provided by FounderTips.

David Appleyard

David Appleyard is a writer, designer and editor based in the UK. He was able to turn his blog, Design Shack, into a very successful source of income. Take the time to read this interview done with him.

In this interview, David:

• Tells the story of Design Shack.
• Explains his take on what makes a website successful.
• Shares how he monetizes Design Shack.

Continue Reading David’s Story

Erika Napoletano

Erika Napoletano holds no fancy titles and is an expert at nothing except screwing up royally and learning from her mistakes. Despite this, she was able to gain the attention of Forbes, being branded as a “spinless spin doctor”, and have two book deals under her belt.

In this interview, Erika talks about

• Turning your personal website into more than a small passive income
• Shares the importance of being yourself in your online self repusentation

Continue Reading Erika’s story

Further Reading Material

Although there was a lot of great information for you in this post, it is always a great idea to continue reading to find different ideas. That is why I’ve gathered up some great articles from the 1WD and FounderTips vaults that should really help you get going. Below that, you’ll find some great books and sites that  will help you with understanding passive income and marketing. Happy readings!

• How To Get People To Read Your Blog When You’re A Internet Nobody
• Real People, Real Money: How 7 Web Designers Who Earn Passive Income
• Why Web Designers and Web Developers Should Have Blogs
• 5 Reasons Why Blogs Fail Hard
• How To Write Great Blogposts (Even Though You Are Not A Writer)
• Questions to Ask Yourself Before Becoming a Blogger (still gotta ask if its right for you)

Other Resources

• Turn Your Blogging Skills into Successful Affiliate Promotions
• Likeable Social Media
• 500 Social Media Marketing Tips
• Web Designers Making Thousands of Dollars of Passive Income

This tutorial goes hand in hand with Christian’s video tutorial on how to create a website from scratch using HTML5 and CSS3. The goal is to help you understand how easy it is to create the same layout (from Christian’s tutorial) in WordPress using custom widget areas. Although you will need to put the pieces together a little, it’s a fun learning experience nonetheless!

Resources for this tutorial:

• Canvas - (important) it’s a paid WordPress theme from WooThemes, but the video tutorial below can still be applied using other themes.
• Responsive Theme – a free alternative, really great theme with millions of downloads monthly.

Video Tutorial: Custom WordPress HomePage with Custom Widget Areas

Visit us at 1WD.tv for more learning materials that can get you started as a freelance web designer, inside you will get: an eBook, tons of video guides, source codes, child theme, forum support, and most of all, the knowledge of how you can earn $300 in just 3 Days!

And there are plenty of articles all over the internet featuring the most popular and the most known WordPress plugins that will turn your website into a powerful CMS, blog, forum, etc.

I am here to show you four lesser known plugins that are very useful.

1. Faster Image Insert

Basically this plugin moves the whole media manager over to your post or page editing interface. It is a really useful plugin mainly because you do not have to open an extra window anymore, just add an image to your content.

It is right there, below your text editor or you can drag it anywhere you want. Also, another feature I totally love is multi editing. Here is a great tutorial for you.

Download Faster Image Insert Plugin Here

2. Plugins Garbage Collector

Now, this plugin can actually make your website faster. It increases your website’s loading speed by cleaning up the database of your website.

The official description of this plugin says: “It scans your WordPress database and shows what various things old plugins (which were deactivated or uninstalled) left in it. Cleanup is available.” How does it do it?

Well, this plugin scans the whole database of your WordPress site. And then it shows all the tables from that database to you. It looks just like this screenshot below.

As you can see, there is a lot of green and a lot of red. Mainly you should worry about those red records. As they show you any tables left behind after uninstalling a plugin. Some plugins delete every data and clean up when you delete them. But some do not. So this plugin will solve it for you. Feel free to download it here.

3. Video Thumbnails

Some time ago I was maintaining a video based WordPress site for one of my clients. They were paying for a fast and spacious server.

They used to embed and publish approximately 20 videos a day. 

And the biggest and most time consuming headache they had was manually creating and attaching a thumbnail to their video posts.
I had no idea what to do about it until I found Video Thumbnails. So what does it do so good to deserve to be included in this list? Very simple…

“It simplifies the process of automatically displaying video thumbnails in your WordPress template.”

It supports all of these online players: YouTube, Vimeo, Blip.tv, Justin.tv, Dailymotion and Metacafe.

And also this plugin’s official description says that it will work without a problem with popular video embedding plugins as: Viper’s Video Quicktags, Simple Video Embedder, Vimeo Shortcode and WP YouTube Lyte.

I have to admit – I have not tried to use this plugin together with any of the ones mentioned above.

But for your peace of mind I can assure you that the plugin descriptions are usually reliable sources of information.

Something else I wanted to mention is that this plugin even has some features for advanced WordPress users who would love to customize their theme.

Just head over to Video Thumbnails Official WP page to find out more about it.

4. Search Meter

This plugin is a great weapon to improve your marketing strategy, customer service or in any other way please your visitors.

This plugin has been made to track what your readers really want, and let me tell you from my own experience, this plugin does it really well. Basically, when you head over to your WordPress Dashboard you will be shown exactly what your readers are searching for, when and how often.

Not only does it show you what terms they search for, it will even tell you if they find what they are looking for.

This kind of search statistics enables you to give your readers more of what they are already looking for and adjust your content accordingly if they are struggling to find what they are looking for.

Last Piece Of Advice

Whenever I am talking about WordPress plugins I always like to remind people that if overused, they can actually do more harm than good.

So please make sure you install only the most essential plugins, instead of any plugin you think will make your site better.

To find out what kind of harm can be done when you have too many plugins read this great article about it over at WP Beginner.

Do you know any useful, yet little known plugin worth mentioning here?

Are you struggling to get your very first client? Worrying about getting more clients in your freelance career? 

I got my very first client when I understood how to look at everything through his eyes! I became a marketer, not only a web designer, and I never had to worry about not having enough work!

Using a super-simple 5-Step System, I am about to show you exactly how to become an expert freelancer and land well paying freelance gigs anytime you want! 

I wish I had someone to show me this system 5 years ago, when I started! Don’t miss out as our freelance expert Spencer Forman reveals everything in this incredible content-packed training webinar.

Sign up Now! Seats are limited so take action and don’t be left out. Seats are filling in quick!

• What: Webinar - Proven 5-Step Formula on How to Get Clients
• Where: https://attendee.gotowebinar.com/register/5186286746768365824
• When: Friday, 19th April, 13.00 EDT, 10.00 AM PST

Register now to reserve your seat and get ready to take some notes!

You will learn exactly how to leverage WordPress’ popularity, pick “low hanging fruits” – pain jobs you can solve in a short time!

You will learn how to talk with clients, how to make them respond to you and how to get paid more!

See ya on the call!

P.S. If you want more details about our course and webinar go to http://1wd.tv now!

—-

*Update! : Thank you for everybody who attended – the response was so kind and supportive!! I loved to hear you enjoyed this webinar and we will be creating some more!

Probably tomorrow – will work on sending out recordings to those who registered to email. Thanks so much! :)