Optin Forms - Version 1.1.8

Version Description

  • Updated text domain.
Download this release

Release Info

Developer FancyThemes
Plugin Icon 128x128 Optin Forms
Version 1.1.8
Comparing to
See all releases

Code changes from version 1.1.7 to 1.1.8

Files changed (23) hide show
  1. includes/functions-form-1.php +6 -6
  2. includes/functions-form-2.php +4 -4
  3. includes/functions-form-3.php +5 -5
  4. includes/functions-form-4.php +5 -5
  5. includes/functions-form-5.php +6 -6
  6. includes/functions-forms.php +1 -1
  7. includes/functions.php +4 -198
  8. includes/options-email-solution.php +86 -86
  9. includes/options-form-1.php +104 -106
  10. includes/options-form-2.php +85 -85
  11. includes/options-form-3.php +96 -96
  12. includes/options-form-4.php +90 -90
  13. includes/options-form-5.php +123 -123
  14. includes/options-form-functionality.php +17 -16
  15. includes/options-form-placement.php +25 -25
  16. includes/preview-form-1.php +7 -8
  17. includes/preview-form-2.php +4 -5
  18. includes/preview-form-3.php +7 -8
  19. includes/preview-form-4.php +5 -6
  20. includes/preview-form-5.php +8 -9
  21. includes/sidebar.php +9 -13
  22. optin-forms.php +26 -38
  23. readme.txt +14 -8
includes/functions-form-1.php CHANGED
@@ -56,7 +56,7 @@ function optinforms_form1_default_border() {
56
  function optinforms_form1_default_title() {
57
  global $optinforms_form1_title;
58
  if(empty($optinforms_form1_title)) {
59
- $optinforms_form1_title = __('Get Free Email Updates!', 'optinforms');
60
  }
61
  return $optinforms_form1_title;
62
  }
@@ -117,7 +117,7 @@ function optinforms_form1_default_title_color() {
117
  function optinforms_form1_default_subtitle() {
118
  global $optinforms_form1_subtitle;
119
  if(empty($optinforms_form1_subtitle)) {
120
- $optinforms_form1_subtitle = __('Signup now and receive an email once I publish new content.', 'optinforms');
121
  }
122
  return $optinforms_form1_subtitle;
123
  }
@@ -178,7 +178,7 @@ function optinforms_form1_default_subtitle_color() {
178
  function optinforms_form1_default_name_field() {
179
  global $optinforms_form1_name_field;
180
  if(empty($optinforms_form1_name_field)) {
181
- $optinforms_form1_name_field = __('Enter Your Name', 'optinforms');
182
  }
183
  return $optinforms_form1_name_field;
184
  }
@@ -187,7 +187,7 @@ function optinforms_form1_default_name_field() {
187
  function optinforms_form1_default_email_field() {
188
  global $optinforms_form1_email_field;
189
  if(empty($optinforms_form1_email_field)) {
190
- $optinforms_form1_email_field = __('Enter Your Email Address', 'optinforms');
191
  }
192
  return $optinforms_form1_email_field;
193
  }
@@ -248,7 +248,7 @@ function optinforms_form1_default_fields_color() {
248
  function optinforms_form1_default_button_text() {
249
  global $optinforms_form1_button_text;
250
  if(empty($optinforms_form1_button_text)) {
251
- $optinforms_form1_button_text = __('SIGN UP', 'optinforms');
252
  }
253
  return $optinforms_form1_button_text;
254
  }
@@ -318,7 +318,7 @@ function optinforms_form1_default_button_background() {
318
  function optinforms_form1_default_disclaimer() {
319
  global $optinforms_form1_disclaimer;
320
  if(empty($optinforms_form1_disclaimer)) {
321
- $optinforms_form1_disclaimer = __('I will never give away, trade or sell your email address. You can unsubscribe at any time.', 'optinforms');
322
  }
323
  return $optinforms_form1_disclaimer;
324
  }
56
  function optinforms_form1_default_title() {
57
  global $optinforms_form1_title;
58
  if(empty($optinforms_form1_title)) {
59
+ $optinforms_form1_title = __('Get Free Email Updates!', 'optin-forms');
60
  }
61
  return $optinforms_form1_title;
62
  }
117
  function optinforms_form1_default_subtitle() {
118
  global $optinforms_form1_subtitle;
119
  if(empty($optinforms_form1_subtitle)) {
120
+ $optinforms_form1_subtitle = __('Signup now and receive an email once I publish new content.', 'optin-forms');
121
  }
122
  return $optinforms_form1_subtitle;
123
  }
178
  function optinforms_form1_default_name_field() {
179
  global $optinforms_form1_name_field;
180
  if(empty($optinforms_form1_name_field)) {
181
+ $optinforms_form1_name_field = __('Enter Your Name', 'optin-forms');
182
  }
183
  return $optinforms_form1_name_field;
184
  }
187
  function optinforms_form1_default_email_field() {
188
  global $optinforms_form1_email_field;
189
  if(empty($optinforms_form1_email_field)) {
190
+ $optinforms_form1_email_field = __('Enter Your Email Address', 'optin-forms');
191
  }
192
  return $optinforms_form1_email_field;
193
  }
248
  function optinforms_form1_default_button_text() {
249
  global $optinforms_form1_button_text;
250
  if(empty($optinforms_form1_button_text)) {
251
+ $optinforms_form1_button_text = __('SIGN UP', 'optin-forms');
252
  }
253
  return $optinforms_form1_button_text;
254
  }
318
  function optinforms_form1_default_disclaimer() {
319
  global $optinforms_form1_disclaimer;
320
  if(empty($optinforms_form1_disclaimer)) {
321
+ $optinforms_form1_disclaimer = __('I will never give away, trade or sell your email address. You can unsubscribe at any time.', 'optin-forms');
322
  }
323
  return $optinforms_form1_disclaimer;
324
  }
includes/functions-form-2.php CHANGED
@@ -39,7 +39,7 @@ function optinforms_form2_default_background() {
39
  function optinforms_form2_default_title() {
40
  global $optinforms_form2_title;
41
  if(empty($optinforms_form2_title)) {
42
- $optinforms_form2_title = __('Receive Updates', 'optinforms');
43
  }
44
  return $optinforms_form2_title;
45
  }
@@ -100,7 +100,7 @@ function optinforms_form2_default_title_color() {
100
  function optinforms_form2_default_email_field() {
101
  global $optinforms_form2_email_field;
102
  if(empty($optinforms_form2_email_field)) {
103
- $optinforms_form2_email_field = __('Enter Your Email Address', 'optinforms');
104
  }
105
  return $optinforms_form2_email_field;
106
  }
@@ -161,7 +161,7 @@ function optinforms_form2_default_fields_color() {
161
  function optinforms_form2_default_button_text() {
162
  global $optinforms_form2_button_text;
163
  if(empty($optinforms_form2_button_text)) {
164
- $optinforms_form2_button_text = __('Sign Up', 'optinforms');
165
  }
166
  return $optinforms_form2_button_text;
167
  }
@@ -231,7 +231,7 @@ function optinforms_form2_default_button_background() {
231
  function optinforms_form2_default_disclaimer() {
232
  global $optinforms_form2_disclaimer;
233
  if(empty($optinforms_form2_disclaimer)) {
234
- $optinforms_form2_disclaimer = __('No spam guarantee.', 'optinforms');
235
  }
236
  return $optinforms_form2_disclaimer;
237
  }
39
  function optinforms_form2_default_title() {
40
  global $optinforms_form2_title;
41
  if(empty($optinforms_form2_title)) {
42
+ $optinforms_form2_title = __('Receive Updates', 'optin-forms');
43
  }
44
  return $optinforms_form2_title;
45
  }
100
  function optinforms_form2_default_email_field() {
101
  global $optinforms_form2_email_field;
102
  if(empty($optinforms_form2_email_field)) {
103
+ $optinforms_form2_email_field = __('Enter Your Email Address', 'optin-forms');
104
  }
105
  return $optinforms_form2_email_field;
106
  }
161
  function optinforms_form2_default_button_text() {
162
  global $optinforms_form2_button_text;
163
  if(empty($optinforms_form2_button_text)) {
164
+ $optinforms_form2_button_text = __('Sign Up', 'optin-forms');
165
  }
166
  return $optinforms_form2_button_text;
167
  }
231
  function optinforms_form2_default_disclaimer() {
232
  global $optinforms_form2_disclaimer;
233
  if(empty($optinforms_form2_disclaimer)) {
234
+ $optinforms_form2_disclaimer = __('No spam guarantee.', 'optin-forms');
235
  }
236
  return $optinforms_form2_disclaimer;
237
  }
includes/functions-form-3.php CHANGED
@@ -41,7 +41,7 @@ function optinforms_form3_default_background() {
41
  function optinforms_form3_default_title() {
42
  global $optinforms_form3_title;
43
  if(empty($optinforms_form3_title)) {
44
- $optinforms_form3_title = __('Did you enjoy this article?', 'optinforms');
45
  }
46
  return $optinforms_form3_title;
47
  }
@@ -102,7 +102,7 @@ function optinforms_form3_default_title_color() {
102
  function optinforms_form3_default_subtitle() {
103
  global $optinforms_form3_subtitle;
104
  if(empty($optinforms_form3_subtitle)) {
105
- $optinforms_form3_subtitle = __('Signup today and receive free updates straight in your inbox. We will never share or sell your email address.', 'optinforms');
106
  }
107
  return $optinforms_form3_subtitle;
108
  }
@@ -163,7 +163,7 @@ function optinforms_form3_default_subtitle_color() {
163
  function optinforms_form3_default_name_field() {
164
  global $optinforms_form3_name_field;
165
  if(empty($optinforms_form3_name_field)) {
166
- $optinforms_form3_name_field = __('Your Name', 'optinforms');
167
  }
168
  return $optinforms_form3_name_field;
169
  }
@@ -172,7 +172,7 @@ function optinforms_form3_default_name_field() {
172
  function optinforms_form3_default_email_field() {
173
  global $optinforms_form3_email_field;
174
  if(empty($optinforms_form3_email_field)) {
175
- $optinforms_form3_email_field = __('Your Email Address', 'optinforms');
176
  }
177
  return $optinforms_form3_email_field;
178
  }
@@ -233,7 +233,7 @@ function optinforms_form3_default_fields_color() {
233
  function optinforms_form3_default_button_text() {
234
  global $optinforms_form3_button_text;
235
  if(empty($optinforms_form3_button_text)) {
236
- $optinforms_form3_button_text = __('Sign Up Today!', 'optinforms');
237
  }
238
  return $optinforms_form3_button_text;
239
  }
41
  function optinforms_form3_default_title() {
42
  global $optinforms_form3_title;
43
  if(empty($optinforms_form3_title)) {
44
+ $optinforms_form3_title = __('Did you enjoy this article?', 'optin-forms');
45
  }
46
  return $optinforms_form3_title;
47
  }
102
  function optinforms_form3_default_subtitle() {
103
  global $optinforms_form3_subtitle;
104
  if(empty($optinforms_form3_subtitle)) {
105
+ $optinforms_form3_subtitle = __('Signup today and receive free updates straight in your inbox. We will never share or sell your email address.', 'optin-forms');
106
  }
107
  return $optinforms_form3_subtitle;
108
  }
163
  function optinforms_form3_default_name_field() {
164
  global $optinforms_form3_name_field;
165
  if(empty($optinforms_form3_name_field)) {
166
+ $optinforms_form3_name_field = __('Your Name', 'optin-forms');
167
  }
168
  return $optinforms_form3_name_field;
169
  }
172
  function optinforms_form3_default_email_field() {
173
  global $optinforms_form3_email_field;
174
  if(empty($optinforms_form3_email_field)) {
175
+ $optinforms_form3_email_field = __('Your Email Address', 'optin-forms');
176
  }
177
  return $optinforms_form3_email_field;
178
  }
233
  function optinforms_form3_default_button_text() {
234
  global $optinforms_form3_button_text;
235
  if(empty($optinforms_form3_button_text)) {
236
+ $optinforms_form3_button_text = __('Sign Up Today!', 'optin-forms');
237
  }
238
  return $optinforms_form3_button_text;
239
  }
includes/functions-form-4.php CHANGED
@@ -54,7 +54,7 @@ function optinforms_form4_default_border() {
54
  function optinforms_form4_default_title() {
55
  global $optinforms_form4_title;
56
  if(empty($optinforms_form4_title)) {
57
- $optinforms_form4_title = __('Get the FREE eBook...', 'optinforms');
58
  }
59
  return $optinforms_form4_title;
60
  }
@@ -115,7 +115,7 @@ function optinforms_form4_default_title_color() {
115
  function optinforms_form4_default_subtitle() {
116
  global $optinforms_form4_subtitle;
117
  if(empty($optinforms_form4_subtitle)) {
118
- $optinforms_form4_subtitle = __('Enter your email address and click on the Get Instant Access button.', 'optinforms');
119
  }
120
  return $optinforms_form4_subtitle;
121
  }
@@ -176,7 +176,7 @@ function optinforms_form4_default_subtitle_color() {
176
  function optinforms_form4_default_email_field() {
177
  global $optinforms_form4_email_field;
178
  if(empty($optinforms_form4_email_field)) {
179
- $optinforms_form4_email_field = __('Email Address', 'optinforms');
180
  }
181
  return $optinforms_form4_email_field;
182
  }
@@ -237,7 +237,7 @@ function optinforms_form4_default_fields_color() {
237
  function optinforms_form4_default_button_text() {
238
  global $optinforms_form4_button_text;
239
  if(empty($optinforms_form4_button_text)) {
240
- $optinforms_form4_button_text = __('Get Instant Access', 'optinforms');
241
  }
242
  return $optinforms_form4_button_text;
243
  }
@@ -307,7 +307,7 @@ function optinforms_form4_default_button_background() {
307
  function optinforms_form4_default_disclaimer() {
308
  global $optinforms_form4_disclaimer;
309
  if(empty($optinforms_form4_disclaimer)) {
310
- $optinforms_form4_disclaimer = __('We respect your privacy', 'optinforms');
311
  }
312
  return $optinforms_form4_disclaimer;
313
  }
54
  function optinforms_form4_default_title() {
55
  global $optinforms_form4_title;
56
  if(empty($optinforms_form4_title)) {
57
+ $optinforms_form4_title = __('Get the FREE eBook...', 'optin-forms');
58
  }
59
  return $optinforms_form4_title;
60
  }
115
  function optinforms_form4_default_subtitle() {
116
  global $optinforms_form4_subtitle;
117
  if(empty($optinforms_form4_subtitle)) {
118
+ $optinforms_form4_subtitle = __('Enter your email address and click on the Get Instant Access button.', 'optin-forms');
119
  }
120
  return $optinforms_form4_subtitle;
121
  }
176
  function optinforms_form4_default_email_field() {
177
  global $optinforms_form4_email_field;
178
  if(empty($optinforms_form4_email_field)) {
179
+ $optinforms_form4_email_field = __('Email Address', 'optin-forms');
180
  }
181
  return $optinforms_form4_email_field;
182
  }
237
  function optinforms_form4_default_button_text() {
238
  global $optinforms_form4_button_text;
239
  if(empty($optinforms_form4_button_text)) {
240
+ $optinforms_form4_button_text = __('Get Instant Access', 'optin-forms');
241
  }
242
  return $optinforms_form4_button_text;
243
  }
307
  function optinforms_form4_default_disclaimer() {
308
  global $optinforms_form4_disclaimer;
309
  if(empty($optinforms_form4_disclaimer)) {
310
+ $optinforms_form4_disclaimer = __('We respect your privacy', 'optin-forms');
311
  }
312
  return $optinforms_form4_disclaimer;
313
  }
includes/functions-form-5.php CHANGED
@@ -46,7 +46,7 @@ function optinforms_form5_default_background() {
46
  function optinforms_form5_default_title() {
47
  global $optinforms_form5_title;
48
  if(empty($optinforms_form5_title)) {
49
- $optinforms_form5_title = __('JOIN OUR NEWSLETTER', 'optinforms');
50
  }
51
  return $optinforms_form5_title;
52
  }
@@ -107,7 +107,7 @@ function optinforms_form5_default_title_color() {
107
  function optinforms_form5_default_subtitle() {
108
  global $optinforms_form5_subtitle;
109
  if(empty($optinforms_form5_subtitle)) {
110
- $optinforms_form5_subtitle = __('Join over 3.000 visitors who are receiving our newsletter and learn how to optimize your blog for search engines, find free traffic, and monetize your website.', 'optinforms');
111
  }
112
  return $optinforms_form5_subtitle;
113
  }
@@ -169,7 +169,7 @@ function optinforms_form5_default_name_field() {
169
 
170
  global $optinforms_form5_name_field;
171
  if(empty($optinforms_form5_name_field)) {
172
- $optinforms_form5_name_field = __('Enter Your Name', 'optinforms');
173
  }
174
  return $optinforms_form5_name_field;
175
  }
@@ -178,7 +178,7 @@ function optinforms_form5_default_name_field() {
178
  function optinforms_form5_default_email_field() {
179
  global $optinforms_form5_email_field;
180
  if(empty($optinforms_form5_email_field)) {
181
- $optinforms_form5_email_field = __('Enter Your Email', 'optinforms');
182
  }
183
  return $optinforms_form5_email_field;
184
  }
@@ -239,7 +239,7 @@ function optinforms_form5_default_fields_color() {
239
  function optinforms_form5_default_button_text() {
240
  global $optinforms_form5_button_text;
241
  if(empty($optinforms_form5_button_text)) {
242
- $optinforms_form5_button_text = __('SUBSCRIBE FOR FREE', 'optinforms');
243
  }
244
  return $optinforms_form5_button_text;
245
  }
@@ -309,7 +309,7 @@ function optinforms_form5_default_button_background() {
309
  function optinforms_form5_default_disclaimer() {
310
  global $optinforms_form5_disclaimer;
311
  if(empty($optinforms_form5_disclaimer)) {
312
- $optinforms_form5_disclaimer = __('We hate spam. Your email address will not be sold or shared with anyone else.', 'optinforms');
313
  }
314
  return $optinforms_form5_disclaimer;
315
  }
46
  function optinforms_form5_default_title() {
47
  global $optinforms_form5_title;
48
  if(empty($optinforms_form5_title)) {
49
+ $optinforms_form5_title = __('JOIN OUR NEWSLETTER', 'optin-forms');
50
  }
51
  return $optinforms_form5_title;
52
  }
107
  function optinforms_form5_default_subtitle() {
108
  global $optinforms_form5_subtitle;
109
  if(empty($optinforms_form5_subtitle)) {
110
+ $optinforms_form5_subtitle = __('Join over 3.000 visitors who are receiving our newsletter and learn how to optimize your blog for search engines, find free traffic, and monetize your website.', 'optin-forms');
111
  }
112
  return $optinforms_form5_subtitle;
113
  }
169
 
170
  global $optinforms_form5_name_field;
171
  if(empty($optinforms_form5_name_field)) {
172
+ $optinforms_form5_name_field = __('Enter Your Name', 'optin-forms');
173
  }
174
  return $optinforms_form5_name_field;
175
  }
178
  function optinforms_form5_default_email_field() {
179
  global $optinforms_form5_email_field;
180
  if(empty($optinforms_form5_email_field)) {
181
+ $optinforms_form5_email_field = __('Enter Your Email', 'optin-forms');
182
  }
183
  return $optinforms_form5_email_field;
184
  }
239
  function optinforms_form5_default_button_text() {
240
  global $optinforms_form5_button_text;
241
  if(empty($optinforms_form5_button_text)) {
242
+ $optinforms_form5_button_text = __('SUBSCRIBE FOR FREE', 'optin-forms');
243
  }
244
  return $optinforms_form5_button_text;
245
  }
309
  function optinforms_form5_default_disclaimer() {
310
  global $optinforms_form5_disclaimer;
311
  if(empty($optinforms_form5_disclaimer)) {
312
+ $optinforms_form5_disclaimer = __('We hate spam. Your email address will not be sold or shared with anyone else.', 'optin-forms');
313
  }
314
  return $optinforms_form5_disclaimer;
315
  }
includes/functions-forms.php CHANGED
@@ -191,7 +191,7 @@ add_filter('widget_text', 'do_shortcode');
191
 
192
  // Code comment beginning
193
  function optinforms_code_comment(){
194
- return "\n\n<!-- Form created by Optin Forms plugin by Codeleon: create beautiful optin forms with ease! -->\n<!-- http://www.codeleon.com/wordpress/plugins/optin-forms -->\n";
195
  }
196
 
197
  // Code comment end
191
 
192
  // Code comment beginning
193
  function optinforms_code_comment(){
194
+ return "\n\n<!-- Form created by Optin Forms plugin by Codeleon: create beautiful optin forms with ease! -->\n<!-- http://codeleon.com/products/optin-forms/ -->\n";
195
  }
196
 
197
  // Code comment end
includes/functions.php CHANGED
@@ -35,8 +35,8 @@
35
  // Add tabs for main page
36
  function optinforms_menu_tabs() {
37
  echo "<ul id=\"optinforms-menu-tabs\" class=\"shadetabs\">
38
- <li><a href=\"#\" rel=\"optinforms-email-solution-tab\" class=\"selected\">" . __('Email Solution', 'optinforms') . "</a></li>
39
- <li><a href=\"#\" rel=\"optinforms-posts-tab\">" . __('Form', 'optinforms') . "</a></li>
40
  </ul>
41
  <div class=\"clear\"></div>";
42
  }
@@ -358,7 +358,7 @@ function optinforms_configuration_message() {
358
  $userid = $current_user->ID;
359
  if ( !get_user_meta( $userid, 'optinforms_dismiss_email_configuration' ) ) {
360
  echo "<div id=\"message\" class=\"error\">
361
- <p>" . __('Your email solution is not configured yet. Your form will not work properly until you configure the settings.', 'optinforms') . " <a href=\"?page=optinforms&optinforms_dismiss_ec=yes\">" . __('I know, don\'t bug me', 'optinforms') . "</a></p>
362
  </div>";
363
  }
364
  }
@@ -375,200 +375,6 @@ function optinforms_dismiss_admin_notice() {
375
  }
376
  add_action( 'admin_init', 'optinforms_dismiss_admin_notice' );
377
 
378
- // Create supportbox notice
379
- function optinforms_supportbox_notice_115() {
380
-
381
- global $current_user, $pagenow;
382
- $userid = $current_user->ID;
383
- if ( current_user_can('manage_options') && $_REQUEST['page'] == 'optinforms' && !get_user_meta( $userid, 'optinforms_dismiss_supportbox_115' ) ) {
384
- ?>
385
- <div class="updated" style="background:#02C2A8;border-color:#109785;margin:20px 0 40px;">
386
- <div class="optinforms-supportbox-left">
387
- <h3><?php echo __('Optin Forms is free, and will always be free', 'optinforms'); ?></h3>
388
- <p><?php echo __('I\'ve spent a huge amount of my time developing this free plugin, and offering free support to users who need help with it. Please support further development of this plugin by pledging an amount that seems reasonable to you.', 'optinforms'); ?></p>
389
- <p><?php echo __('Thank you!', 'optinforms'); ?><br /><a href="https://twitter.com/b_ris" target="_blank">Boris Beo</a></p>
390
- </div><!--optinforms-supportbox-left-->
391
- <div class="optinforms-supportbox-right">
392
- <h3><?php echo __('What is Optin Forms worth to you?', 'optinforms'); ?></h3>
393
- <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
394
- <input type="hidden" name="cmd" value="_xclick">
395
- <input type="hidden" name="business" value="info@ris-media.com">
396
- <input type="hidden" name="lc" value="US">
397
- <input type="hidden" name="item_name" value="Development Optin Forms">
398
- <input id="amt_id" type="hidden" name="amount" value="1">
399
- <input type="hidden" name="currency_code" value="USD">
400
- <input type="hidden" name="no_shipping" value="2">
401
- <input type="hidden" name="page_style" value="PayPal">
402
- <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
403
- <div id="optinforms-supportbox"></div>
404
- <div id="optinforms-supportbox-woohoo">
405
- <div class="optinforms-supportbox-woohoo">
406
- <p><?php echo __('Use the slider to set your amount', 'optinforms'); ?></p>
407
- </div><!--optinforms-supportbox-woohoo-->
408
- </div><!--optinforms-supportbox-woohoo-->
409
- <div id="optinforms-supportbox-woohoo-one">
410
- <div class="optinforms-supportbox-woohoo">
411
- <p><?php echo __('Woohoo, free coffee!', 'optinforms'); ?></p>
412
- </div><!--optinforms-supportbox-woohoo-->
413
- </div><!--optinforms-supportbox-woohoo-one-->
414
- <div id="optinforms-supportbox-woohoo-two">
415
- <div class="optinforms-supportbox-woohoo">
416
- <p><?php echo __('Cool, I can spend more time on the support forum!', 'optinforms'); ?></p>
417
- </div><!--optinforms-supportbox-woohoo-->
418
- </div><!--optinforms-supportbox-woohoo-two-->
419
- <div id="optinforms-supportbox-woohoo-three">
420
- <div class="optinforms-supportbox-woohoo">
421
- <p><?php echo __('Great, I can make the plugin even better!', 'optinforms'); ?></p>
422
- </div><!--optinforms-supportbox-woohoo-->
423
- </div><!--optinforms-supportbox-woohoo-three-->
424
- <div id="optinforms-supportbox-woohoo-four">
425
- <div class="optinforms-supportbox-woohoo">
426
- <p><?php echo __('Sweet, I can code some cool stuff!', 'optinforms'); ?></p>
427
- </div><!--optinforms-supportbox-woohoo-->
428
- </div><!--optinforms-supportbox-woohoo-four-->
429
- <div id="optinforms-supportbox-woohoo-five">
430
- <div class="optinforms-supportbox-woohoo">
431
- <p><?php echo __('Amazing, I can work on new features!', 'optinforms'); ?></p>
432
- </div><!--optinforms-supportbox-woohoo-->
433
- </div><!--optinforms-supportbox-woohoo-five-->
434
- <div id="optinforms-supportbox-woohoo-six">
435
- <div class="optinforms-supportbox-woohoo">
436
- <p><?php echo __('Wow, you rock!', 'optinforms'); ?></p>
437
- </div><!--optinforms-supportbox-woohoo-->
438
- </div><!--optinforms-supportbox-woohoo-six-->
439
- <div class="optinforms-supportbox-price-container">
440
- <label for="amount" class="optinforms-support-label">$</label>
441
- <input type="text" id="optinforms-amount" name="amount" class="optinforms-support-amount" value="9" readonly>
442
- </div><!--optinforms-supportbox-price-container-->
443
- <div class="optinforms-supportbox-buttons-container">
444
- <input type="submit" class="optinforms-supportbox-button-support" name="submit" value="Send Amount" />
445
- <a class="optinforms-supportbox-button-no-support"><?php echo __('I don\'t want to support further development', 'optinforms'); ?></a>
446
- </div><!--optinforms-supportbox-buttons-container-->
447
- </form>
448
- <div class="clear"></div>
449
- <div id="optinforms-supportbox-close">
450
- <p><?php echo __('That\'s cool, we can still be friends.', 'optinforms'); ?> <a href="index.php?optinforms_dismiss_115=yes"><?php echo __('Click here to close this box', 'optinforms'); ?></a>.</p>
451
- </div><!--optinforms-supportbox-close-->
452
- <div id="optinforms-supportbox-pledged">
453
- <p><?php echo __('Thank you for your support ;) People like you make my work possible!', 'optinforms'); ?><br /><a href="index.php?optinforms_dismiss_115=yes"><?php echo __('Click here to close this box', 'optinforms'); ?></a>.</p>
454
- </div><!--optinforms-supportbox-pledged-->
455
- <script type="text/javascript">
456
- (function( $ ) {
457
- "use strict";
458
-
459
- $(function() {
460
- $( "#optinforms-supportbox" ).slider({
461
- range: "max",
462
- min: 2,
463
- max: 50,
464
- value: 9,
465
- slide: function( event, ui ) {
466
- $( "#optinforms-amount" ).val( ui.value );
467
- if (ui.value > '1' && ui.value < '9') { //200 is the amount where you want the event to trigger
468
- $('#optinforms-supportbox-woohoo-one').css('display', 'block');
469
- $('#optinforms-supportbox-woohoo').css('display', 'none');
470
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
471
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
472
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
473
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
474
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
475
- }
476
- else if (ui.value > '8' && ui.value < '10') {
477
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
478
- $('#optinforms-supportbox-woohoo').css('display', 'block');
479
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
480
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
481
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
482
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
483
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
484
- }
485
- else if (ui.value > '9' && ui.value < '20') {
486
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
487
- $('#optinforms-supportbox-woohoo').css('display', 'none');
488
- $('#optinforms-supportbox-woohoo-two').css('display', 'block');
489
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
490
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
491
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
492
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
493
- }
494
- else if (ui.value > '20' && ui.value < '30') {
495
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
496
- $('#optinforms-supportbox-woohoo').css('display', 'none');
497
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
498
- $('#optinforms-supportbox-woohoo-three').css('display', 'block');
499
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
500
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
501
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
502
- }
503
- else if (ui.value > '30' && ui.value < '40') {
504
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
505
- $('#optinforms-supportbox-woohoo').css('display', 'none');
506
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
507
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
508
- $('#optinforms-supportbox-woohoo-four').css('display', 'block');
509
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
510
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
511
- }
512
- else if (ui.value > '40' && ui.value < '50') {
513
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
514
- $('#optinforms-supportbox-woohoo').css('display', 'none');
515
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
516
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
517
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
518
- $('#optinforms-supportbox-woohoo-five').css('display', 'block');
519
- $('#optinforms-supportbox-woohoo-six').css('display', 'none');
520
- }
521
- else if (ui.value > '49') {
522
- $('#optinforms-supportbox-woohoo-one').css('display', 'none');
523
- $('#optinforms-supportbox-woohoo').css('display', 'none');
524
- $('#optinforms-supportbox-woohoo-two').css('display', 'none');
525
- $('#optinforms-supportbox-woohoo-three').css('display', 'none');
526
- $('#optinforms-supportbox-woohoo-four').css('display', 'none');
527
- $('#optinforms-supportbox-woohoo-five').css('display', 'none');
528
- $('#optinforms-supportbox-woohoo-six').css('display', 'block');
529
- }
530
- }
531
- });
532
- $( "#optinforms-amount" ).val( $( "#optinforms-supportbox" ).slider( "value" ) );
533
- });
534
-
535
- $(document).ready(
536
- function(){
537
- $(".optinforms-supportbox-button-no-support").click(function () {
538
- $('#optinforms-supportbox-close').css('display', 'block');
539
- });
540
-
541
- });
542
- $(document).ready(
543
- function(){
544
- $(".optinforms-supportbox-button-support").click(function () {
545
- $('#optinforms-supportbox-pledged').css('display', 'block');
546
- });
547
-
548
- });
549
-
550
- }(jQuery));
551
- </script>
552
- </div><!--optinforms-supportbox-right-->
553
- <div class="clear"></div>
554
- </div>
555
- <?php
556
- }
557
- }
558
- add_action( 'admin_notices', 'optinforms_supportbox_notice_115' );
559
-
560
- // Add user meta value when dismiss link is clicked
561
- function optinforms_dismiss_supportbox_notice() {
562
- global $current_user;
563
- $userid = $current_user->ID;
564
-
565
- // If "Dismiss" link has been clicked, user meta field is added
566
- if ( isset( $_GET['optinforms_dismiss_115'] ) && 'yes' == $_GET['optinforms_dismiss_115'] ) {
567
- add_user_meta( $userid, 'optinforms_dismiss_supportbox_115', 'yes', true );
568
- }
569
- }
570
- add_action( 'admin_init', 'optinforms_dismiss_supportbox_notice' );
571
-
572
  // Show us some love :)
573
  function optinforms_powered_by() {
574
  global $optinforms_powered_by;
@@ -675,7 +481,7 @@ function optinforms_get_used_fonts() {
675
 
676
  // Now include only these fonts to optimize load time
677
  function optinforms_used_fonts() {
678
- $optinforms_google_url = "https://fonts.googleapis.com/css?family=";
679
  return $optinforms_google_url.optinforms_get_used_fonts();
680
 
681
  }
35
  // Add tabs for main page
36
  function optinforms_menu_tabs() {
37
  echo "<ul id=\"optinforms-menu-tabs\" class=\"shadetabs\">
38
+ <li><a href=\"#\" rel=\"optinforms-email-solution-tab\" class=\"selected\">" . __('Email Solution', 'optin-forms') . "</a></li>
39
+ <li><a href=\"#\" rel=\"optinforms-posts-tab\">" . __('Form', 'optin-forms') . "</a></li>
40
  </ul>
41
  <div class=\"clear\"></div>";
42
  }
358
  $userid = $current_user->ID;
359
  if ( !get_user_meta( $userid, 'optinforms_dismiss_email_configuration' ) ) {
360
  echo "<div id=\"message\" class=\"error\">
361
+ <p>" . __('Your email solution is not configured yet. Your form will not work properly until you configure the settings.', 'optin-forms') . " <a href=\"?page=optinforms&optinforms_dismiss_ec=yes\">" . __('I know, don\'t bug me', 'optin-forms') . "</a></p>
362
  </div>";
363
  }
364
  }
375
  }
376
  add_action( 'admin_init', 'optinforms_dismiss_admin_notice' );
377
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
378
  // Show us some love :)
379
  function optinforms_powered_by() {
380
  global $optinforms_powered_by;
481
 
482
  // Now include only these fonts to optimize load time
483
  function optinforms_used_fonts() {
484
+ $optinforms_google_url = "//fonts.googleapis.com/css?family=";
485
  return $optinforms_google_url.optinforms_get_used_fonts();
486
 
487
  }
includes/options-email-solution.php CHANGED
@@ -1,17 +1,17 @@
1
  <?php ?>
2
  <div class="optiongroup">
3
- <p><?php echo __('Select your email solution and configure the required fields.', 'optinforms'); ?></p>
4
  <div class="optionleft">
5
- <label for="optinforms_email_solution" class="nopointer"><?php echo __('My email solution is', 'optinforms'); ?></label>
6
  </div><!--optionleft-->
7
  <div class="optionmiddle">
8
  <select name="optinforms_email_solution" id="optinforms_email_solution">
9
- <option value="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') echo 'selected="selected"'; ?>>aWeber</option>
10
- <option value="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') echo 'selected="selected"'; ?>>iContact</option>
11
- <option value="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') echo 'selected="selected"'; ?>>MailChimp</option>
12
- <option value="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') echo 'selected="selected"'; ?>>GetResponse</option>
13
- <option value="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') echo 'selected="selected"'; ?>>Mad Mimi</option>
14
- <option value="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') echo 'selected="selected"'; ?>>Interspire Email Marketer</option>
15
  </select>
16
  <script type="text/javascript">
17
  document.getElementById('optinforms_email_solution').onchange = function() {
@@ -30,11 +30,11 @@
30
  </div><!--optiongroup-->
31
 
32
  <div class="optiongroup">
33
- <div id="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== '' || get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') echo 'style="display:block;"'; ?>>
34
- <!--<p class="optinforms-integration"><a href="#"></?php echo __('Learn how to integrate aWeber: watch the short video', 'optinforms'); ?></a></p>-->
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
- <label><a onclick="optinforms_explain_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_list_name_aweber" class="nopointer"><?php echo __('List ID', 'optinforms'); ?> <span class="required">*</span></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
  <input type="text" id="optinforms_form_list_name_aweber" name="optinforms_form_list_name_aweber" value="<?php echo optinforms_form_list_name_aweber(); ?>" />
@@ -53,21 +53,21 @@
53
  </script>
54
  <div id="optinforms-explain-aweber" style="display:none;">
55
  <div class="optinforms-step">
56
- <h4><?php echo __('How to find your list ID', 'optinforms'); ?></h4>
57
- <p><span class="step">1</span> <?php echo __('Log in to your aWeber account', 'optinforms'); ?></p>
58
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-001.png" class="step-image" />
59
- <p><span class="step">2</span> <?php echo __('Click on List Options in the navigation menu', 'optinforms'); ?></p>
60
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-002.png" class="step-image" />
61
- <p><span class="step">3</span> <?php echo __('Click on List Settings from the submenu options', 'optinforms'); ?></p>
62
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-003.png" class="step-image" />
63
- <p><span class="step">4</span> <?php echo __('You will find your list ID below the List Name field', 'optinforms'); ?></p>
64
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-004.png" class="step-image" />
65
  </div><!--optinforms-step-->
66
  </div><!--optinforms-explain-aweber-->
67
 
68
  <div class="optiongroup">
69
  <div class="optionleft">
70
- <label><a onclick="optinforms_explain_redirect_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_aweber" class="nopointer"><?php echo __('Redirect URL', 'optinforms'); ?></label>
71
  </div><!--optionleft-->
72
  <div class="optionmiddle">
73
  <input type="text" id="optinforms_form_redirect_aweber" name="optinforms_form_redirect_aweber" value="<?php echo optinforms_form_redirect_aweber(); ?>" />
@@ -86,17 +86,17 @@
86
  </script>
87
  <div id="optinforms-explain-redirect-aweber" style="display:none;">
88
  <div class="optinforms-help">
89
- <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default aWeber message will be used.', 'optinforms'); ?></p>
90
  </div><!--optinforms-help-->
91
  </div><!--optinforms-explain-redirect-aweber-->
92
 
93
 
94
  </div><!--optinforms_email_solution_option1-->
95
- <div id="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') echo 'style="display:block;"'; ?>>
96
- <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate iContact: watch the short video', 'optinforms'); ?></p>-->
97
  <div class="optiongroup">
98
  <div class="optionleft">
99
- <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_listid_icontact" class="nopointer"><?php echo __('List ID', 'optinforms'); ?> <span class="required">*</span></label>
100
  </div><!--optionleft-->
101
  <div class="optionmiddle">
102
  <input type="text" id="optinforms_form_listid_icontact" name="optinforms_form_listid_icontact" value="<?php echo optinforms_form_listid_icontact(); ?>" />
@@ -106,7 +106,7 @@
106
 
107
  <div class="optiongroup">
108
  <div class="optionleft">
109
- <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_specialid_icontact" class="nopointer"><?php echo __('Special ID', 'optinforms'); ?> <span class="required">*</span></label>
110
  </div><!--optionleft-->
111
  <div class="optionmiddle">
112
  <input type="text" id="optinforms_form_specialid_icontact" name="optinforms_form_specialid_icontact" value="<?php echo optinforms_form_specialid_icontact(); ?>" />
@@ -116,7 +116,7 @@
116
 
117
  <div class="optiongroup">
118
  <div class="optionleft">
119
- <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_clientid_icontact" class="nopointer"><?php echo __('Client ID', 'optinforms'); ?> <span class="required">*</span></label>
120
  </div><!--optionleft-->
121
  <div class="optionmiddle">
122
  <input type="text" id="optinforms_form_clientid_icontact" name="optinforms_form_clientid_icontact" value="<?php echo optinforms_form_clientid_icontact(); ?>" />
@@ -135,30 +135,30 @@
135
  </script>
136
  <div id="optinforms-explain-icontact" style="display:none;">
137
  <div class="optinforms-step">
138
- <h4><?php echo __('How to find your list ID, special ID and client ID values', 'optinforms'); ?></h4>
139
- <p><span class="step">1</span> <?php echo __('Log in to your iContact account', 'optinforms'); ?></p>
140
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-001.png" class="step-image" />
141
- <p><span class="step">2</span> <?php echo __('Click on Contacts in the navigation menu', 'optinforms'); ?></p>
142
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-002.png" class="step-image" />
143
- <p><span class="step">3</span> <?php echo __('Click on Sign-up Forms in the submenu', 'optinforms'); ?></p>
144
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-003.png" class="step-image" />
145
- <p><span class="step">4</span> <?php echo __('Click on the Create HTML Form button', 'optinforms'); ?></p>
146
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-004.png" class="step-image" />
147
- <p><span class="step">5</span> <?php echo __('Click on Next', 'optinforms'); ?></p>
148
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-005.png" class="step-image" />
149
- <p><span class="step">6</span> <?php echo __('Name your form, assign it to a list and include the First Name field', 'optinforms'); ?></p>
150
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-006.png" class="step-image" />
151
- <p><span class="step">7</span> <?php echo __('Click on Save', 'optinforms'); ?></p>
152
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-007.png" class="step-image" />
153
- <p><span class="step">8</span> <?php echo __('Click on the View HTML link', 'optinforms'); ?></p>
154
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-008.png" class="step-image" />
155
- <p><span class="step">9</span> <?php echo __('Scroll down to the Manual Sign-up Form and copy the values of listid, specialid and clientid fields', 'optinforms'); ?></p>
156
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-009.png" class="step-image" />
157
  </div><!--optinforms-step-->
158
  </div><!--optinforms-explain-icontact-->
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
- <label><a onclick="optinforms_explain_redirect_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_icontact" class="nopointer"><?php echo __('Redirect page URL', 'optinforms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
  <input type="text" id="optinforms_form_redirect_icontact" name="optinforms_form_redirect_icontact" value="<?php echo optinforms_form_redirect_icontact(); ?>" />
@@ -177,13 +177,13 @@
177
  </script>
178
  <div id="optinforms-explain-redirect-icontact" style="display:none;">
179
  <div class="optinforms-help">
180
- <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default iContact message will be used.', 'optinforms'); ?></p>
181
  </div><!--optinforms-help-->
182
  </div><!--optinforms-explain-redirect-icontact-->
183
 
184
  <div class="optiongroup">
185
  <div class="optionleft">
186
- <label><a onclick="optinforms_explain_error_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_error_icontact" class="nopointer"><?php echo __('Error page URL', 'optinforms'); ?></label>
187
  </div><!--optionleft-->
188
  <div class="optionmiddle">
189
  <input type="text" id="optinforms_form_error_icontact" name="optinforms_form_error_icontact" value="<?php echo optinforms_form_error_icontact(); ?>" />
@@ -202,16 +202,16 @@
202
  </script>
203
  <div id="optinforms-explain-error-icontact" style="display:none;">
204
  <div class="optinforms-help">
205
- <p><?php echo __('Enter the URL of the page where your visitors will be taken to, if there are any errors.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default iContact error message will be used.', 'optinforms'); ?></p>
206
  </div><!--optinforms-help-->
207
  </div><!--optinforms-explain-error-icontact-->
208
 
209
  </div><!--optinforms_email_solution_option2-->
210
- <div id="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') echo 'style="display:block;"'; ?>>
211
- <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate MailChimp: watch the short video', 'optinforms'); ?></p>-->
212
  <div class="optiongroup">
213
  <div class="optionleft">
214
- <label><a onclick="optinforms_explain_mailchimp()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_mailchimp" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
215
  </div><!--optionleft-->
216
  <div class="optionmiddle">
217
  <input type="text" id="optinforms_form_action_mailchimp" name="optinforms_form_action_mailchimp" value="<?php echo optinforms_form_action_mailchimp(); ?>" />
@@ -230,27 +230,27 @@
230
  </script>
231
  <div id="optinforms-explain-mailchimp" style="display:none;">
232
  <div class="optinforms-step">
233
- <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
234
- <p><span class="step">1</span> <?php echo __('Log in to your MailChimp account', 'optinforms'); ?></p>
235
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-001.png" class="step-image" />
236
- <p><span class="step">2</span> <?php echo __('Click on Lists in the navigation menu', 'optinforms'); ?></p>
237
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-002.png" class="step-image" />
238
- <p><span class="step">3</span> <?php echo __('Click on the arrow next to the list you wish to use and click on Signup forms', 'optinforms'); ?></p>
239
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-003.png" class="step-image" />
240
- <p><span class="step">4</span> <?php echo __('Select Embedded forms', 'optinforms'); ?></p>
241
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-004.png" class="step-image" />
242
- <p><span class="step">5</span> <?php echo __('Select the Naked form', 'optinforms'); ?></p>
243
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-005.png" class="step-image" />
244
- <p><span class="step">6</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
245
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-006.png" class="step-image" />
246
  </div><!--optinforms-step-->
247
  </div><!--optinforms-explain-mailchimp-->
248
  </div><!--optinforms_email_solution_option3-->
249
- <div id="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') echo 'style="display:block;"'; ?>>
250
- <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate GetResponse: watch the short video', 'optinforms'); ?></p>-->
251
  <div class="optiongroup">
252
  <div class="optionleft">
253
- <label><a onclick="optinforms_explain_getresponse()"><span class="explain">?</span></a></label> <label for="optinforms_form_webformid_getresponse" class="nopointer"><?php echo __('Webform ID', 'optinforms'); ?> <span class="required">*</span></label>
254
  </div><!--optionleft-->
255
  <div class="optionmiddle">
256
  <input type="text" id="optinforms_form_webformid_getresponse" name="optinforms_form_webformid_getresponse" value="<?php echo optinforms_form_webformid_getresponse(); ?>" />
@@ -269,28 +269,28 @@
269
  </script>
270
  <div id="optinforms-explain-getresponse" style="display:none;">
271
  <div class="optinforms-step">
272
- <h4><?php echo __('How to find your webform ID value', 'optinforms'); ?></h4>
273
- <p><span class="step">1</span> <?php echo __('Log in to your GetResponse account', 'optinforms'); ?></p>
274
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-001.png" class="step-image" />
275
- <p><span class="step">2</span> <?php echo __('Click on Web Forms in the navigation menu and click on Create New', 'optinforms'); ?></p>
276
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-002.png" class="step-image" />
277
- <p><span class="step">3</span> <?php echo __('Click on Next Step at the bottom of the page', 'optinforms'); ?></p>
278
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
279
- <p><span class="step">4</span> <?php echo __('Click on Next Step at the bottom of the page', 'optinforms'); ?></p>
280
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
281
- <p><span class="step">5</span> <?php echo __('Click on the Show HTML Code tab', 'optinforms'); ?></p>
282
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-005.png" class="step-image" />
283
- <p><span class="step">6</span> <?php echo __('Scroll down and find the value of the webform_id field', 'optinforms'); ?></p>
284
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-006.png" class="step-image" />
285
  </div><!--optinforms-step-->
286
  </div><!--optinforms-explain-getresponse-->
287
 
288
  </div><!--optinforms_email_solution_option4-->
289
- <div id="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') echo 'style="display:block;"'; ?>>
290
- <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Mad Mimi: watch the short video', 'optinforms'); ?></p>-->
291
  <div class="optiongroup">
292
  <div class="optionleft">
293
- <label><a onclick="optinforms_explain_madmimi()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_madmimi" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
294
  </div><!--optionleft-->
295
  <div class="optionmiddle">
296
  <input type="text" id="optinforms_form_action_madmimi" name="optinforms_form_action_madmimi" value="<?php echo optinforms_form_action_madmimi(); ?>" />
@@ -309,29 +309,29 @@
309
  </script>
310
  <div id="optinforms-explain-madmimi" style="display:none;">
311
  <div class="optinforms-step">
312
- <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
313
- <p><span class="step">1</span> <?php echo __('Log in to your Mad Mimi account', 'optinforms'); ?></p>
314
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-001.png" class="step-image" />
315
- <p><span class="step">2</span> <?php echo __('Click on Webform', 'optinforms'); ?></p>
316
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-002.png" class="step-image" />
317
- <p><span class="step">3</span> <?php echo __('Click on the Add a Webform button', 'optinforms'); ?></p>
318
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-003.png" class="step-image" />
319
- <p><span class="step">4</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optinforms'); ?></p>
320
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-004.png" class="step-image" />
321
- <p><span class="step">5</span> <?php echo __('Click on the Embed button', 'optinforms'); ?></p>
322
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-005.png" class="step-image" />
323
- <p><span class="step">6</span> <?php echo __('Click on the Plain Embed tab', 'optinforms'); ?></p>
324
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-006.png" class="step-image" />
325
- <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
326
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-007.png" class="step-image" />
327
  </div><!--optinforms-step-->
328
  </div><!--optinforms-explain-madmimi-->
329
  </div><!--optinforms_email_solution_option5-->
330
- <div id="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') echo 'style="display:block;"'; ?>>
331
- <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Interspire Email Marketer: watch the short video', 'optinforms'); ?></p>-->
332
  <div class="optiongroup">
333
  <div class="optionleft">
334
- <label><a onclick="optinforms_explain_interspire()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_interspire" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
335
  </div><!--optionleft-->
336
  <div class="optionmiddle">
337
  <input type="text" id="optinforms_form_action_interspire" name="optinforms_form_action_interspire" value="<?php echo optinforms_form_action_interspire(); ?>" />
@@ -352,27 +352,27 @@
352
  </script>
353
  <div id="optinforms-explain-interspire" style="display:none;">
354
  <div class="optinforms-step">
355
- <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
356
- <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optinforms'); ?></p>
357
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
358
- <p><span class="step">2</span> <?php echo __('Click on Forms in the navigation menu', 'optinforms'); ?></p>
359
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-002.png" class="step-image" />
360
- <p><span class="step">3</span> <?php echo __('Click on Create a Website Form from the submenu options', 'optinforms'); ?></p>
361
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-003.png" class="step-image" />
362
- <p><span class="step">4</span> <?php echo __('Make sure to uncheck CAPTCHA form security', 'optinforms'); ?></p>
363
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-004.png" class="step-image" />
364
- <p><span class="step">5</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optinforms'); ?></p>
365
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-005.png" class="step-image" />
366
- <p><span class="step">6</span> <?php echo __('Complete all the steps and click on Save', 'optinforms'); ?></p>
367
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-006.png" class="step-image" />
368
- <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
369
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-007.png" class="step-image" />
370
  </div><!--optinforms-step-->
371
  </div><!--optinforms-explain-interspire-->
372
 
373
  <div class="optiongroup">
374
  <div class="optionleft">
375
- <label><a onclick="optinforms_explain_interspire_name()"><span class="explain">?</span></a></label> <label for="optinforms_form_name_field_interspire" class="nopointer"><?php echo __('Name field ID', 'optinforms'); ?> <span class="required">*</span></label>
376
  </div><!--optionleft-->
377
  <div class="optionmiddle">
378
  <input type="text" id="optinforms_form_name_field_interspire" name="optinforms_form_name_field_interspire" value="<?php echo optinforms_form_name_field_interspire(); ?>" />
@@ -391,16 +391,16 @@
391
  </script>
392
  <div id="optinforms-explain-interspire-name" style="display:none;">
393
  <div class="optinforms-step">
394
- <h4><?php echo __('How to find your name field ID', 'optinforms'); ?></h4>
395
- <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optinforms'); ?></p>
396
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
397
- <p><span class="step">2</span> <?php echo __('Click on Contact Lists in the navigation menu', 'optinforms'); ?></p>
398
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-008.png" class="step-image" />
399
- <p><span class="step">3</span> <?php echo __('Click on View Custom Fields from the submenu options', 'optinforms'); ?></p>
400
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-009.png" class="step-image" />
401
- <p><span class="step">4</span> <?php echo __('Find the name field and click on Edit', 'optinforms'); ?></p>
402
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-010.png" class="step-image" />
403
- <p><span class="step">5</span> <?php echo __('You will find the name field ID in the address bar', 'optinforms'); ?></p>
404
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-011.png" class="step-image" />
405
  </div><!--optinforms-step-->
406
  </div><!--optinforms-explain-interspire-->
1
  <?php ?>
2
  <div class="optiongroup">
3
+ <p><?php echo __('Select your email solution and configure the required fields.', 'optin-forms'); ?></p>
4
  <div class="optionleft">
5
+ <label for="optinforms_email_solution" class="nopointer"><?php echo __('My email solution is', 'optin-forms'); ?></label>
6
  </div><!--optionleft-->
7
  <div class="optionmiddle">
8
  <select name="optinforms_email_solution" id="optinforms_email_solution">
9
+ <option value="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') { echo 'selected="selected"'; } ?>>AWeber</option>
10
+ <option value="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') { echo 'selected="selected"'; } ?>>iContact</option>
11
+ <option value="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') { echo 'selected="selected"'; } ?>>MailChimp</option>
12
+ <option value="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') { echo 'selected="selected"'; } ?>>GetResponse</option>
13
+ <option value="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') { echo 'selected="selected"'; } ?>>Mad Mimi</option>
14
+ <option value="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') { echo 'selected="selected"'; } ?>>Interspire Email Marketer</option>
15
  </select>
16
  <script type="text/javascript">
17
  document.getElementById('optinforms_email_solution').onchange = function() {
30
  </div><!--optiongroup-->
31
 
32
  <div class="optiongroup">
33
+ <div id="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== '' || get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') { echo 'style="display:block;"'; } ?>>
34
+ <!--<p class="optinforms-integration"><a href="#"></?php echo __('Learn how to integrate aWeber: watch the short video', 'optin-forms'); ?></a></p>-->
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
+ <label><a onclick="optinforms_explain_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_list_name_aweber" class="nopointer"><?php echo __('List ID', 'optin-forms'); ?> <span class="required">*</span></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
  <input type="text" id="optinforms_form_list_name_aweber" name="optinforms_form_list_name_aweber" value="<?php echo optinforms_form_list_name_aweber(); ?>" />
53
  </script>
54
  <div id="optinforms-explain-aweber" style="display:none;">
55
  <div class="optinforms-step">
56
+ <h4><?php echo __('How to find your list ID', 'optin-forms'); ?></h4>
57
+ <p><span class="step">1</span> <?php echo __('Log in to your AWeber account', 'optin-forms'); ?></p>
58
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-001.png" class="step-image" />
59
+ <p><span class="step">2</span> <?php echo __('Click on List Options in the navigation menu', 'optin-forms'); ?></p>
60
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-002.png" class="step-image" />
61
+ <p><span class="step">3</span> <?php echo __('Click on List Settings from the submenu options', 'optin-forms'); ?></p>
62
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-003.png" class="step-image" />
63
+ <p><span class="step">4</span> <?php echo __('You will find your list ID below the List Name field', 'optin-forms'); ?></p>
64
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-004.png" class="step-image" />
65
  </div><!--optinforms-step-->
66
  </div><!--optinforms-explain-aweber-->
67
 
68
  <div class="optiongroup">
69
  <div class="optionleft">
70
+ <label><a onclick="optinforms_explain_redirect_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_aweber" class="nopointer"><?php echo __('Redirect URL', 'optin-forms'); ?></label>
71
  </div><!--optionleft-->
72
  <div class="optionmiddle">
73
  <input type="text" id="optinforms_form_redirect_aweber" name="optinforms_form_redirect_aweber" value="<?php echo optinforms_form_redirect_aweber(); ?>" />
86
  </script>
87
  <div id="optinforms-explain-redirect-aweber" style="display:none;">
88
  <div class="optinforms-help">
89
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optin-forms'); ?> <?php echo __('If you leave this field blank, the default AWeber message will be used.', 'optin-forms'); ?></p>
90
  </div><!--optinforms-help-->
91
  </div><!--optinforms-explain-redirect-aweber-->
92
 
93
 
94
  </div><!--optinforms_email_solution_option1-->
95
+ <div id="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') { echo 'style="display:block;"'; } ?>>
96
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate iContact: watch the short video', 'optin-forms'); ?></p>-->
97
  <div class="optiongroup">
98
  <div class="optionleft">
99
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_listid_icontact" class="nopointer"><?php echo __('List ID', 'optin-forms'); ?> <span class="required">*</span></label>
100
  </div><!--optionleft-->
101
  <div class="optionmiddle">
102
  <input type="text" id="optinforms_form_listid_icontact" name="optinforms_form_listid_icontact" value="<?php echo optinforms_form_listid_icontact(); ?>" />
106
 
107
  <div class="optiongroup">
108
  <div class="optionleft">
109
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_specialid_icontact" class="nopointer"><?php echo __('Special ID', 'optin-forms'); ?> <span class="required">*</span></label>
110
  </div><!--optionleft-->
111
  <div class="optionmiddle">
112
  <input type="text" id="optinforms_form_specialid_icontact" name="optinforms_form_specialid_icontact" value="<?php echo optinforms_form_specialid_icontact(); ?>" />
116
 
117
  <div class="optiongroup">
118
  <div class="optionleft">
119
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_clientid_icontact" class="nopointer"><?php echo __('Client ID', 'optin-forms'); ?> <span class="required">*</span></label>
120
  </div><!--optionleft-->
121
  <div class="optionmiddle">
122
  <input type="text" id="optinforms_form_clientid_icontact" name="optinforms_form_clientid_icontact" value="<?php echo optinforms_form_clientid_icontact(); ?>" />
135
  </script>
136
  <div id="optinforms-explain-icontact" style="display:none;">
137
  <div class="optinforms-step">
138
+ <h4><?php echo __('How to find your list ID, special ID and client ID values', 'optin-forms'); ?></h4>
139
+ <p><span class="step">1</span> <?php echo __('Log in to your iContact account', 'optin-forms'); ?></p>
140
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-001.png" class="step-image" />
141
+ <p><span class="step">2</span> <?php echo __('Click on Contacts in the navigation menu', 'optin-forms'); ?></p>
142
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-002.png" class="step-image" />
143
+ <p><span class="step">3</span> <?php echo __('Click on Sign-up Forms in the submenu', 'optin-forms'); ?></p>
144
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-003.png" class="step-image" />
145
+ <p><span class="step">4</span> <?php echo __('Click on the Create HTML Form button', 'optin-forms'); ?></p>
146
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-004.png" class="step-image" />
147
+ <p><span class="step">5</span> <?php echo __('Click on Next', 'optin-forms'); ?></p>
148
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-005.png" class="step-image" />
149
+ <p><span class="step">6</span> <?php echo __('Name your form, assign it to a list and include the First Name field', 'optin-forms'); ?></p>
150
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-006.png" class="step-image" />
151
+ <p><span class="step">7</span> <?php echo __('Click on Save', 'optin-forms'); ?></p>
152
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-007.png" class="step-image" />
153
+ <p><span class="step">8</span> <?php echo __('Click on the View HTML link', 'optin-forms'); ?></p>
154
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-008.png" class="step-image" />
155
+ <p><span class="step">9</span> <?php echo __('Scroll down to the Manual Sign-up Form and copy the values of listid, specialid and clientid fields', 'optin-forms'); ?></p>
156
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-009.png" class="step-image" />
157
  </div><!--optinforms-step-->
158
  </div><!--optinforms-explain-icontact-->
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
+ <label><a onclick="optinforms_explain_redirect_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_icontact" class="nopointer"><?php echo __('Redirect page URL', 'optin-forms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
  <input type="text" id="optinforms_form_redirect_icontact" name="optinforms_form_redirect_icontact" value="<?php echo optinforms_form_redirect_icontact(); ?>" />
177
  </script>
178
  <div id="optinforms-explain-redirect-icontact" style="display:none;">
179
  <div class="optinforms-help">
180
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optin-forms'); ?> <?php echo __('If you leave this field blank, the default iContact message will be used.', 'optin-forms'); ?></p>
181
  </div><!--optinforms-help-->
182
  </div><!--optinforms-explain-redirect-icontact-->
183
 
184
  <div class="optiongroup">
185
  <div class="optionleft">
186
+ <label><a onclick="optinforms_explain_error_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_error_icontact" class="nopointer"><?php echo __('Error page URL', 'optin-forms'); ?></label>
187
  </div><!--optionleft-->
188
  <div class="optionmiddle">
189
  <input type="text" id="optinforms_form_error_icontact" name="optinforms_form_error_icontact" value="<?php echo optinforms_form_error_icontact(); ?>" />
202
  </script>
203
  <div id="optinforms-explain-error-icontact" style="display:none;">
204
  <div class="optinforms-help">
205
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, if there are any errors.', 'optin-forms'); ?> <?php echo __('If you leave this field blank, the default iContact error message will be used.', 'optin-forms'); ?></p>
206
  </div><!--optinforms-help-->
207
  </div><!--optinforms-explain-error-icontact-->
208
 
209
  </div><!--optinforms_email_solution_option2-->
210
+ <div id="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') { echo 'style="display:block;"'; } ?>>
211
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate MailChimp: watch the short video', 'optin-forms'); ?></p>-->
212
  <div class="optiongroup">
213
  <div class="optionleft">
214
+ <label><a onclick="optinforms_explain_mailchimp()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_mailchimp" class="nopointer"><?php echo __('Form action URL', 'optin-forms'); ?> <span class="required">*</span></label>
215
  </div><!--optionleft-->
216
  <div class="optionmiddle">
217
  <input type="text" id="optinforms_form_action_mailchimp" name="optinforms_form_action_mailchimp" value="<?php echo optinforms_form_action_mailchimp(); ?>" />
230
  </script>
231
  <div id="optinforms-explain-mailchimp" style="display:none;">
232
  <div class="optinforms-step">
233
+ <h4><?php echo __('How to find your form action URL', 'optin-forms'); ?></h4>
234
+ <p><span class="step">1</span> <?php echo __('Log in to your MailChimp account', 'optin-forms'); ?></p>
235
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-001.png" class="step-image" />
236
+ <p><span class="step">2</span> <?php echo __('Click on Lists in the navigation menu', 'optin-forms'); ?></p>
237
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-002.png" class="step-image" />
238
+ <p><span class="step">3</span> <?php echo __('Click on the arrow next to the list you wish to use and click on Signup forms', 'optin-forms'); ?></p>
239
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-003.png" class="step-image" />
240
+ <p><span class="step">4</span> <?php echo __('Select Embedded forms', 'optin-forms'); ?></p>
241
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-004.png" class="step-image" />
242
+ <p><span class="step">5</span> <?php echo __('Select the Naked form', 'optin-forms'); ?></p>
243
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-005.png" class="step-image" />
244
+ <p><span class="step">6</span> <?php echo __('You will find the form action URL in the HTML box', 'optin-forms'); ?></p>
245
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-006.png" class="step-image" />
246
  </div><!--optinforms-step-->
247
  </div><!--optinforms-explain-mailchimp-->
248
  </div><!--optinforms_email_solution_option3-->
249
+ <div id="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') { echo 'style="display:block;"'; } ?>>
250
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate GetResponse: watch the short video', 'optin-forms'); ?></p>-->
251
  <div class="optiongroup">
252
  <div class="optionleft">
253
+ <label><a onclick="optinforms_explain_getresponse()"><span class="explain">?</span></a></label> <label for="optinforms_form_webformid_getresponse" class="nopointer"><?php echo __('Webform ID', 'optin-forms'); ?> <span class="required">*</span></label>
254
  </div><!--optionleft-->
255
  <div class="optionmiddle">
256
  <input type="text" id="optinforms_form_webformid_getresponse" name="optinforms_form_webformid_getresponse" value="<?php echo optinforms_form_webformid_getresponse(); ?>" />
269
  </script>
270
  <div id="optinforms-explain-getresponse" style="display:none;">
271
  <div class="optinforms-step">
272
+ <h4><?php echo __('How to find your webform ID value', 'optin-forms'); ?></h4>
273
+ <p><span class="step">1</span> <?php echo __('Log in to your GetResponse account', 'optin-forms'); ?></p>
274
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-001.png" class="step-image" />
275
+ <p><span class="step">2</span> <?php echo __('Click on Web Forms in the navigation menu and click on Create New', 'optin-forms'); ?></p>
276
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-002.png" class="step-image" />
277
+ <p><span class="step">3</span> <?php echo __('Click on Next Step at the bottom of the page', 'optin-forms'); ?></p>
278
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
279
+ <p><span class="step">4</span> <?php echo __('Click on Next Step at the bottom of the page', 'optin-forms'); ?></p>
280
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
281
+ <p><span class="step">5</span> <?php echo __('Click on the Show HTML Code tab', 'optin-forms'); ?></p>
282
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-005.png" class="step-image" />
283
+ <p><span class="step">6</span> <?php echo __('Scroll down and find the value of the webform_id field', 'optin-forms'); ?></p>
284
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-006.png" class="step-image" />
285
  </div><!--optinforms-step-->
286
  </div><!--optinforms-explain-getresponse-->
287
 
288
  </div><!--optinforms_email_solution_option4-->
289
+ <div id="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') { echo 'style="display:block;"'; } ?>>
290
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Mad Mimi: watch the short video', 'optin-forms'); ?></p>-->
291
  <div class="optiongroup">
292
  <div class="optionleft">
293
+ <label><a onclick="optinforms_explain_madmimi()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_madmimi" class="nopointer"><?php echo __('Form action URL', 'optin-forms'); ?> <span class="required">*</span></label>
294
  </div><!--optionleft-->
295
  <div class="optionmiddle">
296
  <input type="text" id="optinforms_form_action_madmimi" name="optinforms_form_action_madmimi" value="<?php echo optinforms_form_action_madmimi(); ?>" />
309
  </script>
310
  <div id="optinforms-explain-madmimi" style="display:none;">
311
  <div class="optinforms-step">
312
+ <h4><?php echo __('How to find your form action URL', 'optin-forms'); ?></h4>
313
+ <p><span class="step">1</span> <?php echo __('Log in to your Mad Mimi account', 'optin-forms'); ?></p>
314
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-001.png" class="step-image" />
315
+ <p><span class="step">2</span> <?php echo __('Click on Webform', 'optin-forms'); ?></p>
316
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-002.png" class="step-image" />
317
+ <p><span class="step">3</span> <?php echo __('Click on the Add a Webform button', 'optin-forms'); ?></p>
318
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-003.png" class="step-image" />
319
+ <p><span class="step">4</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optin-forms'); ?></p>
320
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-004.png" class="step-image" />
321
+ <p><span class="step">5</span> <?php echo __('Click on the Embed button', 'optin-forms'); ?></p>
322
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-005.png" class="step-image" />
323
+ <p><span class="step">6</span> <?php echo __('Click on the Plain Embed tab', 'optin-forms'); ?></p>
324
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-006.png" class="step-image" />
325
+ <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optin-forms'); ?></p>
326
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-007.png" class="step-image" />
327
  </div><!--optinforms-step-->
328
  </div><!--optinforms-explain-madmimi-->
329
  </div><!--optinforms_email_solution_option5-->
330
+ <div id="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') { echo 'style="display:block;"'; } ?>>
331
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Interspire Email Marketer: watch the short video', 'optin-forms'); ?></p>-->
332
  <div class="optiongroup">
333
  <div class="optionleft">
334
+ <label><a onclick="optinforms_explain_interspire()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_interspire" class="nopointer"><?php echo __('Form action URL', 'optin-forms'); ?> <span class="required">*</span></label>
335
  </div><!--optionleft-->
336
  <div class="optionmiddle">
337
  <input type="text" id="optinforms_form_action_interspire" name="optinforms_form_action_interspire" value="<?php echo optinforms_form_action_interspire(); ?>" />
352
  </script>
353
  <div id="optinforms-explain-interspire" style="display:none;">
354
  <div class="optinforms-step">
355
+ <h4><?php echo __('How to find your form action URL', 'optin-forms'); ?></h4>
356
+ <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optin-forms'); ?></p>
357
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
358
+ <p><span class="step">2</span> <?php echo __('Click on Forms in the navigation menu', 'optin-forms'); ?></p>
359
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-002.png" class="step-image" />
360
+ <p><span class="step">3</span> <?php echo __('Click on Create a Website Form from the submenu options', 'optin-forms'); ?></p>
361
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-003.png" class="step-image" />
362
+ <p><span class="step">4</span> <?php echo __('Make sure to uncheck CAPTCHA form security', 'optin-forms'); ?></p>
363
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-004.png" class="step-image" />
364
+ <p><span class="step">5</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optin-forms'); ?></p>
365
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-005.png" class="step-image" />
366
+ <p><span class="step">6</span> <?php echo __('Complete all the steps and click on Save', 'optin-forms'); ?></p>
367
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-006.png" class="step-image" />
368
+ <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optin-forms'); ?></p>
369
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-007.png" class="step-image" />
370
  </div><!--optinforms-step-->
371
  </div><!--optinforms-explain-interspire-->
372
 
373
  <div class="optiongroup">
374
  <div class="optionleft">
375
+ <label><a onclick="optinforms_explain_interspire_name()"><span class="explain">?</span></a></label> <label for="optinforms_form_name_field_interspire" class="nopointer"><?php echo __('Name field ID', 'optin-forms'); ?> <span class="required">*</span></label>
376
  </div><!--optionleft-->
377
  <div class="optionmiddle">
378
  <input type="text" id="optinforms_form_name_field_interspire" name="optinforms_form_name_field_interspire" value="<?php echo optinforms_form_name_field_interspire(); ?>" />
391
  </script>
392
  <div id="optinforms-explain-interspire-name" style="display:none;">
393
  <div class="optinforms-step">
394
+ <h4><?php echo __('How to find your name field ID', 'optin-forms'); ?></h4>
395
+ <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optin-forms'); ?></p>
396
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
397
+ <p><span class="step">2</span> <?php echo __('Click on Contact Lists in the navigation menu', 'optin-forms'); ?></p>
398
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-008.png" class="step-image" />
399
+ <p><span class="step">3</span> <?php echo __('Click on View Custom Fields from the submenu options', 'optin-forms'); ?></p>
400
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-009.png" class="step-image" />
401
+ <p><span class="step">4</span> <?php echo __('Find the name field and click on Edit', 'optin-forms'); ?></p>
402
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-010.png" class="step-image" />
403
+ <p><span class="step">5</span> <?php echo __('You will find the name field ID in the address bar', 'optin-forms'); ?></p>
404
  <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-011.png" class="step-image" />
405
  </div><!--optinforms-step-->
406
  </div><!--optinforms-explain-interspire-->
includes/options-form-1.php CHANGED
@@ -2,13 +2,13 @@
2
 
3
  <div class="toggle-wrap">
4
  <span class="trigger">
5
- <a><?php echo __('Style Your Form', 'optinforms'); ?></a>
6
  </span>
7
 
8
  <div class="toggle-container" style="display: none;">
9
  <div class="optiongroup">
10
  <div class="optionleft">
11
- <label for="optinforms_form1_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
12
  </div><!--optionleft-->
13
  <div class="optionmiddle">
14
  <input type="text" id="optinforms_form1_background" name="optinforms_form1_background" class="optinforms-color" value="<?php echo optinforms_form1_default_background(); ?>" data-default-color="#FFFFFF" />
@@ -33,7 +33,7 @@
33
 
34
  <div class="optiongroup">
35
  <div class="optionleft">
36
- <label for="optinforms_form1_border" class="nopointer"><?php echo __('Form border color', 'optinforms'); ?></label>
37
  </div><!--optionleft-->
38
  <div class="optionmiddle">
39
  <input type="text" id="optinforms_form1_border" name="optinforms_form1_border" class="optinforms-color" value="<?php echo optinforms_form1_default_border(); ?>" data-default-color="#E0E0E0" />
@@ -56,14 +56,14 @@
56
  <div class="clear"></div>
57
  </div><!--optiongroup-->
58
 
59
- <?php if (get_option('optinforms_form1_hide_title')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optinforms') . '.</p></div>'; ?>
60
 
61
  <div class="optiongroup">
62
  <div class="optionleft">
63
- <label for="optinforms_form1_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
64
  </div><!--optionleft-->
65
  <div class="optionmiddle">
66
- <input type="text" id="optinforms_form1_title" name="optinforms_form1_title" value="<?php echo optinforms_form1_default_title(); ?>" onchange='optinforms_change_form1_title()' <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'disabled="disabled"'; ?> />
67
  <script type="text/javascript">
68
  function optinforms_change_form1_title() {
69
  document.getElementById('optinforms-form1-title').innerHTML = document.getElementById('optinforms_form1_title').value;
@@ -78,10 +78,10 @@
78
 
79
  <div class="optiongroup">
80
  <div class="optionleft">
81
- <label for="optinforms_form1_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
82
  </div><!--optionleft-->
83
  <div class="optionmiddle">
84
- <select name="optinforms_form1_title_font" id="optinforms_form1_title_font" onchange='optinforms_change_form1_title_font()' <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'disabled="disabled"'; ?>>
85
  <?php echo optinforms_get_form1_title_font_options(); ?>
86
  </select>
87
  <script type="text/javascript">
@@ -98,10 +98,10 @@
98
 
99
  <div class="optiongroup">
100
  <div class="optionleft">
101
- <label for="optinforms_form1_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
102
  </div><!--optionleft-->
103
  <div class="optionmiddle">
104
- <select name="optinforms_form1_title_size" id="optinforms_form1_title_size" onchange='optinforms_change_form1_title_size()' <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'disabled="disabled"'; ?>>
105
  <?php echo optinforms_get_form1_title_size_options(); ?>
106
  </select>
107
  <script type="text/javascript">
@@ -119,10 +119,10 @@
119
 
120
  <div class="optiongroup">
121
  <div class="optionleft">
122
- <label for="optinforms_form1_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
123
  </div><!--optionleft-->
124
  <div class="optionmiddle">
125
- <input type="text" id="optinforms_form1_title_color" name="optinforms_form1_title_color" class="optinforms-color" value="<?php echo optinforms_form1_default_title_color(); ?>" data-default-color="#eb432c" <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'disabled'; ?> />
126
  <script>
127
  jQuery(document).ready(function($){
128
  $('#optinforms_form1_title_color').wpColorPicker({
@@ -142,14 +142,14 @@
142
  <div class="clear"></div>
143
  </div><!--optiongroup-->
144
 
145
- <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optinforms') . '.</p></div>'; ?>
146
 
147
  <div class="optiongroup">
148
  <div class="optionleft">
149
- <label for="optinforms_form1_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
150
  </div><!--optionleft-->
151
  <div class="optionmiddle">
152
- <input type="text" id="optinforms_form1_subtitle" name="optinforms_form1_subtitle" value="<?php echo optinforms_form1_default_subtitle(); ?>" onchange='optinforms_change_form1_subtitle()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
153
  <script type="text/javascript">
154
  function optinforms_change_form1_subtitle() {
155
  document.getElementById('optinforms-form1-subtitle').innerHTML = document.getElementById('optinforms_form1_subtitle').value;
@@ -164,10 +164,10 @@
164
 
165
  <div class="optiongroup">
166
  <div class="optionleft">
167
- <label for="optinforms_form1_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
168
  </div><!--optionleft-->
169
  <div class="optionmiddle">
170
- <select name="optinforms_form1_subtitle_font" id="optinforms_form1_subtitle_font" onchange='optinforms_change_form1_subtitle_font()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
171
  <?php echo optinforms_get_form1_subtitle_font_options(); ?>
172
  </select>
173
  <script type="text/javascript">
@@ -184,10 +184,10 @@
184
 
185
  <div class="optiongroup">
186
  <div class="optionleft">
187
- <label for="optinforms_form1_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
188
  </div><!--optionleft-->
189
  <div class="optionmiddle">
190
- <select name="optinforms_form1_subtitle_size" id="optinforms_form1_subtitle_size" onchange='optinforms_change_form1_subtitle_size()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
191
  <?php echo optinforms_get_form1_subtitle_size_options(); ?>
192
  </select>
193
  <script type="text/javascript">
@@ -205,10 +205,10 @@
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
- <label for="optinforms_form1_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
- <input type="text" id="optinforms_form1_subtitle_color" name="optinforms_form1_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form1_default_subtitle_color(); ?>" data-default-color="#000000" <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'disabled'; ?> />
212
  <script>
213
  jQuery(document).ready(function($){
214
  $('#optinforms_form1_subtitle_color').wpColorPicker({
@@ -228,14 +228,14 @@
228
  <div class="clear"></div>
229
  </div><!--optiongroup-->
230
 
231
- <?php if (get_option('optinforms_form1_hide_name_field')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optinforms') . '.</p></div>'; ?>
232
 
233
  <div class="optiongroup">
234
  <div class="optionleft">
235
- <label for="optinforms_form1_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
236
  </div><!--optionleft-->
237
  <div class="optionmiddle">
238
- <input type="text" id="optinforms_form1_name_field" name="optinforms_form1_name_field" value="<?php echo optinforms_form1_default_name_field(); ?>" onchange='optinforms_change_form1_name_field()' <?php if (get_option('optinforms_form1_hide_name_field')== '1') echo 'disabled'; ?> />
239
  <script type="text/javascript">
240
  function optinforms_change_form1_name_field() {
241
  document.getElementById('optinforms-form1-name-field').value = document.getElementById('optinforms_form1_name_field').value;
@@ -250,7 +250,7 @@
250
 
251
  <div class="optiongroup">
252
  <div class="optionleft">
253
- <label for="optinforms_form1_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
254
  </div><!--optionleft-->
255
  <div class="optionmiddle">
256
  <input type="text" id="optinforms_form1_email_field" name="optinforms_form1_email_field" value="<?php echo optinforms_form1_default_email_field(); ?>" onchange='optinforms_change_form1_email_field()' />
@@ -268,7 +268,7 @@
268
 
269
  <div class="optiongroup">
270
  <div class="optionleft">
271
- <label for="optinforms_form1_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
272
  </div><!--optionleft-->
273
  <div class="optionmiddle">
274
  <select name="optinforms_form1_fields_font" id="optinforms_form1_fields_font" onchange='optinforms_change_form1_fields_font()'>
@@ -289,7 +289,7 @@
289
 
290
  <div class="optiongroup">
291
  <div class="optionleft">
292
- <label for="optinforms_form1_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
293
  </div><!--optionleft-->
294
  <div class="optionmiddle">
295
  <select name="optinforms_form1_fields_size" id="optinforms_form1_fields_size" onchange='optinforms_change_form1_fields_size()'>
@@ -310,7 +310,7 @@
310
 
311
  <div class="optiongroup">
312
  <div class="optionleft">
313
- <label for="optinforms_form1_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
314
  </div><!--optionleft-->
315
  <div class="optionmiddle">
316
  <input type="text" id="optinforms_form1_fields_color" name="optinforms_form1_fields_color" class="optinforms-color" value="<?php echo optinforms_form1_default_fields_color(); ?>" data-default-color="#666666" />
@@ -336,7 +336,7 @@
336
 
337
  <div class="optiongroup">
338
  <div class="optionleft">
339
- <label for="optinforms_form1_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
340
  </div><!--optionleft-->
341
  <div class="optionmiddle">
342
  <input type="text" id="optinforms_form1_button_text" name="optinforms_form1_button_text" value="<?php echo optinforms_form1_default_button_text(); ?>" onchange='optinforms_change_form1_button_text()' />
@@ -354,7 +354,7 @@
354
 
355
  <div class="optiongroup">
356
  <div class="optionleft">
357
- <label for="optinforms_form1_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
358
  </div><!--optionleft-->
359
  <div class="optionmiddle">
360
  <select name="optinforms_form1_button_text_font" id="optinforms_form1_button_text_font" onchange='optinforms_change_form1_button_text_font()'>
@@ -374,7 +374,7 @@
374
 
375
  <div class="optiongroup">
376
  <div class="optionleft">
377
- <label for="optinforms_form1_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
378
  </div><!--optionleft-->
379
  <div class="optionmiddle">
380
  <select name="optinforms_form1_button_text_size" id="optinforms_form1_button_text_size" onchange='optinforms_change_form1_button_text_size()'>
@@ -394,7 +394,7 @@
394
 
395
  <div class="optiongroup">
396
  <div class="optionleft">
397
- <label for="optinforms_form1_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
398
  </div><!--optionleft-->
399
  <div class="optionmiddle">
400
  <input type="text" id="optinforms_form1_button_text_color" name="optinforms_form1_button_text_color" class="optinforms-color" value="<?php echo optinforms_form1_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
@@ -419,7 +419,7 @@
419
 
420
  <div class="optiongroup">
421
  <div class="optionleft">
422
- <label for="optinforms_form1_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
423
  </div><!--optionleft-->
424
  <div class="optionmiddle">
425
  <input type="text" id="optinforms_form1_button_background" name="optinforms_form1_button_background" class="optinforms-color" value="<?php echo optinforms_form1_default_button_background(); ?>" data-default-color="#20A64C" />
@@ -442,14 +442,14 @@
442
  <div class="clear"></div>
443
  </div><!--optiongroup-->
444
 
445
- <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optinforms') . '.</p></div>'; ?>
446
 
447
  <div class="optiongroup">
448
  <div class="optionleft">
449
- <label for="optinforms_form1_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
450
  </div><!--optionleft-->
451
  <div class="optionmiddle">
452
- <input type="text" id="optinforms_form1_disclaimer" name="optinforms_form1_disclaimer" value="<?php echo optinforms_form1_default_disclaimer(); ?>" onchange='optinforms_change_form1_disclaimer()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
453
  <script type="text/javascript">
454
  function optinforms_change_form1_disclaimer() {
455
  document.getElementById('optinforms-form1-disclaimer').innerHTML = document.getElementById('optinforms_form1_disclaimer').value;
@@ -464,10 +464,10 @@
464
 
465
  <div class="optiongroup">
466
  <div class="optionleft">
467
- <label for="optinforms_form1_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
468
  </div><!--optionleft-->
469
  <div class="optionmiddle">
470
- <select name="optinforms_form1_disclaimer_font" id="optinforms_form1_disclaimer_font" onchange='optinforms_change_form1_disclaimer_font()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
471
  <?php echo optinforms_get_form1_disclaimer_font_options(); ?>
472
  </select>
473
  <script type="text/javascript">
@@ -484,10 +484,10 @@
484
 
485
  <div class="optiongroup">
486
  <div class="optionleft">
487
- <label for="optinforms_form1_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
488
  </div><!--optionleft-->
489
  <div class="optionmiddle">
490
- <select name="optinforms_form1_disclaimer_size" id="optinforms_form1_disclaimer_size" onchange='optinforms_change_form1_disclaimer_size()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
491
  <?php echo optinforms_get_form1_disclaimer_size_options(); ?>
492
  </select>
493
  <script type="text/javascript">
@@ -504,10 +504,10 @@
504
 
505
  <div class="optiongroup">
506
  <div class="optionleft">
507
- <label for="optinforms_form1_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
508
  </div><!--optionleft-->
509
  <div class="optionmiddle">
510
- <input type="text" id="optinforms_form1_disclaimer_color" name="optinforms_form1_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form1_default_disclaimer_color(); ?>" data-default-color="#666666" <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'disabled'; ?> />
511
  <script>
512
  jQuery(document).ready(function($){
513
  $('#optinforms_form1_disclaimer_color').wpColorPicker({
@@ -529,16 +529,16 @@
529
 
530
  <div class="optiongroup">
531
  <div class="optionleft">
532
- <label for="optinforms_form1_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_1()"><span class="explain">?</span></a></label>
533
  </div><!--optionleft-->
534
  <div class="optionmiddle">
535
  <div class="choose-width">
536
- <input name="optinforms_form1_width" id="optinforms_form1_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form1_checked_width_100(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=true;" /> <label for="optinforms_form1_width_100" class="radiobutton-label">100%</label>
537
  </div><!--choose-width-->
538
  <div class="choose-width">
539
- <input name="optinforms_form1_width" id="optinforms_form1_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form1_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=false;" /> <label for="optinforms_form1_width_fixed" class="radiobutton-label">Fixed:</label>
540
  </div><!--choose-width-->
541
- <input type="text" id="optinforms_form1_width_pixels" name="optinforms_form1_width_pixels" value="<?php echo optinforms_form1_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form1_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
542
  <div class="clear"></div>
543
  </div><!--optionmiddle-->
544
  <div class="optionlast">
@@ -559,7 +559,7 @@
559
  </script>
560
  <div id="optinforms-explain-width-1" style="display:none;">
561
  <div class="optinforms-help">
562
- <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
563
  </div><!--optinforms-help-->
564
  </div><!--optinforms-explain-width-1-->
565
 
@@ -569,7 +569,7 @@
569
 
570
  <div class="toggle-wrap">
571
  <span class="trigger">
572
- <a><?php echo __('Form Options', 'optinforms'); ?></a>
573
  </span>
574
 
575
  <div class="toggle-container" style="display: none;">
@@ -579,17 +579,17 @@
579
 
580
  </div><!--optionleft-->
581
  <div class="optionmiddle">
582
- <input type="checkbox" name="optinforms_form1_hide_title" value="1" id="optinforms_form1_hide_title" <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form1_title_visibility(this.checked);" /> <label for="optinforms_form1_hide_title" class="nopointer"><?php echo __('Hide the title', 'optinforms'); ?></label>
583
  <script type="text/javascript">
584
- function optinforms_form1_title_visibility(optinchecked) {
585
- if(optinchecked) {
586
- document.getElementById("optinforms-form1-title").style.display = "none";
587
- }
588
- else {
589
- document.getElementById("optinforms-form1-title").style.display = "";
590
- }
591
- }
592
- </script>
593
  </div><!--optionmiddle-->
594
  <div class="optionlast">
595
 
@@ -602,17 +602,17 @@
602
 
603
  </div><!--optionleft-->
604
  <div class="optionmiddle">
605
- <input type="checkbox" name="optinforms_form1_hide_subtitle" value="1" id="optinforms_form1_hide_subtitle" <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form1_subtitle_visibility(this.checked);" /> <label for="optinforms_form1_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optinforms'); ?></label>
606
  <script type="text/javascript">
607
- function optinforms_form1_subtitle_visibility(optinchecked) {
608
- if(optinchecked) {
609
- document.getElementById("optinforms-form1-subtitle").style.display = "none";
610
- }
611
- else {
612
- document.getElementById("optinforms-form1-subtitle").style.display = "";
613
- }
614
- }
615
- </script>
616
  </div><!--optionmiddle-->
617
  <div class="optionlast">
618
 
@@ -625,19 +625,19 @@
625
 
626
  </div><!--optionleft-->
627
  <div class="optionmiddle">
628
- <input type="checkbox" name="optinforms_form1_hide_name_field" value="1" id="optinforms_form1_hide_name_field" <?php if (get_option('optinforms_form1_hide_name_field')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form1_name_field_visibility(this.checked);" /> <label for="optinforms_form1_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optinforms'); ?></label>
629
  <script type="text/javascript">
630
- function optinforms_form1_name_field_visibility(optinchecked) {
631
- if(optinchecked) {
632
- document.getElementById("optinforms-form1-name-field-container").style.display = "none";
633
- document.getElementById("optinforms-form1-email-field-container").style.width = "78%";
634
- }
635
- else {
636
- document.getElementById("optinforms-form1-name-field-container").style.display = "";
637
- document.getElementById("optinforms-form1-email-field-container").style.width = "38%";
638
- }
639
- }
640
- </script>
641
  </div><!--optionmiddle-->
642
  <div class="optionlast">
643
 
@@ -650,17 +650,17 @@
650
 
651
  </div><!--optionleft-->
652
  <div class="optionmiddle">
653
- <input type="checkbox" name="optinforms_form1_hide_disclaimer" value="1" id="optinforms_form1_hide_disclaimer" <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form1_disclaimer_visibility(this.checked);" /> <label for="optinforms_form1_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optinforms'); ?></label>
654
  <script type="text/javascript">
655
- function optinforms_form1_disclaimer_visibility(optinchecked) {
656
- if(optinchecked) {
657
- document.getElementById("optinforms-form1-disclaimer").style.display = "none";
658
- }
659
- else {
660
- document.getElementById("optinforms-form1-disclaimer").style.display = "";
661
- }
662
- }
663
- </script>
664
  </div><!--optionmiddle-->
665
  <div class="optionlast">
666
 
@@ -670,7 +670,7 @@
670
 
671
  <div class="optiongroup">
672
  <div class="optionleft">
673
- <label for="optinforms_form1_css" class="nopointer"><?php echo __('Custom CSS', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_css_1()"><span class="explain">?</span></a></label>
674
  </div><!--optionleft-->
675
  <div class="optionmiddle">
676
  <textarea id="optinforms_form1_css" name="optinforms_form1_css"><?php echo optinforms_form1_css(); ?></textarea>
@@ -682,22 +682,20 @@
682
  </div><!--optiongroup-->
683
 
684
  <script type="text/javascript">
685
- function optinforms_explain_css_1() {
686
- // Get the DOM reference
687
- var contentId = document.getElementById("optinforms-explain-css-1");
688
- // Toggle
689
- contentId.style.display == "block" ? contentId.style.display = "none" :
690
- contentId.style.display = "block";
691
- }
692
- </script>
693
- <div id="optinforms-explain-css-1" style="display:none;">
694
- <div class="optinforms-help">
695
- <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optinforms'); ?></p>
696
- </div><!--optinforms-help-->
697
- </div><!--optinforms-explain-css-1-->
698
 
699
  </div><!--toggle-container-->
700
  <div class="clear"></div>
701
  </div><!--toggle-wrap-->
702
-
703
- <?php ?>
2
 
3
  <div class="toggle-wrap">
4
  <span class="trigger">
5
+ <a><?php echo __('Style Your Form', 'optin-forms'); ?></a>
6
  </span>
7
 
8
  <div class="toggle-container" style="display: none;">
9
  <div class="optiongroup">
10
  <div class="optionleft">
11
+ <label for="optinforms_form1_background" class="nopointer"><?php echo __('Form background color', 'optin-forms'); ?></label>
12
  </div><!--optionleft-->
13
  <div class="optionmiddle">
14
  <input type="text" id="optinforms_form1_background" name="optinforms_form1_background" class="optinforms-color" value="<?php echo optinforms_form1_default_background(); ?>" data-default-color="#FFFFFF" />
33
 
34
  <div class="optiongroup">
35
  <div class="optionleft">
36
+ <label for="optinforms_form1_border" class="nopointer"><?php echo __('Form border color', 'optin-forms'); ?></label>
37
  </div><!--optionleft-->
38
  <div class="optionmiddle">
39
  <input type="text" id="optinforms_form1_border" name="optinforms_form1_border" class="optinforms-color" value="<?php echo optinforms_form1_default_border(); ?>" data-default-color="#E0E0E0" />
56
  <div class="clear"></div>
57
  </div><!--optiongroup-->
58
 
59
+ <?php if (get_option('optinforms_form1_hide_title')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optin-forms') . '.</p></div>'; } ?>
60
 
61
  <div class="optiongroup">
62
  <div class="optionleft">
63
+ <label for="optinforms_form1_title" class="nopointer"><?php echo __('Title', 'optin-forms'); ?></label>
64
  </div><!--optionleft-->
65
  <div class="optionmiddle">
66
+ <input type="text" id="optinforms_form1_title" name="optinforms_form1_title" value="<?php echo optinforms_form1_default_title(); ?>" onchange='optinforms_change_form1_title()' <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
67
  <script type="text/javascript">
68
  function optinforms_change_form1_title() {
69
  document.getElementById('optinforms-form1-title').innerHTML = document.getElementById('optinforms_form1_title').value;
78
 
79
  <div class="optiongroup">
80
  <div class="optionleft">
81
+ <label for="optinforms_form1_title_font" class="nopointer"><?php echo __('Title font', 'optin-forms'); ?></label>
82
  </div><!--optionleft-->
83
  <div class="optionmiddle">
84
+ <select name="optinforms_form1_title_font" id="optinforms_form1_title_font" onchange='optinforms_change_form1_title_font()' <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
85
  <?php echo optinforms_get_form1_title_font_options(); ?>
86
  </select>
87
  <script type="text/javascript">
98
 
99
  <div class="optiongroup">
100
  <div class="optionleft">
101
+ <label for="optinforms_form1_title_size" class="nopointer"><?php echo __('Title size', 'optin-forms'); ?></label>
102
  </div><!--optionleft-->
103
  <div class="optionmiddle">
104
+ <select name="optinforms_form1_title_size" id="optinforms_form1_title_size" onchange='optinforms_change_form1_title_size()' <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
105
  <?php echo optinforms_get_form1_title_size_options(); ?>
106
  </select>
107
  <script type="text/javascript">
119
 
120
  <div class="optiongroup">
121
  <div class="optionleft">
122
+ <label for="optinforms_form1_title_color" class="nopointer"><?php echo __('Title color', 'optin-forms'); ?></label>
123
  </div><!--optionleft-->
124
  <div class="optionmiddle">
125
+ <input type="text" id="optinforms_form1_title_color" name="optinforms_form1_title_color" class="optinforms-color" value="<?php echo optinforms_form1_default_title_color(); ?>" data-default-color="#eb432c" <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'disabled'; } ?> />
126
  <script>
127
  jQuery(document).ready(function($){
128
  $('#optinforms_form1_title_color').wpColorPicker({
142
  <div class="clear"></div>
143
  </div><!--optiongroup-->
144
 
145
+ <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optin-forms') . '.</p></div>'; } ?>
146
 
147
  <div class="optiongroup">
148
  <div class="optionleft">
149
+ <label for="optinforms_form1_subtitle" class="nopointer"><?php echo __('Subtitle', 'optin-forms'); ?></label>
150
  </div><!--optionleft-->
151
  <div class="optionmiddle">
152
+ <input type="text" id="optinforms_form1_subtitle" name="optinforms_form1_subtitle" value="<?php echo optinforms_form1_default_subtitle(); ?>" onchange='optinforms_change_form1_subtitle()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
153
  <script type="text/javascript">
154
  function optinforms_change_form1_subtitle() {
155
  document.getElementById('optinforms-form1-subtitle').innerHTML = document.getElementById('optinforms_form1_subtitle').value;
164
 
165
  <div class="optiongroup">
166
  <div class="optionleft">
167
+ <label for="optinforms_form1_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optin-forms'); ?></label>
168
  </div><!--optionleft-->
169
  <div class="optionmiddle">
170
+ <select name="optinforms_form1_subtitle_font" id="optinforms_form1_subtitle_font" onchange='optinforms_change_form1_subtitle_font()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
171
  <?php echo optinforms_get_form1_subtitle_font_options(); ?>
172
  </select>
173
  <script type="text/javascript">
184
 
185
  <div class="optiongroup">
186
  <div class="optionleft">
187
+ <label for="optinforms_form1_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optin-forms'); ?></label>
188
  </div><!--optionleft-->
189
  <div class="optionmiddle">
190
+ <select name="optinforms_form1_subtitle_size" id="optinforms_form1_subtitle_size" onchange='optinforms_change_form1_subtitle_size()' <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
191
  <?php echo optinforms_get_form1_subtitle_size_options(); ?>
192
  </select>
193
  <script type="text/javascript">
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
+ <label for="optinforms_form1_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optin-forms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
+ <input type="text" id="optinforms_form1_subtitle_color" name="optinforms_form1_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form1_default_subtitle_color(); ?>" data-default-color="#000000" <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'disabled'; } ?> />
212
  <script>
213
  jQuery(document).ready(function($){
214
  $('#optinforms_form1_subtitle_color').wpColorPicker({
228
  <div class="clear"></div>
229
  </div><!--optiongroup-->
230
 
231
+ <?php if (get_option('optinforms_form1_hide_name_field')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optin-forms') . '.</p></div>'; } ?>
232
 
233
  <div class="optiongroup">
234
  <div class="optionleft">
235
+ <label for="optinforms_form1_name_field" class="nopointer"><?php echo __('Input field: name', 'optin-forms'); ?></label>
236
  </div><!--optionleft-->
237
  <div class="optionmiddle">
238
+ <input type="text" id="optinforms_form1_name_field" name="optinforms_form1_name_field" value="<?php echo optinforms_form1_default_name_field(); ?>" onchange='optinforms_change_form1_name_field()' <?php if (get_option('optinforms_form1_hide_name_field')== '1') { echo 'disabled'; } ?> />
239
  <script type="text/javascript">
240
  function optinforms_change_form1_name_field() {
241
  document.getElementById('optinforms-form1-name-field').value = document.getElementById('optinforms_form1_name_field').value;
250
 
251
  <div class="optiongroup">
252
  <div class="optionleft">
253
+ <label for="optinforms_form1_email_field" class="nopointer"><?php echo __('Input field: email', 'optin-forms'); ?></label>
254
  </div><!--optionleft-->
255
  <div class="optionmiddle">
256
  <input type="text" id="optinforms_form1_email_field" name="optinforms_form1_email_field" value="<?php echo optinforms_form1_default_email_field(); ?>" onchange='optinforms_change_form1_email_field()' />
268
 
269
  <div class="optiongroup">
270
  <div class="optionleft">
271
+ <label for="optinforms_form1_fields_font" class="nopointer"><?php echo __('Input fields font', 'optin-forms'); ?></label>
272
  </div><!--optionleft-->
273
  <div class="optionmiddle">
274
  <select name="optinforms_form1_fields_font" id="optinforms_form1_fields_font" onchange='optinforms_change_form1_fields_font()'>
289
 
290
  <div class="optiongroup">
291
  <div class="optionleft">
292
+ <label for="optinforms_form1_fields_size" class="nopointer"><?php echo __('Input fields size', 'optin-forms'); ?></label>
293
  </div><!--optionleft-->
294
  <div class="optionmiddle">
295
  <select name="optinforms_form1_fields_size" id="optinforms_form1_fields_size" onchange='optinforms_change_form1_fields_size()'>
310
 
311
  <div class="optiongroup">
312
  <div class="optionleft">
313
+ <label for="optinforms_form1_fields_color" class="nopointer"><?php echo __('Input fields color', 'optin-forms'); ?></label>
314
  </div><!--optionleft-->
315
  <div class="optionmiddle">
316
  <input type="text" id="optinforms_form1_fields_color" name="optinforms_form1_fields_color" class="optinforms-color" value="<?php echo optinforms_form1_default_fields_color(); ?>" data-default-color="#666666" />
336
 
337
  <div class="optiongroup">
338
  <div class="optionleft">
339
+ <label for="optinforms_form1_button_text" class="nopointer"><?php echo __('Button text', 'optin-forms'); ?></label>
340
  </div><!--optionleft-->
341
  <div class="optionmiddle">
342
  <input type="text" id="optinforms_form1_button_text" name="optinforms_form1_button_text" value="<?php echo optinforms_form1_default_button_text(); ?>" onchange='optinforms_change_form1_button_text()' />
354
 
355
  <div class="optiongroup">
356
  <div class="optionleft">
357
+ <label for="optinforms_form1_button_text_font" class="nopointer"><?php echo __('Button text font', 'optin-forms'); ?></label>
358
  </div><!--optionleft-->
359
  <div class="optionmiddle">
360
  <select name="optinforms_form1_button_text_font" id="optinforms_form1_button_text_font" onchange='optinforms_change_form1_button_text_font()'>
374
 
375
  <div class="optiongroup">
376
  <div class="optionleft">
377
+ <label for="optinforms_form1_button_text_size" class="nopointer"><?php echo __('Button text size', 'optin-forms'); ?></label>
378
  </div><!--optionleft-->
379
  <div class="optionmiddle">
380
  <select name="optinforms_form1_button_text_size" id="optinforms_form1_button_text_size" onchange='optinforms_change_form1_button_text_size()'>
394
 
395
  <div class="optiongroup">
396
  <div class="optionleft">
397
+ <label for="optinforms_form1_button_text_color" class="nopointer"><?php echo __('Button text color', 'optin-forms'); ?></label>
398
  </div><!--optionleft-->
399
  <div class="optionmiddle">
400
  <input type="text" id="optinforms_form1_button_text_color" name="optinforms_form1_button_text_color" class="optinforms-color" value="<?php echo optinforms_form1_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
419
 
420
  <div class="optiongroup">
421
  <div class="optionleft">
422
+ <label for="optinforms_form1_button_background" class="nopointer"><?php echo __('Button background color', 'optin-forms'); ?></label>
423
  </div><!--optionleft-->
424
  <div class="optionmiddle">
425
  <input type="text" id="optinforms_form1_button_background" name="optinforms_form1_button_background" class="optinforms-color" value="<?php echo optinforms_form1_default_button_background(); ?>" data-default-color="#20A64C" />
442
  <div class="clear"></div>
443
  </div><!--optiongroup-->
444
 
445
+ <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optin-forms') . '.</p></div>'; } ?>
446
 
447
  <div class="optiongroup">
448
  <div class="optionleft">
449
+ <label for="optinforms_form1_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optin-forms'); ?></label>
450
  </div><!--optionleft-->
451
  <div class="optionmiddle">
452
+ <input type="text" id="optinforms_form1_disclaimer" name="optinforms_form1_disclaimer" value="<?php echo optinforms_form1_default_disclaimer(); ?>" onchange='optinforms_change_form1_disclaimer()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
453
  <script type="text/javascript">
454
  function optinforms_change_form1_disclaimer() {
455
  document.getElementById('optinforms-form1-disclaimer').innerHTML = document.getElementById('optinforms_form1_disclaimer').value;
464
 
465
  <div class="optiongroup">
466
  <div class="optionleft">
467
+ <label for="optinforms_form1_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optin-forms'); ?></label>
468
  </div><!--optionleft-->
469
  <div class="optionmiddle">
470
+ <select name="optinforms_form1_disclaimer_font" id="optinforms_form1_disclaimer_font" onchange='optinforms_change_form1_disclaimer_font()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
471
  <?php echo optinforms_get_form1_disclaimer_font_options(); ?>
472
  </select>
473
  <script type="text/javascript">
484
 
485
  <div class="optiongroup">
486
  <div class="optionleft">
487
+ <label for="optinforms_form1_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optin-forms'); ?></label>
488
  </div><!--optionleft-->
489
  <div class="optionmiddle">
490
+ <select name="optinforms_form1_disclaimer_size" id="optinforms_form1_disclaimer_size" onchange='optinforms_change_form1_disclaimer_size()' <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
491
  <?php echo optinforms_get_form1_disclaimer_size_options(); ?>
492
  </select>
493
  <script type="text/javascript">
504
 
505
  <div class="optiongroup">
506
  <div class="optionleft">
507
+ <label for="optinforms_form1_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optin-forms'); ?></label>
508
  </div><!--optionleft-->
509
  <div class="optionmiddle">
510
+ <input type="text" id="optinforms_form1_disclaimer_color" name="optinforms_form1_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form1_default_disclaimer_color(); ?>" data-default-color="#666666" <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'disabled'; } ?> />
511
  <script>
512
  jQuery(document).ready(function($){
513
  $('#optinforms_form1_disclaimer_color').wpColorPicker({
529
 
530
  <div class="optiongroup">
531
  <div class="optionleft">
532
+ <label for="optinforms_form1_width" class="nopointer"><?php echo __('Form width', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_width_1()"><span class="explain">?</span></a></label>
533
  </div><!--optionleft-->
534
  <div class="optionmiddle">
535
  <div class="choose-width">
536
+ <input name="optinforms_form1_width" id="optinforms_form1_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form1_checked_width_100(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=true;" /> <label for="optinforms_form1_width_100" class="radiobutton-label"><?php echo __('100%', 'optin-forms'); ?></label>
537
  </div><!--choose-width-->
538
  <div class="choose-width">
539
+ <input name="optinforms_form1_width" id="optinforms_form1_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form1_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=false;" /> <label for="optinforms_form1_width_fixed" class="radiobutton-label"><?php echo __('Fixed:', 'optin-forms'); ?></label>
540
  </div><!--choose-width-->
541
+ <input type="text" id="optinforms_form1_width_pixels" name="optinforms_form1_width_pixels" value="<?php echo optinforms_form1_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form1_disabled_width_pixels(); ?> /> <p class="fixed-width-px"><?php echo __('px', 'optin-forms'); ?></p>
542
  <div class="clear"></div>
543
  </div><!--optionmiddle-->
544
  <div class="optionlast">
559
  </script>
560
  <div id="optinforms-explain-width-1" style="display:none;">
561
  <div class="optinforms-help">
562
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optin-forms'); ?></p>
563
  </div><!--optinforms-help-->
564
  </div><!--optinforms-explain-width-1-->
565
 
569
 
570
  <div class="toggle-wrap">
571
  <span class="trigger">
572
+ <a><?php echo __('Form Options', 'optin-forms'); ?></a>
573
  </span>
574
 
575
  <div class="toggle-container" style="display: none;">
579
 
580
  </div><!--optionleft-->
581
  <div class="optionmiddle">
582
+ <input type="checkbox" name="optinforms_form1_hide_title" value="1" id="optinforms_form1_hide_title" <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form1_title_visibility(this.checked);" /> <label for="optinforms_form1_hide_title" class="nopointer"><?php echo __('Hide the title', 'optin-forms'); ?></label>
583
  <script type="text/javascript">
584
+ function optinforms_form1_title_visibility(optinchecked) {
585
+ if(optinchecked) {
586
+ document.getElementById("optinforms-form1-title").style.display = "none";
587
+ }
588
+ else {
589
+ document.getElementById("optinforms-form1-title").style.display = "";
590
+ }
591
+ }
592
+ </script>
593
  </div><!--optionmiddle-->
594
  <div class="optionlast">
595
 
602
 
603
  </div><!--optionleft-->
604
  <div class="optionmiddle">
605
+ <input type="checkbox" name="optinforms_form1_hide_subtitle" value="1" id="optinforms_form1_hide_subtitle" <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form1_subtitle_visibility(this.checked);" /> <label for="optinforms_form1_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optin-forms'); ?></label>
606
  <script type="text/javascript">
607
+ function optinforms_form1_subtitle_visibility(optinchecked) {
608
+ if(optinchecked) {
609
+ document.getElementById("optinforms-form1-subtitle").style.display = "none";
610
+ }
611
+ else {
612
+ document.getElementById("optinforms-form1-subtitle").style.display = "";
613
+ }
614
+ }
615
+ </script>
616
  </div><!--optionmiddle-->
617
  <div class="optionlast">
618
 
625
 
626
  </div><!--optionleft-->
627
  <div class="optionmiddle">
628
+ <input type="checkbox" name="optinforms_form1_hide_name_field" value="1" id="optinforms_form1_hide_name_field" <?php if (get_option('optinforms_form1_hide_name_field')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form1_name_field_visibility(this.checked);" /> <label for="optinforms_form1_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optin-forms'); ?></label>
629
  <script type="text/javascript">
630
+ function optinforms_form1_name_field_visibility(optinchecked) {
631
+ if(optinchecked) {
632
+ document.getElementById("optinforms-form1-name-field-container").style.display = "none";
633
+ document.getElementById("optinforms-form1-email-field-container").style.width = "78%";
634
+ }
635
+ else {
636
+ document.getElementById("optinforms-form1-name-field-container").style.display = "";
637
+ document.getElementById("optinforms-form1-email-field-container").style.width = "38%";
638
+ }
639
+ }
640
+ </script>
641
  </div><!--optionmiddle-->
642
  <div class="optionlast">
643
 
650
 
651
  </div><!--optionleft-->
652
  <div class="optionmiddle">
653
+ <input type="checkbox" name="optinforms_form1_hide_disclaimer" value="1" id="optinforms_form1_hide_disclaimer" <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form1_disclaimer_visibility(this.checked);" /> <label for="optinforms_form1_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optin-forms'); ?></label>
654
  <script type="text/javascript">
655
+ function optinforms_form1_disclaimer_visibility(optinchecked) {
656
+ if(optinchecked) {
657
+ document.getElementById("optinforms-form1-disclaimer").style.display = "none";
658
+ }
659
+ else {
660
+ document.getElementById("optinforms-form1-disclaimer").style.display = "";
661
+ }
662
+ }
663
+ </script>
664
  </div><!--optionmiddle-->
665
  <div class="optionlast">
666
 
670
 
671
  <div class="optiongroup">
672
  <div class="optionleft">
673
+ <label for="optinforms_form1_css" class="nopointer"><?php echo __('Custom CSS', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_css_1()"><span class="explain">?</span></a></label>
674
  </div><!--optionleft-->
675
  <div class="optionmiddle">
676
  <textarea id="optinforms_form1_css" name="optinforms_form1_css"><?php echo optinforms_form1_css(); ?></textarea>
682
  </div><!--optiongroup-->
683
 
684
  <script type="text/javascript">
685
+ function optinforms_explain_css_1() {
686
+ // Get the DOM reference
687
+ var contentId = document.getElementById("optinforms-explain-css-1");
688
+ // Toggle
689
+ contentId.style.display == "block" ? contentId.style.display = "none" :
690
+ contentId.style.display = "block";
691
+ }
692
+ </script>
693
+ <div id="optinforms-explain-css-1" style="display:none;">
694
+ <div class="optinforms-help">
695
+ <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optin-forms'); ?></p>
696
+ </div><!--optinforms-help-->
697
+ </div><!--optinforms-explain-css-1-->
698
 
699
  </div><!--toggle-container-->
700
  <div class="clear"></div>
701
  </div><!--toggle-wrap-->
 
 
includes/options-form-2.php CHANGED
@@ -1,13 +1,13 @@
1
  <?php ?>
2
 
3
- <span class="trigger">
4
- <a><?php echo __('Style Your Form', 'optinforms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
- <label for="optinforms_form2_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form2_background" name="optinforms_form2_background" class="optinforms-color" value="<?php echo optinforms_form2_default_background(); ?>" data-default-color="#266d7c" />
@@ -30,14 +30,14 @@
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
- <?php if (get_option('optinforms_form2_hide_title')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optinforms') . '.</p></div>'; ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
- <label for="optinforms_form2_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
- <input type="text" id="optinforms_form2_title" name="optinforms_form2_title" value="<?php echo optinforms_form2_default_title(); ?>" onchange='optinforms_change_form2_title()' <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'disabled="disabled"'; ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form2_title() {
43
  document.getElementById('optinforms-form2-title').innerHTML = document.getElementById('optinforms_form2_title').value;
@@ -52,10 +52,10 @@
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
- <label for="optinforms_form2_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
- <select name="optinforms_form2_title_font" id="optinforms_form2_title_font" onchange='optinforms_change_form2_title_font()' <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'disabled="disabled"'; ?>>
59
  <?php echo optinforms_get_form2_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
@@ -72,10 +72,10 @@
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
- <label for="optinforms_form2_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
- <select name="optinforms_form2_title_size" id="optinforms_form2_title_size" onchange='optinforms_change_form2_title_size()' <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'disabled="disabled"'; ?>>
79
  <?php echo optinforms_get_form2_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
@@ -93,10 +93,10 @@
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
- <label for="optinforms_form2_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
- <input type="text" id="optinforms_form2_title_color" name="optinforms_form2_title_color" class="optinforms-color" value="<?php echo optinforms_form2_default_title_color(); ?>" data-default-color="#ffffff" <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'disabled="disabled"'; ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form2_title_color').wpColorPicker({
@@ -118,7 +118,7 @@
118
 
119
  <div class="optiongroup">
120
  <div class="optionleft">
121
- <label for="optinforms_form2_email_field" class="nopointer"><?php echo __('Email field', 'optinforms'); ?></label>
122
  </div><!--optionleft-->
123
  <div class="optionmiddle">
124
  <input type="text" id="optinforms_form2_email_field" name="optinforms_form2_email_field" value="<?php echo optinforms_form2_default_email_field(); ?>" onchange='optinforms_change_form2_email_field()' />
@@ -136,7 +136,7 @@
136
 
137
  <div class="optiongroup">
138
  <div class="optionleft">
139
- <label for="optinforms_form2_fields_font" class="nopointer"><?php echo __('Email field font', 'optinforms'); ?></label>
140
  </div><!--optionleft-->
141
  <div class="optionmiddle">
142
  <select name="optinforms_form2_fields_font" id="optinforms_form2_fields_font" onchange='optinforms_change_form2_fields_font()'>
@@ -156,7 +156,7 @@
156
 
157
  <div class="optiongroup">
158
  <div class="optionleft">
159
- <label for="optinforms_form2_fields_size" class="nopointer"><?php echo __('Email field size', 'optinforms'); ?></label>
160
  </div><!--optionleft-->
161
  <div class="optionmiddle">
162
  <select name="optinforms_form2_fields_size" id="optinforms_form2_fields_size" onchange='optinforms_change_form2_fields_size()'>
@@ -176,7 +176,7 @@
176
 
177
  <div class="optiongroup">
178
  <div class="optionleft">
179
- <label for="optinforms_form2_fields_color" class="nopointer"><?php echo __('Email field color', 'optinforms'); ?></label>
180
  </div><!--optionleft-->
181
  <div class="optionmiddle">
182
  <input type="text" id="optinforms_form2_fields_color" name="optinforms_form2_fields_color" class="optinforms-color" value="<?php echo optinforms_form2_default_fields_color(); ?>" data-default-color="#000000" />
@@ -201,7 +201,7 @@
201
 
202
  <div class="optiongroup">
203
  <div class="optionleft">
204
- <label for="optinforms_form2_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
205
  </div><!--optionleft-->
206
  <div class="optionmiddle">
207
  <input type="text" id="optinforms_form2_button_text" name="optinforms_form2_button_text" value="<?php echo optinforms_form2_default_button_text(); ?>" onchange='optinforms_change_form2_button_text()' />
@@ -219,7 +219,7 @@
219
 
220
  <div class="optiongroup">
221
  <div class="optionleft">
222
- <label for="optinforms_form2_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
223
  </div><!--optionleft-->
224
  <div class="optionmiddle">
225
  <select name="optinforms_form2_button_text_font" id="optinforms_form2_button_text_font" onchange='optinforms_change_form2_button_text_font()'>
@@ -239,7 +239,7 @@
239
 
240
  <div class="optiongroup">
241
  <div class="optionleft">
242
- <label for="optinforms_form2_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
243
  </div><!--optionleft-->
244
  <div class="optionmiddle">
245
  <select name="optinforms_form2_button_text_size" id="optinforms_form2_button_text_size" onchange='optinforms_change_form2_button_text_size()'>
@@ -259,7 +259,7 @@
259
 
260
  <div class="optiongroup">
261
  <div class="optionleft">
262
- <label for="optinforms_form2_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
263
  </div><!--optionleft-->
264
  <div class="optionmiddle">
265
  <input type="text" id="optinforms_form2_button_text_color" name="optinforms_form2_button_text_color" class="optinforms-color" value="<?php echo optinforms_form2_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
@@ -284,7 +284,7 @@
284
 
285
  <div class="optiongroup">
286
  <div class="optionleft">
287
- <label for="optinforms_form2_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
288
  </div><!--optionleft-->
289
  <div class="optionmiddle">
290
  <input type="text" id="optinforms_form2_button_background" name="optinforms_form2_button_background" class="optinforms-color" value="<?php echo optinforms_form2_default_button_background(); ?>" data-default-color="#49A3FE" />
@@ -307,14 +307,14 @@
307
  <div class="clear"></div>
308
  </div><!--optiongroup-->
309
 
310
- <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optinforms') . '.</p></div>'; ?>
311
 
312
  <div class="optiongroup">
313
  <div class="optionleft">
314
- <label for="optinforms_form2_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
315
  </div><!--optionleft-->
316
  <div class="optionmiddle">
317
- <input type="text" id="optinforms_form2_disclaimer" name="optinforms_form2_disclaimer" value="<?php echo optinforms_form2_default_disclaimer(); ?>" onchange='optinforms_change_form2_disclaimer()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
318
  <script type="text/javascript">
319
  function optinforms_change_form2_disclaimer() {
320
  document.getElementById('optinforms-form2-disclaimer').innerHTML = document.getElementById('optinforms_form2_disclaimer').value;
@@ -329,10 +329,10 @@
329
 
330
  <div class="optiongroup">
331
  <div class="optionleft">
332
- <label for="optinforms_form2_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
333
  </div><!--optionleft-->
334
  <div class="optionmiddle">
335
- <select name="optinforms_form2_disclaimer_font" id="optinforms_form2_disclaimer_font" onchange='optinforms_change_form2_disclaimer_font()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
336
  <?php echo optinforms_get_form2_disclaimer_font_options(); ?>
337
  </select>
338
  <script type="text/javascript">
@@ -349,10 +349,10 @@
349
 
350
  <div class="optiongroup">
351
  <div class="optionleft">
352
- <label for="optinforms_form2_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
353
  </div><!--optionleft-->
354
  <div class="optionmiddle">
355
- <select name="optinforms_form2_disclaimer_size" id="optinforms_form2_disclaimer_size" onchange='optinforms_change_form2_disclaimer_size()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
356
  <?php echo optinforms_get_form2_disclaimer_size_options(); ?>
357
  </select>
358
  <script type="text/javascript">
@@ -369,10 +369,10 @@
369
 
370
  <div class="optiongroup">
371
  <div class="optionleft">
372
- <label for="optinforms_form2_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
373
  </div><!--optionleft-->
374
  <div class="optionmiddle">
375
- <input type="text" id="optinforms_form2_disclaimer_color" name="optinforms_form2_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form2_default_disclaimer_color(); ?>" data-default-color="#ffffff" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
376
  <script>
377
  jQuery(document).ready(function($){
378
  $('#optinforms_form2_disclaimer_color').wpColorPicker({
@@ -394,16 +394,16 @@
394
 
395
  <div class="optiongroup">
396
  <div class="optionleft">
397
- <label for="optinforms_form2_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_2()"><span class="explain">?</span></a></label>
398
  </div><!--optionleft-->
399
  <div class="optionmiddle">
400
  <div class="choose-width">
401
- <input name="optinforms_form2_width" id="optinforms_form2_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form2_checked_width_100(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=true;" /> <label for="optinforms_form2_width_100" class="radiobutton-label">100%</label>
402
  </div><!--choose-width-->
403
  <div class="choose-width">
404
- <input name="optinforms_form2_width" id="optinforms_form2_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form2_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=false;" /> <label for="optinforms_form2_width_fixed" class="radiobutton-label">Fixed:</label>
405
  </div><!--choose-width-->
406
- <input type="text" id="optinforms_form2_width_pixels" name="optinforms_form2_width_pixels" value="<?php echo optinforms_form2_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form2_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
407
  <div class="clear"></div>
408
  </div><!--optionmiddle-->
409
  <div class="optionlast">
@@ -423,7 +423,7 @@
423
  </script>
424
  <div id="optinforms-explain-width-2" style="display:none;">
425
  <div class="optinforms-help">
426
- <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
427
  </div><!--optinforms-help-->
428
  </div><!--optinforms-explain-width-2-->
429
 
@@ -432,7 +432,7 @@
432
 
433
  <div class="toggle-wrap">
434
  <span class="trigger">
435
- <a><?php echo __('Form Options', 'optinforms'); ?></a>
436
  </span>
437
 
438
  <div class="toggle-container" style="display: none;">
@@ -442,17 +442,17 @@
442
 
443
  </div><!--optionleft-->
444
  <div class="optionmiddle">
445
- <input type="checkbox" name="optinforms_form2_hide_title" value="1" id="optinforms_form2_hide_title" <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form2_title_visibility(this.checked);optinforms_form2_hide_title_disclaimer_visibility();" /> <label for="optinforms_form2_hide_title" class="nopointer"><?php echo __('Hide the title', 'optinforms'); ?></label>
446
  <script type="text/javascript">
447
- function optinforms_form2_title_visibility(optinchecked) {
448
- if(optinchecked) {
449
- document.getElementById("optinforms-form2-title-container").style.display = "none";
450
- }
451
- else {
452
- document.getElementById("optinforms-form2-title-container").style.display = "";
453
- }
454
- }
455
- </script>
456
  </div><!--optionmiddle-->
457
  <div class="optionlast">
458
 
@@ -465,33 +465,33 @@
465
 
466
  </div><!--optionleft-->
467
  <div class="optionmiddle">
468
- <input type="checkbox" name="optinforms_form2_hide_disclaimer" value="1" id="optinforms_form2_hide_disclaimer" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form2_disclaimer_visibility(this.checked);optinforms_form2_hide_title_disclaimer_visibility();" /> <label for="optinforms_form2_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optinforms'); ?></label>
469
  <script type="text/javascript">
470
- function optinforms_form2_disclaimer_visibility(optinchecked) {
471
- if(optinchecked) {
472
- document.getElementById("optinforms-form2-disclaimer-container").style.display = "none";
473
- }
474
- else {
475
- document.getElementById("optinforms-form2-disclaimer-container").style.display = "";
476
- }
477
- }
478
- </script>
479
  <script type="text/javascript">
480
- function optinforms_form2_hide_title_disclaimer_visibility() {
481
- if(document.getElementById("optinforms_form2_hide_title").checked && document.getElementById("optinforms_form2_hide_disclaimer").checked) {
482
- document.getElementById("optinforms-form2-email-field-container").style.width = "80%";
483
- }
484
- else if(document.getElementById("optinforms_form2_hide_title").checked) {
485
- document.getElementById("optinforms-form2-email-field-container").style.width = "62%";
486
- }
487
- else if(document.getElementById("optinforms_form2_hide_disclaimer").checked) {
488
- document.getElementById("optinforms-form2-email-field-container").style.width = "48%";
489
- }
490
- else {
491
- document.getElementById("optinforms-form2-email-field-container").style.width = "30%";
492
- }
493
- }
494
- </script>
495
  </div><!--optionmiddle-->
496
  <div class="optionlast">
497
 
@@ -501,7 +501,7 @@
501
 
502
  <div class="optiongroup">
503
  <div class="optionleft">
504
- <label for="optinforms_form2_css" class="nopointer"><?php echo __('Custom CSS', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_css_2()"><span class="explain">?</span></a></label>
505
  </div><!--optionleft-->
506
  <div class="optionmiddle">
507
  <textarea id="optinforms_form2_css" name="optinforms_form2_css"><?php echo optinforms_form2_css(); ?></textarea>
@@ -513,19 +513,19 @@
513
  </div><!--optiongroup-->
514
 
515
  <script type="text/javascript">
516
- function optinforms_explain_css_2() {
517
- // Get the DOM reference
518
- var contentId = document.getElementById("optinforms-explain-css-2");
519
- // Toggle
520
- contentId.style.display == "block" ? contentId.style.display = "none" :
521
- contentId.style.display = "block";
522
- }
523
- </script>
524
- <div id="optinforms-explain-css-2" style="display:none;">
525
- <div class="optinforms-help">
526
- <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optinforms'); ?></p>
527
- </div><!--optinforms-help-->
528
- </div><!--optinforms-explain-css-2-->
529
 
530
  </div><!--toggle-container-->
531
  <div class="clear"></div>
1
  <?php ?>
2
 
3
+ <span class="trigger">
4
+ <a><?php echo __('Style Your Form', 'optin-forms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
+ <label for="optinforms_form2_background" class="nopointer"><?php echo __('Form background color', 'optin-forms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form2_background" name="optinforms_form2_background" class="optinforms-color" value="<?php echo optinforms_form2_default_background(); ?>" data-default-color="#266d7c" />
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
+ <?php if (get_option('optinforms_form2_hide_title')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optin-forms') . '.</p></div>'; } ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
+ <label for="optinforms_form2_title" class="nopointer"><?php echo __('Title', 'optin-forms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
+ <input type="text" id="optinforms_form2_title" name="optinforms_form2_title" value="<?php echo optinforms_form2_default_title(); ?>" onchange='optinforms_change_form2_title()' <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form2_title() {
43
  document.getElementById('optinforms-form2-title').innerHTML = document.getElementById('optinforms_form2_title').value;
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
+ <label for="optinforms_form2_title_font" class="nopointer"><?php echo __('Title font', 'optin-forms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
+ <select name="optinforms_form2_title_font" id="optinforms_form2_title_font" onchange='optinforms_change_form2_title_font()' <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
59
  <?php echo optinforms_get_form2_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
+ <label for="optinforms_form2_title_size" class="nopointer"><?php echo __('Title size', 'optin-forms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
+ <select name="optinforms_form2_title_size" id="optinforms_form2_title_size" onchange='optinforms_change_form2_title_size()' <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
79
  <?php echo optinforms_get_form2_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
+ <label for="optinforms_form2_title_color" class="nopointer"><?php echo __('Title color', 'optin-forms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
+ <input type="text" id="optinforms_form2_title_color" name="optinforms_form2_title_color" class="optinforms-color" value="<?php echo optinforms_form2_default_title_color(); ?>" data-default-color="#ffffff" <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form2_title_color').wpColorPicker({
118
 
119
  <div class="optiongroup">
120
  <div class="optionleft">
121
+ <label for="optinforms_form2_email_field" class="nopointer"><?php echo __('Email field', 'optin-forms'); ?></label>
122
  </div><!--optionleft-->
123
  <div class="optionmiddle">
124
  <input type="text" id="optinforms_form2_email_field" name="optinforms_form2_email_field" value="<?php echo optinforms_form2_default_email_field(); ?>" onchange='optinforms_change_form2_email_field()' />
136
 
137
  <div class="optiongroup">
138
  <div class="optionleft">
139
+ <label for="optinforms_form2_fields_font" class="nopointer"><?php echo __('Email field font', 'optin-forms'); ?></label>
140
  </div><!--optionleft-->
141
  <div class="optionmiddle">
142
  <select name="optinforms_form2_fields_font" id="optinforms_form2_fields_font" onchange='optinforms_change_form2_fields_font()'>
156
 
157
  <div class="optiongroup">
158
  <div class="optionleft">
159
+ <label for="optinforms_form2_fields_size" class="nopointer"><?php echo __('Email field size', 'optin-forms'); ?></label>
160
  </div><!--optionleft-->
161
  <div class="optionmiddle">
162
  <select name="optinforms_form2_fields_size" id="optinforms_form2_fields_size" onchange='optinforms_change_form2_fields_size()'>
176
 
177
  <div class="optiongroup">
178
  <div class="optionleft">
179
+ <label for="optinforms_form2_fields_color" class="nopointer"><?php echo __('Email field color', 'optin-forms'); ?></label>
180
  </div><!--optionleft-->
181
  <div class="optionmiddle">
182
  <input type="text" id="optinforms_form2_fields_color" name="optinforms_form2_fields_color" class="optinforms-color" value="<?php echo optinforms_form2_default_fields_color(); ?>" data-default-color="#000000" />
201
 
202
  <div class="optiongroup">
203
  <div class="optionleft">
204
+ <label for="optinforms_form2_button_text" class="nopointer"><?php echo __('Button text', 'optin-forms'); ?></label>
205
  </div><!--optionleft-->
206
  <div class="optionmiddle">
207
  <input type="text" id="optinforms_form2_button_text" name="optinforms_form2_button_text" value="<?php echo optinforms_form2_default_button_text(); ?>" onchange='optinforms_change_form2_button_text()' />
219
 
220
  <div class="optiongroup">
221
  <div class="optionleft">
222
+ <label for="optinforms_form2_button_text_font" class="nopointer"><?php echo __('Button text font', 'optin-forms'); ?></label>
223
  </div><!--optionleft-->
224
  <div class="optionmiddle">
225
  <select name="optinforms_form2_button_text_font" id="optinforms_form2_button_text_font" onchange='optinforms_change_form2_button_text_font()'>
239
 
240
  <div class="optiongroup">
241
  <div class="optionleft">
242
+ <label for="optinforms_form2_button_text_size" class="nopointer"><?php echo __('Button text size', 'optin-forms'); ?></label>
243
  </div><!--optionleft-->
244
  <div class="optionmiddle">
245
  <select name="optinforms_form2_button_text_size" id="optinforms_form2_button_text_size" onchange='optinforms_change_form2_button_text_size()'>
259
 
260
  <div class="optiongroup">
261
  <div class="optionleft">
262
+ <label for="optinforms_form2_button_text_color" class="nopointer"><?php echo __('Button text color', 'optin-forms'); ?></label>
263
  </div><!--optionleft-->
264
  <div class="optionmiddle">
265
  <input type="text" id="optinforms_form2_button_text_color" name="optinforms_form2_button_text_color" class="optinforms-color" value="<?php echo optinforms_form2_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
284
 
285
  <div class="optiongroup">
286
  <div class="optionleft">
287
+ <label for="optinforms_form2_button_background" class="nopointer"><?php echo __('Button background color', 'optin-forms'); ?></label>
288
  </div><!--optionleft-->
289
  <div class="optionmiddle">
290
  <input type="text" id="optinforms_form2_button_background" name="optinforms_form2_button_background" class="optinforms-color" value="<?php echo optinforms_form2_default_button_background(); ?>" data-default-color="#49A3FE" />
307
  <div class="clear"></div>
308
  </div><!--optiongroup-->
309
 
310
+ <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optin-forms') . '.</p></div>'; } ?>
311
 
312
  <div class="optiongroup">
313
  <div class="optionleft">
314
+ <label for="optinforms_form2_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optin-forms'); ?></label>
315
  </div><!--optionleft-->
316
  <div class="optionmiddle">
317
+ <input type="text" id="optinforms_form2_disclaimer" name="optinforms_form2_disclaimer" value="<?php echo optinforms_form2_default_disclaimer(); ?>" onchange='optinforms_change_form2_disclaimer()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
318
  <script type="text/javascript">
319
  function optinforms_change_form2_disclaimer() {
320
  document.getElementById('optinforms-form2-disclaimer').innerHTML = document.getElementById('optinforms_form2_disclaimer').value;
329
 
330
  <div class="optiongroup">
331
  <div class="optionleft">
332
+ <label for="optinforms_form2_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optin-forms'); ?></label>
333
  </div><!--optionleft-->
334
  <div class="optionmiddle">
335
+ <select name="optinforms_form2_disclaimer_font" id="optinforms_form2_disclaimer_font" onchange='optinforms_change_form2_disclaimer_font()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
336
  <?php echo optinforms_get_form2_disclaimer_font_options(); ?>
337
  </select>
338
  <script type="text/javascript">
349
 
350
  <div class="optiongroup">
351
  <div class="optionleft">
352
+ <label for="optinforms_form2_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optin-forms'); ?></label>
353
  </div><!--optionleft-->
354
  <div class="optionmiddle">
355
+ <select name="optinforms_form2_disclaimer_size" id="optinforms_form2_disclaimer_size" onchange='optinforms_change_form2_disclaimer_size()' <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
356
  <?php echo optinforms_get_form2_disclaimer_size_options(); ?>
357
  </select>
358
  <script type="text/javascript">
369
 
370
  <div class="optiongroup">
371
  <div class="optionleft">
372
+ <label for="optinforms_form2_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optin-forms'); ?></label>
373
  </div><!--optionleft-->
374
  <div class="optionmiddle">
375
+ <input type="text" id="optinforms_form2_disclaimer_color" name="optinforms_form2_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form2_default_disclaimer_color(); ?>" data-default-color="#ffffff" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
376
  <script>
377
  jQuery(document).ready(function($){
378
  $('#optinforms_form2_disclaimer_color').wpColorPicker({
394
 
395
  <div class="optiongroup">
396
  <div class="optionleft">
397
+ <label for="optinforms_form2_width" class="nopointer"><?php echo __('Form width', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_width_2()"><span class="explain">?</span></a></label>
398
  </div><!--optionleft-->
399
  <div class="optionmiddle">
400
  <div class="choose-width">
401
+ <input name="optinforms_form2_width" id="optinforms_form2_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form2_checked_width_100(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=true;" /> <label for="optinforms_form2_width_100" class="radiobutton-label"><?php echo __('100%', 'optin-forms'); ?></label>
402
  </div><!--choose-width-->
403
  <div class="choose-width">
404
+ <input name="optinforms_form2_width" id="optinforms_form2_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form2_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=false;" /> <label for="optinforms_form2_width_fixed" class="radiobutton-label"><?php echo __('Fixed:', 'optin-forms'); ?></label>
405
  </div><!--choose-width-->
406
+ <input type="text" id="optinforms_form2_width_pixels" name="optinforms_form2_width_pixels" value="<?php echo optinforms_form2_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form2_disabled_width_pixels(); ?> /> <p class="fixed-width-px"><?php echo __('px', 'optin-forms'); ?></p>
407
  <div class="clear"></div>
408
  </div><!--optionmiddle-->
409
  <div class="optionlast">
423
  </script>
424
  <div id="optinforms-explain-width-2" style="display:none;">
425
  <div class="optinforms-help">
426
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optin-forms'); ?></p>
427
  </div><!--optinforms-help-->
428
  </div><!--optinforms-explain-width-2-->
429
 
432
 
433
  <div class="toggle-wrap">
434
  <span class="trigger">
435
+ <a><?php echo __('Form Options', 'optin-forms'); ?></a>
436
  </span>
437
 
438
  <div class="toggle-container" style="display: none;">
442
 
443
  </div><!--optionleft-->
444
  <div class="optionmiddle">
445
+ <input type="checkbox" name="optinforms_form2_hide_title" value="1" id="optinforms_form2_hide_title" <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form2_title_visibility(this.checked);optinforms_form2_hide_title_disclaimer_visibility();" /> <label for="optinforms_form2_hide_title" class="nopointer"><?php echo __('Hide the title', 'optin-forms'); ?></label>
446
  <script type="text/javascript">
447
+ function optinforms_form2_title_visibility(optinchecked) {
448
+ if(optinchecked) {
449
+ document.getElementById("optinforms-form2-title-container").style.display = "none";
450
+ }
451
+ else {
452
+ document.getElementById("optinforms-form2-title-container").style.display = "";
453
+ }
454
+ }
455
+ </script>
456
  </div><!--optionmiddle-->
457
  <div class="optionlast">
458
 
465
 
466
  </div><!--optionleft-->
467
  <div class="optionmiddle">
468
+ <input type="checkbox" name="optinforms_form2_hide_disclaimer" value="1" id="optinforms_form2_hide_disclaimer" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form2_disclaimer_visibility(this.checked);optinforms_form2_hide_title_disclaimer_visibility();" /> <label for="optinforms_form2_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optin-forms'); ?></label>
469
  <script type="text/javascript">
470
+ function optinforms_form2_disclaimer_visibility(optinchecked) {
471
+ if(optinchecked) {
472
+ document.getElementById("optinforms-form2-disclaimer-container").style.display = "none";
473
+ }
474
+ else {
475
+ document.getElementById("optinforms-form2-disclaimer-container").style.display = "";
476
+ }
477
+ }
478
+ </script>
479
  <script type="text/javascript">
480
+ function optinforms_form2_hide_title_disclaimer_visibility() {
481
+ if(document.getElementById("optinforms_form2_hide_title").checked && document.getElementById("optinforms_form2_hide_disclaimer").checked) {
482
+ document.getElementById("optinforms-form2-email-field-container").style.width = "80%";
483
+ }
484
+ else if(document.getElementById("optinforms_form2_hide_title").checked) {
485
+ document.getElementById("optinforms-form2-email-field-container").style.width = "62%";
486
+ }
487
+ else if(document.getElementById("optinforms_form2_hide_disclaimer").checked) {
488
+ document.getElementById("optinforms-form2-email-field-container").style.width = "48%";
489
+ }
490
+ else {
491
+ document.getElementById("optinforms-form2-email-field-container").style.width = "30%";
492
+ }
493
+ }
494
+ </script>
495
  </div><!--optionmiddle-->
496
  <div class="optionlast">
497
 
501
 
502
  <div class="optiongroup">
503
  <div class="optionleft">
504
+ <label for="optinforms_form2_css" class="nopointer"><?php echo __('Custom CSS', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_css_2()"><span class="explain">?</span></a></label>
505
  </div><!--optionleft-->
506
  <div class="optionmiddle">
507
  <textarea id="optinforms_form2_css" name="optinforms_form2_css"><?php echo optinforms_form2_css(); ?></textarea>
513
  </div><!--optiongroup-->
514
 
515
  <script type="text/javascript">
516
+ function optinforms_explain_css_2() {
517
+ // Get the DOM reference
518
+ var contentId = document.getElementById("optinforms-explain-css-2");
519
+ // Toggle
520
+ contentId.style.display == "block" ? contentId.style.display = "none" :
521
+ contentId.style.display = "block";
522
+ }
523
+ </script>
524
+ <div id="optinforms-explain-css-2" style="display:none;">
525
+ <div class="optinforms-help">
526
+ <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optin-forms'); ?></p>
527
+ </div><!--optinforms-help-->
528
+ </div><!--optinforms-explain-css-2-->
529
 
530
  </div><!--toggle-container-->
531
  <div class="clear"></div>
includes/options-form-3.php CHANGED
@@ -1,13 +1,13 @@
1
  <?php ?>
2
 
3
- <span class="trigger">
4
- <a><?php echo __('Style Your Form', 'optinforms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
- <label for="optinforms_form3_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form3_background" name="optinforms_form3_background" class="optinforms-color" value="<?php echo optinforms_form3_default_background(); ?>" data-default-color="#FFFFFF" />
@@ -30,14 +30,14 @@
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
- <?php if (get_option('optinforms_form3_hide_title')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optinforms') . '.</p></div>'; ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
- <label for="optinforms_form3_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
- <input type="text" id="optinforms_form3_title" name="optinforms_form3_title" value="<?php echo optinforms_form3_default_title(); ?>" onchange='optinforms_change_form3_title()' <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'disabled="disabled"'; ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form3_title() {
43
  document.getElementById('optinforms-form3-title').innerHTML = document.getElementById('optinforms_form3_title').value;
@@ -52,10 +52,10 @@
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
- <label for="optinforms_form3_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
- <select name="optinforms_form3_title_font" id="optinforms_form3_title_font" onchange='optinforms_change_form3_title_font()' <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'disabled="disabled"'; ?>>
59
  <?php echo optinforms_get_form3_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
@@ -72,10 +72,10 @@
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
- <label for="optinforms_form3_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
- <select name="optinforms_form3_title_size" id="optinforms_form3_title_size" onchange='optinforms_change_form3_title_size()' <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'disabled="disabled"'; ?>>
79
  <?php echo optinforms_get_form3_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
@@ -93,10 +93,10 @@
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
- <label for="optinforms_form3_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
- <input type="text" id="optinforms_form3_title_color" name="optinforms_form3_title_color" class="optinforms-color" value="<?php echo optinforms_form3_default_title_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'disabled="disabled"'; ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form3_title_color').wpColorPicker({
@@ -116,14 +116,14 @@
116
  <div class="clear"></div>
117
  </div><!--optiongroup-->
118
 
119
- <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optinforms') . '.</p></div>'; ?>
120
 
121
  <div class="optiongroup">
122
  <div class="optionleft">
123
- <label for="optinforms_form3_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
124
  </div><!--optionleft-->
125
  <div class="optionmiddle">
126
- <input type="text" id="optinforms_form3_subtitle" name="optinforms_form3_subtitle" value="<?php echo optinforms_form3_default_subtitle(); ?>" onchange='optinforms_change_form3_subtitle()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
127
  <script type="text/javascript">
128
  function optinforms_change_form3_subtitle() {
129
  document.getElementById('optinforms-form3-subtitle').innerHTML = document.getElementById('optinforms_form3_subtitle').value;
@@ -138,10 +138,10 @@
138
 
139
  <div class="optiongroup">
140
  <div class="optionleft">
141
- <label for="optinforms_form3_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
142
  </div><!--optionleft-->
143
  <div class="optionmiddle">
144
- <select name="optinforms_form3_subtitle_font" id="optinforms_form3_subtitle_font" onchange='optinforms_change_form3_subtitle_font()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
145
  <?php echo optinforms_get_form3_subtitle_font_options(); ?>
146
  </select>
147
  <script type="text/javascript">
@@ -158,10 +158,10 @@
158
 
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
- <label for="optinforms_form3_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
- <select name="optinforms_form3_subtitle_size" id="optinforms_form3_subtitle_size" onchange='optinforms_change_form3_subtitle_size()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
165
  <?php echo optinforms_get_form3_subtitle_size_options(); ?>
166
  </select>
167
  <script type="text/javascript">
@@ -178,10 +178,10 @@
178
 
179
  <div class="optiongroup">
180
  <div class="optionleft">
181
- <label for="optinforms_form3_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
182
  </div><!--optionleft-->
183
  <div class="optionmiddle">
184
- <input type="text" id="optinforms_form3_subtitle_color" name="optinforms_form3_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form3_default_subtitle_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
185
  <script>
186
  jQuery(document).ready(function($){
187
  $('#optinforms_form3_subtitle_color').wpColorPicker({
@@ -201,14 +201,14 @@
201
  <div class="clear"></div>
202
  </div><!--optiongroup-->
203
 
204
- <?php if (get_option('optinforms_form3_hide_name_field')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optinforms') . '.</p></div>'; ?>
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
- <label for="optinforms_form3_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
- <input type="text" id="optinforms_form3_name_field" name="optinforms_form3_name_field" value="<?php echo optinforms_form3_default_name_field(); ?>" onchange='optinforms_change_form3_name_field()' <?php if (get_option('optinforms_form3_hide_name_field')== '1') echo 'disabled="disabled"'; ?> />
212
  <script type="text/javascript">
213
  function optinforms_change_form3_name_field() {
214
  document.getElementById('optinforms-form3-name-field').value = document.getElementById('optinforms_form3_name_field').value;
@@ -223,7 +223,7 @@
223
 
224
  <div class="optiongroup">
225
  <div class="optionleft">
226
- <label for="optinforms_form3_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
227
  </div><!--optionleft-->
228
  <div class="optionmiddle">
229
  <input type="text" id="optinforms_form3_email_field" name="optinforms_form3_email_field" value="<?php echo optinforms_form3_default_email_field(); ?>" onchange='optinforms_change_form3_email_field()' />
@@ -241,7 +241,7 @@
241
 
242
  <div class="optiongroup">
243
  <div class="optionleft">
244
- <label for="optinforms_form3_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
245
  </div><!--optionleft-->
246
  <div class="optionmiddle">
247
  <select name="optinforms_form3_fields_font" id="optinforms_form3_fields_font" onchange='optinforms_change_form3_fields_font()'>
@@ -262,7 +262,7 @@
262
 
263
  <div class="optiongroup">
264
  <div class="optionleft">
265
- <label for="optinforms_form3_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
266
  </div><!--optionleft-->
267
  <div class="optionmiddle">
268
  <select name="optinforms_form3_fields_size" id="optinforms_form3_fields_size" onchange='optinforms_change_form3_fields_size()'>
@@ -283,7 +283,7 @@
283
 
284
  <div class="optiongroup">
285
  <div class="optionleft">
286
- <label for="optinforms_form3_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
287
  </div><!--optionleft-->
288
  <div class="optionmiddle">
289
  <input type="text" id="optinforms_form3_fields_color" name="optinforms_form3_fields_color" class="optinforms-color" value="<?php echo optinforms_form3_default_fields_color(); ?>" data-default-color="#666666" />
@@ -309,7 +309,7 @@
309
 
310
  <div class="optiongroup">
311
  <div class="optionleft">
312
- <label for="optinforms_form3_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
313
  </div><!--optionleft-->
314
  <div class="optionmiddle">
315
  <input type="text" id="optinforms_form3_button_text" name="optinforms_form3_button_text" value="<?php echo optinforms_form3_default_button_text(); ?>" onchange='optinforms_change_form3_button_text()' />
@@ -327,7 +327,7 @@
327
 
328
  <div class="optiongroup">
329
  <div class="optionleft">
330
- <label for="optinforms_form3_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
331
  </div><!--optionleft-->
332
  <div class="optionmiddle">
333
  <select name="optinforms_form3_button_text_font" id="optinforms_form3_button_text_font" onchange='optinforms_change_form3_button_text_font()'>
@@ -347,7 +347,7 @@
347
 
348
  <div class="optiongroup">
349
  <div class="optionleft">
350
- <label for="optinforms_form3_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
351
  </div><!--optionleft-->
352
  <div class="optionmiddle">
353
  <select name="optinforms_form3_button_text_size" id="optinforms_form3_button_text_size" onchange='optinforms_change_form3_button_text_size()'>
@@ -367,7 +367,7 @@
367
 
368
  <div class="optiongroup">
369
  <div class="optionleft">
370
- <label for="optinforms_form3_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
371
  </div><!--optionleft-->
372
  <div class="optionmiddle">
373
  <input type="text" id="optinforms_form3_button_text_color" name="optinforms_form3_button_text_color" class="optinforms-color" value="<?php echo optinforms_form3_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
@@ -392,7 +392,7 @@
392
 
393
  <div class="optiongroup">
394
  <div class="optionleft">
395
- <label for="optinforms_form3_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
396
  </div><!--optionleft-->
397
  <div class="optionmiddle">
398
  <input type="text" id="optinforms_form3_button_background" name="optinforms_form3_button_background" class="optinforms-color" value="<?php echo optinforms_form3_default_button_background(); ?>" data-default-color="#49A3FE" />
@@ -417,16 +417,16 @@
417
 
418
  <div class="optiongroup">
419
  <div class="optionleft">
420
- <label for="optinforms_form3_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_3()"><span class="explain">?</span></a></label>
421
  </div><!--optionleft-->
422
  <div class="optionmiddle">
423
  <div class="choose-width">
424
- <input name="optinforms_form3_width" id="optinforms_form3_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form3_checked_width_100(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=true;" /> <label for="optinforms_form3_width_100" class="radiobutton-label">100%</label>
425
  </div><!--choose-width-->
426
  <div class="choose-width">
427
- <input name="optinforms_form3_width" id="optinforms_form3_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form3_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=false;" /> <label for="optinforms_form3_width_fixed" class="radiobutton-label">Fixed:</label>
428
  </div><!--choose-width-->
429
- <input type="text" id="optinforms_form3_width_pixels" name="optinforms_form3_width_pixels" value="<?php echo optinforms_form3_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form3_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
430
  <div class="clear"></div>
431
  </div><!--optionmiddle-->
432
  <div class="optionlast">
@@ -446,7 +446,7 @@
446
  </script>
447
  <div id="optinforms-explain-width-3" style="display:none;">
448
  <div class="optinforms-help">
449
- <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
450
  </div><!--optinforms-help-->
451
  </div><!--optinforms-explain-width-3-->
452
 
@@ -455,7 +455,7 @@
455
 
456
  <div class="toggle-wrap">
457
  <span class="trigger">
458
- <a><?php echo __('Form Options', 'optinforms'); ?></a>
459
  </span>
460
 
461
  <div class="toggle-container" style="display: none;">
@@ -465,17 +465,17 @@
465
 
466
  </div><!--optionleft-->
467
  <div class="optionmiddle">
468
- <input type="checkbox" name="optinforms_form3_hide_title" value="1" id="optinforms_form3_hide_title" <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form3_title_visibility(this.checked);optinforms_form3_hide_title_subtitle_visibility();" /> <label for="optinforms_form3_hide_title" class="nopointer"><?php echo __('Hide the title', 'optinforms'); ?></label>
469
  <script type="text/javascript">
470
- function optinforms_form3_title_visibility(optinchecked) {
471
- if(optinchecked) {
472
- document.getElementById("optinforms-form3-title").style.display = "none";
473
- }
474
- else {
475
- document.getElementById("optinforms-form3-title").style.display = "";
476
- }
477
- }
478
- </script>
479
  </div><!--optionmiddle-->
480
  <div class="optionlast">
481
 
@@ -488,31 +488,31 @@
488
 
489
  </div><!--optionleft-->
490
  <div class="optionmiddle">
491
- <input type="checkbox" name="optinforms_form3_hide_subtitle" value="1" id="optinforms_form3_hide_subtitle" <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form3_hide_subtitle_visibility(this.checked);optinforms_form3_hide_title_subtitle_visibility();" /> <label for="optinforms_form3_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optinforms'); ?></label>
492
  <script type="text/javascript">
493
- function optinforms_form3_hide_subtitle_visibility(optinchecked) {
494
- if(optinchecked) {
495
- document.getElementById("optinforms-form3-subtitle").style.display = "none";
496
- }
497
- else {
498
- document.getElementById("optinforms-form3-subtitle").style.display = "";
499
- }
500
- }
501
- </script>
502
  <script type="text/javascript">
503
- function optinforms_form3_hide_title_subtitle_visibility() {
504
- if(document.getElementById("optinforms_form3_hide_title").checked && document.getElementById("optinforms_form3_hide_subtitle").checked) {
505
- document.getElementById("optinforms-form3-container-left").style.display = "none";
506
- document.getElementById("optinforms-form3-container-right").style.margin = "10px 0 0 0";
507
- document.getElementById("optinforms-form3-container-right").style.width = "100%";
508
- }
509
- else {
510
- document.getElementById("optinforms-form3-container-left").style.display = "inline";
511
- document.getElementById("optinforms-form3-container-right").style.margin = "10px 0 0 1%";
512
- document.getElementById("optinforms-form3-container-right").style.width = "38%";
513
- }
514
- }
515
- </script>
516
  </div><!--optionmiddle-->
517
  <div class="optionlast">
518
 
@@ -525,17 +525,17 @@
525
 
526
  </div><!--optionleft-->
527
  <div class="optionmiddle">
528
- <input type="checkbox" name="optinforms_form3_hide_name_field" value="1" id="optinforms_form3_hide_name_field" <?php if (get_option('optinforms_form3_hide_name_field')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form3_name_field_visibility(this.checked);" /> <label for="optinforms_form3_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optinforms'); ?></label>
529
  <script type="text/javascript">
530
- function optinforms_form3_name_field_visibility(optinchecked) {
531
- if(optinchecked) {
532
- document.getElementById("optinforms-form3-name-field").style.display = "none";
533
- }
534
- else {
535
- document.getElementById("optinforms-form3-name-field").style.display = "";
536
- }
537
- }
538
- </script>
539
  </div><!--optionmiddle-->
540
  <div class="optionlast">
541
 
@@ -545,7 +545,7 @@
545
 
546
  <div class="optiongroup">
547
  <div class="optionleft">
548
- <label for="optinforms_form3_css" class="nopointer"><?php echo __('Custom CSS', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_css_3()"><span class="explain">?</span></a></label>
549
  </div><!--optionleft-->
550
  <div class="optionmiddle">
551
  <textarea id="optinforms_form3_css" name="optinforms_form3_css"><?php echo optinforms_form3_css(); ?></textarea>
@@ -557,19 +557,19 @@
557
  </div><!--optiongroup-->
558
 
559
  <script type="text/javascript">
560
- function optinforms_explain_css_3() {
561
- // Get the DOM reference
562
- var contentId = document.getElementById("optinforms-explain-css-3");
563
- // Toggle
564
- contentId.style.display == "block" ? contentId.style.display = "none" :
565
- contentId.style.display = "block";
566
- }
567
- </script>
568
- <div id="optinforms-explain-css-3" style="display:none;">
569
- <div class="optinforms-help">
570
- <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optinforms'); ?></p>
571
- </div><!--optinforms-help-->
572
- </div><!--optinforms-explain-css-3-->
573
 
574
  </div><!--toggle-container-->
575
  <div class="clear"></div>
1
  <?php ?>
2
 
3
+ <span class="trigger">
4
+ <a><?php echo __('Style Your Form', 'optin-forms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
+ <label for="optinforms_form3_background" class="nopointer"><?php echo __('Form background color', 'optin-forms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form3_background" name="optinforms_form3_background" class="optinforms-color" value="<?php echo optinforms_form3_default_background(); ?>" data-default-color="#FFFFFF" />
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
+ <?php if (get_option('optinforms_form3_hide_title')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optin-forms') . '.</p></div>'; } ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
+ <label for="optinforms_form3_title" class="nopointer"><?php echo __('Title', 'optin-forms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
+ <input type="text" id="optinforms_form3_title" name="optinforms_form3_title" value="<?php echo optinforms_form3_default_title(); ?>" onchange='optinforms_change_form3_title()' <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form3_title() {
43
  document.getElementById('optinforms-form3-title').innerHTML = document.getElementById('optinforms_form3_title').value;
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
+ <label for="optinforms_form3_title_font" class="nopointer"><?php echo __('Title font', 'optin-forms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
+ <select name="optinforms_form3_title_font" id="optinforms_form3_title_font" onchange='optinforms_change_form3_title_font()' <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
59
  <?php echo optinforms_get_form3_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
+ <label for="optinforms_form3_title_size" class="nopointer"><?php echo __('Title size', 'optin-forms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
+ <select name="optinforms_form3_title_size" id="optinforms_form3_title_size" onchange='optinforms_change_form3_title_size()' <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
79
  <?php echo optinforms_get_form3_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
+ <label for="optinforms_form3_title_color" class="nopointer"><?php echo __('Title color', 'optin-forms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
+ <input type="text" id="optinforms_form3_title_color" name="optinforms_form3_title_color" class="optinforms-color" value="<?php echo optinforms_form3_default_title_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form3_title_color').wpColorPicker({
116
  <div class="clear"></div>
117
  </div><!--optiongroup-->
118
 
119
+ <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optin-forms') . '.</p></div>'; } ?>
120
 
121
  <div class="optiongroup">
122
  <div class="optionleft">
123
+ <label for="optinforms_form3_subtitle" class="nopointer"><?php echo __('Subtitle', 'optin-forms'); ?></label>
124
  </div><!--optionleft-->
125
  <div class="optionmiddle">
126
+ <input type="text" id="optinforms_form3_subtitle" name="optinforms_form3_subtitle" value="<?php echo optinforms_form3_default_subtitle(); ?>" onchange='optinforms_change_form3_subtitle()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
127
  <script type="text/javascript">
128
  function optinforms_change_form3_subtitle() {
129
  document.getElementById('optinforms-form3-subtitle').innerHTML = document.getElementById('optinforms_form3_subtitle').value;
138
 
139
  <div class="optiongroup">
140
  <div class="optionleft">
141
+ <label for="optinforms_form3_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optin-forms'); ?></label>
142
  </div><!--optionleft-->
143
  <div class="optionmiddle">
144
+ <select name="optinforms_form3_subtitle_font" id="optinforms_form3_subtitle_font" onchange='optinforms_change_form3_subtitle_font()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
145
  <?php echo optinforms_get_form3_subtitle_font_options(); ?>
146
  </select>
147
  <script type="text/javascript">
158
 
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
+ <label for="optinforms_form3_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optin-forms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
+ <select name="optinforms_form3_subtitle_size" id="optinforms_form3_subtitle_size" onchange='optinforms_change_form3_subtitle_size()' <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
165
  <?php echo optinforms_get_form3_subtitle_size_options(); ?>
166
  </select>
167
  <script type="text/javascript">
178
 
179
  <div class="optiongroup">
180
  <div class="optionleft">
181
+ <label for="optinforms_form3_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optin-forms'); ?></label>
182
  </div><!--optionleft-->
183
  <div class="optionmiddle">
184
+ <input type="text" id="optinforms_form3_subtitle_color" name="optinforms_form3_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form3_default_subtitle_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
185
  <script>
186
  jQuery(document).ready(function($){
187
  $('#optinforms_form3_subtitle_color').wpColorPicker({
201
  <div class="clear"></div>
202
  </div><!--optiongroup-->
203
 
204
+ <?php if (get_option('optinforms_form3_hide_name_field')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optin-forms') . '.</p></div>'; } ?>
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
+ <label for="optinforms_form3_name_field" class="nopointer"><?php echo __('Input field: name', 'optin-forms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
+ <input type="text" id="optinforms_form3_name_field" name="optinforms_form3_name_field" value="<?php echo optinforms_form3_default_name_field(); ?>" onchange='optinforms_change_form3_name_field()' <?php if (get_option('optinforms_form3_hide_name_field')== '1') { echo 'disabled="disabled"'; } ?> />
212
  <script type="text/javascript">
213
  function optinforms_change_form3_name_field() {
214
  document.getElementById('optinforms-form3-name-field').value = document.getElementById('optinforms_form3_name_field').value;
223
 
224
  <div class="optiongroup">
225
  <div class="optionleft">
226
+ <label for="optinforms_form3_email_field" class="nopointer"><?php echo __('Input field: email', 'optin-forms'); ?></label>
227
  </div><!--optionleft-->
228
  <div class="optionmiddle">
229
  <input type="text" id="optinforms_form3_email_field" name="optinforms_form3_email_field" value="<?php echo optinforms_form3_default_email_field(); ?>" onchange='optinforms_change_form3_email_field()' />
241
 
242
  <div class="optiongroup">
243
  <div class="optionleft">
244
+ <label for="optinforms_form3_fields_font" class="nopointer"><?php echo __('Input fields font', 'optin-forms'); ?></label>
245
  </div><!--optionleft-->
246
  <div class="optionmiddle">
247
  <select name="optinforms_form3_fields_font" id="optinforms_form3_fields_font" onchange='optinforms_change_form3_fields_font()'>
262
 
263
  <div class="optiongroup">
264
  <div class="optionleft">
265
+ <label for="optinforms_form3_fields_size" class="nopointer"><?php echo __('Input fields size', 'optin-forms'); ?></label>
266
  </div><!--optionleft-->
267
  <div class="optionmiddle">
268
  <select name="optinforms_form3_fields_size" id="optinforms_form3_fields_size" onchange='optinforms_change_form3_fields_size()'>
283
 
284
  <div class="optiongroup">
285
  <div class="optionleft">
286
+ <label for="optinforms_form3_fields_color" class="nopointer"><?php echo __('Input fields color', 'optin-forms'); ?></label>
287
  </div><!--optionleft-->
288
  <div class="optionmiddle">
289
  <input type="text" id="optinforms_form3_fields_color" name="optinforms_form3_fields_color" class="optinforms-color" value="<?php echo optinforms_form3_default_fields_color(); ?>" data-default-color="#666666" />
309
 
310
  <div class="optiongroup">
311
  <div class="optionleft">
312
+ <label for="optinforms_form3_button_text" class="nopointer"><?php echo __('Button text', 'optin-forms'); ?></label>
313
  </div><!--optionleft-->
314
  <div class="optionmiddle">
315
  <input type="text" id="optinforms_form3_button_text" name="optinforms_form3_button_text" value="<?php echo optinforms_form3_default_button_text(); ?>" onchange='optinforms_change_form3_button_text()' />
327
 
328
  <div class="optiongroup">
329
  <div class="optionleft">
330
+ <label for="optinforms_form3_button_text_font" class="nopointer"><?php echo __('Button text font', 'optin-forms'); ?></label>
331
  </div><!--optionleft-->
332
  <div class="optionmiddle">
333
  <select name="optinforms_form3_button_text_font" id="optinforms_form3_button_text_font" onchange='optinforms_change_form3_button_text_font()'>
347
 
348
  <div class="optiongroup">
349
  <div class="optionleft">
350
+ <label for="optinforms_form3_button_text_size" class="nopointer"><?php echo __('Button text size', 'optin-forms'); ?></label>
351
  </div><!--optionleft-->
352
  <div class="optionmiddle">
353
  <select name="optinforms_form3_button_text_size" id="optinforms_form3_button_text_size" onchange='optinforms_change_form3_button_text_size()'>
367
 
368
  <div class="optiongroup">
369
  <div class="optionleft">
370
+ <label for="optinforms_form3_button_text_color" class="nopointer"><?php echo __('Button text color', 'optin-forms'); ?></label>
371
  </div><!--optionleft-->
372
  <div class="optionmiddle">
373
  <input type="text" id="optinforms_form3_button_text_color" name="optinforms_form3_button_text_color" class="optinforms-color" value="<?php echo optinforms_form3_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
392
 
393
  <div class="optiongroup">
394
  <div class="optionleft">
395
+ <label for="optinforms_form3_button_background" class="nopointer"><?php echo __('Button background color', 'optin-forms'); ?></label>
396
  </div><!--optionleft-->
397
  <div class="optionmiddle">
398
  <input type="text" id="optinforms_form3_button_background" name="optinforms_form3_button_background" class="optinforms-color" value="<?php echo optinforms_form3_default_button_background(); ?>" data-default-color="#49A3FE" />
417
 
418
  <div class="optiongroup">
419
  <div class="optionleft">
420
+ <label for="optinforms_form3_width" class="nopointer"><?php echo __('Form width', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_width_3()"><span class="explain">?</span></a></label>
421
  </div><!--optionleft-->
422
  <div class="optionmiddle">
423
  <div class="choose-width">
424
+ <input name="optinforms_form3_width" id="optinforms_form3_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form3_checked_width_100(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=true;" /> <label for="optinforms_form3_width_100" class="radiobutton-label"><?php echo __('100%', 'optin-forms'); ?></label>
425
  </div><!--choose-width-->
426
  <div class="choose-width">
427
+ <input name="optinforms_form3_width" id="optinforms_form3_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form3_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=false;" /> <label for="optinforms_form3_width_fixed" class="radiobutton-label"><?php echo __('Fixed:', 'optin-forms'); ?></label>
428
  </div><!--choose-width-->
429
+ <input type="text" id="optinforms_form3_width_pixels" name="optinforms_form3_width_pixels" value="<?php echo optinforms_form3_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form3_disabled_width_pixels(); ?> /> <p class="fixed-width-px"><?php echo __('px', 'optin-forms'); ?></p>
430
  <div class="clear"></div>
431
  </div><!--optionmiddle-->
432
  <div class="optionlast">
446
  </script>
447
  <div id="optinforms-explain-width-3" style="display:none;">
448
  <div class="optinforms-help">
449
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optin-forms'); ?></p>
450
  </div><!--optinforms-help-->
451
  </div><!--optinforms-explain-width-3-->
452
 
455
 
456
  <div class="toggle-wrap">
457
  <span class="trigger">
458
+ <a><?php echo __('Form Options', 'optin-forms'); ?></a>
459
  </span>
460
 
461
  <div class="toggle-container" style="display: none;">
465
 
466
  </div><!--optionleft-->
467
  <div class="optionmiddle">
468
+ <input type="checkbox" name="optinforms_form3_hide_title" value="1" id="optinforms_form3_hide_title" <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form3_title_visibility(this.checked);optinforms_form3_hide_title_subtitle_visibility();" /> <label for="optinforms_form3_hide_title" class="nopointer"><?php echo __('Hide the title', 'optin-forms'); ?></label>
469
  <script type="text/javascript">
470
+ function optinforms_form3_title_visibility(optinchecked) {
471
+ if(optinchecked) {
472
+ document.getElementById("optinforms-form3-title").style.display = "none";
473
+ }
474
+ else {
475
+ document.getElementById("optinforms-form3-title").style.display = "";
476
+ }
477
+ }
478
+ </script>
479
  </div><!--optionmiddle-->
480
  <div class="optionlast">
481
 
488
 
489
  </div><!--optionleft-->
490
  <div class="optionmiddle">
491
+ <input type="checkbox" name="optinforms_form3_hide_subtitle" value="1" id="optinforms_form3_hide_subtitle" <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form3_hide_subtitle_visibility(this.checked);optinforms_form3_hide_title_subtitle_visibility();" /> <label for="optinforms_form3_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optin-forms'); ?></label>
492
  <script type="text/javascript">
493
+ function optinforms_form3_hide_subtitle_visibility(optinchecked) {
494
+ if(optinchecked) {
495
+ document.getElementById("optinforms-form3-subtitle").style.display = "none";
496
+ }
497
+ else {
498
+ document.getElementById("optinforms-form3-subtitle").style.display = "";
499
+ }
500
+ }
501
+ </script>
502
  <script type="text/javascript">
503
+ function optinforms_form3_hide_title_subtitle_visibility() {
504
+ if(document.getElementById("optinforms_form3_hide_title").checked && document.getElementById("optinforms_form3_hide_subtitle").checked) {
505
+ document.getElementById("optinforms-form3-container-left").style.display = "none";
506
+ document.getElementById("optinforms-form3-container-right").style.margin = "10px 0 0 0";
507
+ document.getElementById("optinforms-form3-container-right").style.width = "100%";
508
+ }
509
+ else {
510
+ document.getElementById("optinforms-form3-container-left").style.display = "inline";
511
+ document.getElementById("optinforms-form3-container-right").style.margin = "10px 0 0 1%";
512
+ document.getElementById("optinforms-form3-container-right").style.width = "38%";
513
+ }
514
+ }
515
+ </script>
516
  </div><!--optionmiddle-->
517
  <div class="optionlast">
518
 
525
 
526
  </div><!--optionleft-->
527
  <div class="optionmiddle">
528
+ <input type="checkbox" name="optinforms_form3_hide_name_field" value="1" id="optinforms_form3_hide_name_field" <?php if (get_option('optinforms_form3_hide_name_field')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form3_name_field_visibility(this.checked);" /> <label for="optinforms_form3_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optin-forms'); ?></label>
529
  <script type="text/javascript">
530
+ function optinforms_form3_name_field_visibility(optinchecked) {
531
+ if(optinchecked) {
532
+ document.getElementById("optinforms-form3-name-field").style.display = "none";
533
+ }
534
+ else {
535
+ document.getElementById("optinforms-form3-name-field").style.display = "";
536
+ }
537
+ }
538
+ </script>
539
  </div><!--optionmiddle-->
540
  <div class="optionlast">
541
 
545
 
546
  <div class="optiongroup">
547
  <div class="optionleft">
548
+ <label for="optinforms_form3_css" class="nopointer"><?php echo __('Custom CSS', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_css_3()"><span class="explain">?</span></a></label>
549
  </div><!--optionleft-->
550
  <div class="optionmiddle">
551
  <textarea id="optinforms_form3_css" name="optinforms_form3_css"><?php echo optinforms_form3_css(); ?></textarea>
557
  </div><!--optiongroup-->
558
 
559
  <script type="text/javascript">
560
+ function optinforms_explain_css_3() {
561
+ // Get the DOM reference
562
+ var contentId = document.getElementById("optinforms-explain-css-3");
563
+ // Toggle
564
+ contentId.style.display == "block" ? contentId.style.display = "none" :
565
+ contentId.style.display = "block";
566
+ }
567
+ </script>
568
+ <div id="optinforms-explain-css-3" style="display:none;">
569
+ <div class="optinforms-help">
570
+ <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optin-forms'); ?></p>
571
+ </div><!--optinforms-help-->
572
+ </div><!--optinforms-explain-css-3-->
573
 
574
  </div><!--toggle-container-->
575
  <div class="clear"></div>
includes/options-form-4.php CHANGED
@@ -1,13 +1,13 @@
1
  <?php ?>
2
 
3
- <span class="trigger">
4
- <a><?php echo __('Style Your Form', 'optinforms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
- <label for="optinforms_form4_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form4_background" name="optinforms_form4_background" class="optinforms-color" value="<?php echo optinforms_form4_default_background(); ?>" data-default-color="#FCFCFC" />
@@ -32,7 +32,7 @@
32
 
33
  <div class="optiongroup">
34
  <div class="optionleft">
35
- <label for="optinforms_form4_border" class="nopointer"><?php echo __('Form border color', 'optinforms'); ?></label>
36
  </div><!--optionleft-->
37
  <div class="optionmiddle">
38
  <input type="text" id="optinforms_form4_border" name="optinforms_form4_border" class="optinforms-color" value="<?php echo optinforms_form4_default_border(); ?>" data-default-color="#ECEAED" />
@@ -55,14 +55,14 @@
55
  <div class="clear"></div>
56
  </div><!--optiongroup-->
57
 
58
- <?php if (get_option('optinforms_form4_hide_title')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optinforms') . '.</p></div>'; ?>
59
 
60
  <div class="optiongroup">
61
  <div class="optionleft">
62
- <label for="optinforms_form4_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
63
  </div><!--optionleft-->
64
  <div class="optionmiddle">
65
- <input type="text" id="optinforms_form4_title" name="optinforms_form4_title" value="<?php echo optinforms_form4_default_title(); ?>" onchange='optinforms_change_form4_title()' <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'disabled="disabled"'; ?> />
66
  <script type="text/javascript">
67
  function optinforms_change_form4_title() {
68
  document.getElementById('optinforms-form4-title').innerHTML = document.getElementById('optinforms_form4_title').value;
@@ -77,10 +77,10 @@
77
 
78
  <div class="optiongroup">
79
  <div class="optionleft">
80
- <label for="optinforms_form4_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
81
  </div><!--optionleft-->
82
  <div class="optionmiddle">
83
- <select name="optinforms_form4_title_font" id="optinforms_form4_title_font" onchange='optinforms_change_form4_title_font()' <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'disabled="disabled"'; ?>>
84
  <?php echo optinforms_get_form4_title_font_options(); ?>
85
  </select>
86
  <script type="text/javascript">
@@ -97,10 +97,10 @@
97
 
98
  <div class="optiongroup">
99
  <div class="optionleft">
100
- <label for="optinforms_form4_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
101
  </div><!--optionleft-->
102
  <div class="optionmiddle">
103
- <select name="optinforms_form4_title_size" id="optinforms_form4_title_size" onchange='optinforms_change_form4_title_size()' <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'disabled="disabled"'; ?>>
104
  <?php echo optinforms_get_form4_title_size_options(); ?>
105
  </select>
106
  <script type="text/javascript">
@@ -118,10 +118,10 @@
118
 
119
  <div class="optiongroup">
120
  <div class="optionleft">
121
- <label for="optinforms_form4_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
122
  </div><!--optionleft-->
123
  <div class="optionmiddle">
124
- <input type="text" id="optinforms_form4_title_color" name="optinforms_form4_title_color" class="optinforms-color" value="<?php echo optinforms_form4_default_title_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'disabled="disabled"'; ?> />
125
  <script>
126
  jQuery(document).ready(function($){
127
  $('#optinforms_form4_title_color').wpColorPicker({
@@ -141,14 +141,14 @@
141
  <div class="clear"></div>
142
  </div><!--optiongroup-->
143
 
144
- <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optinforms') . '.</p></div>'; ?>
145
 
146
  <div class="optiongroup">
147
  <div class="optionleft">
148
- <label for="optinforms_form4_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
149
  </div><!--optionleft-->
150
  <div class="optionmiddle">
151
- <input type="text" id="optinforms_form4_subtitle" name="optinforms_form4_subtitle" value="<?php echo optinforms_form4_default_subtitle(); ?>" onchange='optinforms_change_form4_subtitle()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
152
  <script type="text/javascript">
153
  function optinforms_change_form4_subtitle() {
154
  document.getElementById('optinforms-form4-subtitle').innerHTML = document.getElementById('optinforms_form4_subtitle').value;
@@ -163,10 +163,10 @@
163
 
164
  <div class="optiongroup">
165
  <div class="optionleft">
166
- <label for="optinforms_form4_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
167
  </div><!--optionleft-->
168
  <div class="optionmiddle">
169
- <select name="optinforms_form4_subtitle_font" id="optinforms_form4_subtitle_font" onchange='optinforms_change_form4_subtitle_font()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
170
  <?php echo optinforms_get_form4_subtitle_font_options(); ?>
171
  </select>
172
  <script type="text/javascript">
@@ -183,10 +183,10 @@
183
 
184
  <div class="optiongroup">
185
  <div class="optionleft">
186
- <label for="optinforms_form4_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
187
  </div><!--optionleft-->
188
  <div class="optionmiddle">
189
- <select name="optinforms_form4_subtitle_size" id="optinforms_form4_subtitle_size" onchange='optinforms_change_form4_subtitle_size()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
190
  <?php echo optinforms_get_form4_subtitle_size_options(); ?>
191
  </select>
192
  <script type="text/javascript">
@@ -204,10 +204,10 @@
204
 
205
  <div class="optiongroup">
206
  <div class="optionleft">
207
- <label for="optinforms_form4_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
208
  </div><!--optionleft-->
209
  <div class="optionmiddle">
210
- <input type="text" id="optinforms_form4_subtitle_color" name="optinforms_form4_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form4_default_subtitle_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
211
  <script>
212
  jQuery(document).ready(function($){
213
  $('#optinforms_form4_subtitle_color').wpColorPicker({
@@ -229,7 +229,7 @@
229
 
230
  <div class="optiongroup">
231
  <div class="optionleft">
232
- <label for="optinforms_form4_email_field" class="nopointer"><?php echo __('Email field', 'optinforms'); ?></label>
233
  </div><!--optionleft-->
234
  <div class="optionmiddle">
235
  <input type="text" id="optinforms_form4_email_field" name="optinforms_form4_email_field" value="<?php echo optinforms_form4_default_email_field(); ?>" onchange='optinforms_change_form4_email_field()' />
@@ -247,7 +247,7 @@
247
 
248
  <div class="optiongroup">
249
  <div class="optionleft">
250
- <label for="optinforms_form4_fields_font" class="nopointer"><?php echo __('Email field font', 'optinforms'); ?></label>
251
  </div><!--optionleft-->
252
  <div class="optionmiddle">
253
  <select name="optinforms_form4_fields_font" id="optinforms_form4_fields_font" onchange='optinforms_change_form4_fields_font()'>
@@ -267,7 +267,7 @@
267
 
268
  <div class="optiongroup">
269
  <div class="optionleft">
270
- <label for="optinforms_form4_fields_size" class="nopointer"><?php echo __('Email field size', 'optinforms'); ?></label>
271
  </div><!--optionleft-->
272
  <div class="optionmiddle">
273
  <select name="optinforms_form4_fields_size" id="optinforms_form4_fields_size" onchange='optinforms_change_form4_fields_size()'>
@@ -287,7 +287,7 @@
287
 
288
  <div class="optiongroup">
289
  <div class="optionleft">
290
- <label for="optinforms_form4_fields_color" class="nopointer"><?php echo __('Email field color', 'optinforms'); ?></label>
291
  </div><!--optionleft-->
292
  <div class="optionmiddle">
293
  <input type="text" id="optinforms_form4_fields_color" name="optinforms_form4_fields_color" class="optinforms-color" value="<?php echo optinforms_form4_default_fields_color(); ?>" data-default-color="#666666" />
@@ -312,7 +312,7 @@
312
 
313
  <div class="optiongroup">
314
  <div class="optionleft">
315
- <label for="optinforms_form4_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
316
  </div><!--optionleft-->
317
  <div class="optionmiddle">
318
  <input type="text" id="optinforms_form4_button_text" name="optinforms_form4_button_text" value="<?php echo optinforms_form4_default_button_text(); ?>" onchange='optinforms_change_form4_button_text()' />
@@ -330,7 +330,7 @@
330
 
331
  <div class="optiongroup">
332
  <div class="optionleft">
333
- <label for="optinforms_form4_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
334
  </div><!--optionleft-->
335
  <div class="optionmiddle">
336
  <select name="optinforms_form4_button_text_font" id="optinforms_form4_button_text_font" onchange='optinforms_change_form4_button_text_font()'>
@@ -350,7 +350,7 @@
350
 
351
  <div class="optiongroup">
352
  <div class="optionleft">
353
- <label for="optinforms_form4_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
354
  </div><!--optionleft-->
355
  <div class="optionmiddle">
356
  <select name="optinforms_form4_button_text_size" id="optinforms_form4_button_text_size" onchange='optinforms_change_form4_button_text_size()'>
@@ -370,7 +370,7 @@
370
 
371
  <div class="optiongroup">
372
  <div class="optionleft">
373
- <label for="optinforms_form4_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
374
  </div><!--optionleft-->
375
  <div class="optionmiddle">
376
  <input type="text" id="optinforms_form4_button_text_color" name="optinforms_form4_button_text_color" class="optinforms-color" value="<?php echo optinforms_form4_default_button_text_color(); ?>" data-default-color="#1d629b" />
@@ -395,7 +395,7 @@
395
 
396
  <div class="optiongroup">
397
  <div class="optionleft">
398
- <label for="optinforms_form4_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
399
  </div><!--optionleft-->
400
  <div class="optionmiddle">
401
  <input type="text" id="optinforms_form4_button_background" name="optinforms_form4_button_background" class="optinforms-color" value="<?php echo optinforms_form4_default_button_background(); ?>" data-default-color="#faff5b" />
@@ -418,14 +418,14 @@
418
  <div class="clear"></div>
419
  </div><!--optiongroup-->
420
 
421
- <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optinforms') . '.</p></div>'; ?>
422
 
423
  <div class="optiongroup">
424
  <div class="optionleft">
425
- <label for="optinforms_form4_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
426
  </div><!--optionleft-->
427
  <div class="optionmiddle">
428
- <input type="text" id="optinforms_form4_disclaimer" name="optinforms_form4_disclaimer" value="<?php echo optinforms_form4_default_disclaimer(); ?>" onchange='optinforms_change_form4_disclaimer()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
429
  <script type="text/javascript">
430
  function optinforms_change_form4_disclaimer() {
431
  document.getElementById('optinforms-form4-disclaimer').innerHTML = document.getElementById('optinforms_form4_disclaimer').value;
@@ -440,10 +440,10 @@
440
 
441
  <div class="optiongroup">
442
  <div class="optionleft">
443
- <label for="optinforms_form4_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
444
  </div><!--optionleft-->
445
  <div class="optionmiddle">
446
- <select name="optinforms_form4_disclaimer_font" id="optinforms_form4_disclaimer_font" onchange='optinforms_change_form4_disclaimer_font()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
447
  <?php echo optinforms_get_form4_disclaimer_font_options(); ?>
448
  </select>
449
  <script type="text/javascript">
@@ -460,10 +460,10 @@
460
 
461
  <div class="optiongroup">
462
  <div class="optionleft">
463
- <label for="optinforms_form4_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
464
  </div><!--optionleft-->
465
  <div class="optionmiddle">
466
- <select name="optinforms_form4_disclaimer_size" id="optinforms_form4_disclaimer_size" onchange='optinforms_change_form4_disclaimer_size()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
467
  <?php echo optinforms_get_form4_disclaimer_size_options(); ?>
468
  </select>
469
  <script type="text/javascript">
@@ -480,10 +480,10 @@
480
 
481
  <div class="optiongroup">
482
  <div class="optionleft">
483
- <label for="optinforms_form4_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
484
  </div><!--optionleft-->
485
  <div class="optionmiddle">
486
- <input type="text" id="optinforms_form4_disclaimer_color" name="optinforms_form4_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form4_default_disclaimer_color(); ?>" data-default-color="#999999" <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
487
  <script>
488
  jQuery(document).ready(function($){
489
  $('#optinforms_form4_disclaimer_color').wpColorPicker({
@@ -505,16 +505,16 @@
505
 
506
  <div class="optiongroup">
507
  <div class="optionleft">
508
- <label for="optinforms_form4_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_4()"><span class="explain">?</span></a></label>
509
  </div><!--optionleft-->
510
  <div class="optionmiddle">
511
  <div class="choose-width">
512
- <input name="optinforms_form4_width" id="optinforms_form4_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form4_checked_width_100(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=true;" /> <label for="optinforms_form4_width_100" class="radiobutton-label">100%</label>
513
  </div><!--choose-width-->
514
  <div class="choose-width">
515
- <input name="optinforms_form4_width" id="optinforms_form4_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form4_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=false;" /> <label for="optinforms_form4_width_fixed" class="radiobutton-label">Fixed:</label>
516
  </div><!--choose-width-->
517
- <input type="text" id="optinforms_form4_width_pixels" name="optinforms_form4_width_pixels" value="<?php echo optinforms_form4_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form4_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
518
  <div class="clear"></div>
519
  </div><!--optionmiddle-->
520
  <div class="optionlast">
@@ -534,7 +534,7 @@
534
  </script>
535
  <div id="optinforms-explain-width-4" style="display:none;">
536
  <div class="optinforms-help">
537
- <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
538
  </div><!--optinforms-help-->
539
  </div><!--optinforms-explain-width-4-->
540
 
@@ -543,7 +543,7 @@
543
 
544
  <div class="toggle-wrap">
545
  <span class="trigger">
546
- <a><?php echo __('Form Options', 'optinforms'); ?></a>
547
  </span>
548
 
549
  <div class="toggle-container" style="display: none;">
@@ -553,17 +553,17 @@
553
 
554
  </div><!--optionleft-->
555
  <div class="optionmiddle">
556
- <input type="checkbox" name="optinforms_form4_hide_title" value="1" id="optinforms_form4_hide_title" <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form4_title_visibility(this.checked);" /> <label for="optinforms_form4_hide_title" class="nopointer"><?php echo __('Hide the title', 'optinforms'); ?></label>
557
  <script type="text/javascript">
558
- function optinforms_form4_title_visibility(optinchecked) {
559
- if(optinchecked) {
560
- document.getElementById("optinforms-form4-title").style.display = "none";
561
- }
562
- else {
563
- document.getElementById("optinforms-form4-title").style.display = "";
564
- }
565
- }
566
- </script>
567
  </div><!--optionmiddle-->
568
  <div class="optionlast">
569
 
@@ -576,17 +576,17 @@
576
 
577
  </div><!--optionleft-->
578
  <div class="optionmiddle">
579
- <input type="checkbox" name="optinforms_form4_hide_subtitle" value="1" id="optinforms_form4_hide_subtitle" <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form4_hide_subtitle_visibility(this.checked);" /> <label for="optinforms_form4_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optinforms'); ?></label>
580
  <script type="text/javascript">
581
- function optinforms_form4_hide_subtitle_visibility(optinchecked) {
582
- if(optinchecked) {
583
- document.getElementById("optinforms-form4-subtitle").style.display = "none";
584
- }
585
- else {
586
- document.getElementById("optinforms-form4-subtitle").style.display = "";
587
- }
588
- }
589
- </script>
590
  </div><!--optionmiddle-->
591
  <div class="optionlast">
592
 
@@ -599,17 +599,17 @@
599
 
600
  </div><!--optionleft-->
601
  <div class="optionmiddle">
602
- <input type="checkbox" name="optinforms_form4_hide_disclaimer" value="1" id="optinforms_form4_hide_disclaimer" <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form4_hide_disclaimer_visibility(this.checked);" /> <label for="optinforms_form4_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optinforms'); ?></label>
603
  <script type="text/javascript">
604
- function optinforms_form4_hide_disclaimer_visibility(optinchecked) {
605
- if(optinchecked) {
606
- document.getElementById("optinforms-form4-disclaimer").style.display = "none";
607
- }
608
- else {
609
- document.getElementById("optinforms-form4-disclaimer").style.display = "";
610
- }
611
- }
612
- </script>
613
  </div><!--optionmiddle-->
614
  <div class="optionlast">
615
 
@@ -619,7 +619,7 @@
619
 
620
  <div class="optiongroup">
621
  <div class="optionleft">
622
- <label for="optinforms_form4_css" class="nopointer"><?php echo __('Custom CSS', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_css_4()"><span class="explain">?</span></a></label>
623
  </div><!--optionleft-->
624
  <div class="optionmiddle">
625
  <textarea id="optinforms_form4_css" name="optinforms_form4_css"><?php echo optinforms_form4_css(); ?></textarea>
@@ -631,19 +631,19 @@
631
  </div><!--optiongroup-->
632
 
633
  <script type="text/javascript">
634
- function optinforms_explain_css_4() {
635
- // Get the DOM reference
636
- var contentId = document.getElementById("optinforms-explain-css-4");
637
- // Toggle
638
- contentId.style.display == "block" ? contentId.style.display = "none" :
639
- contentId.style.display = "block";
640
- }
641
- </script>
642
- <div id="optinforms-explain-css-4" style="display:none;">
643
- <div class="optinforms-help">
644
- <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optinforms'); ?></p>
645
- </div><!--optinforms-help-->
646
- </div><!--optinforms-explain-css-4-->
647
 
648
  </div><!--toggle-container-->
649
  <div class="clear"></div>
1
  <?php ?>
2
 
3
+ <span class="trigger">
4
+ <a><?php echo __('Style Your Form', 'optin-forms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
+ <label for="optinforms_form4_background" class="nopointer"><?php echo __('Form background color', 'optin-forms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form4_background" name="optinforms_form4_background" class="optinforms-color" value="<?php echo optinforms_form4_default_background(); ?>" data-default-color="#FCFCFC" />
32
 
33
  <div class="optiongroup">
34
  <div class="optionleft">
35
+ <label for="optinforms_form4_border" class="nopointer"><?php echo __('Form border color', 'optin-forms'); ?></label>
36
  </div><!--optionleft-->
37
  <div class="optionmiddle">
38
  <input type="text" id="optinforms_form4_border" name="optinforms_form4_border" class="optinforms-color" value="<?php echo optinforms_form4_default_border(); ?>" data-default-color="#ECEAED" />
55
  <div class="clear"></div>
56
  </div><!--optiongroup-->
57
 
58
+ <?php if (get_option('optinforms_form4_hide_title')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optin-forms') . '.</p></div>'; } ?>
59
 
60
  <div class="optiongroup">
61
  <div class="optionleft">
62
+ <label for="optinforms_form4_title" class="nopointer"><?php echo __('Title', 'optin-forms'); ?></label>
63
  </div><!--optionleft-->
64
  <div class="optionmiddle">
65
+ <input type="text" id="optinforms_form4_title" name="optinforms_form4_title" value="<?php echo optinforms_form4_default_title(); ?>" onchange='optinforms_change_form4_title()' <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
66
  <script type="text/javascript">
67
  function optinforms_change_form4_title() {
68
  document.getElementById('optinforms-form4-title').innerHTML = document.getElementById('optinforms_form4_title').value;
77
 
78
  <div class="optiongroup">
79
  <div class="optionleft">
80
+ <label for="optinforms_form4_title_font" class="nopointer"><?php echo __('Title font', 'optin-forms'); ?></label>
81
  </div><!--optionleft-->
82
  <div class="optionmiddle">
83
+ <select name="optinforms_form4_title_font" id="optinforms_form4_title_font" onchange='optinforms_change_form4_title_font()' <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
84
  <?php echo optinforms_get_form4_title_font_options(); ?>
85
  </select>
86
  <script type="text/javascript">
97
 
98
  <div class="optiongroup">
99
  <div class="optionleft">
100
+ <label for="optinforms_form4_title_size" class="nopointer"><?php echo __('Title size', 'optin-forms'); ?></label>
101
  </div><!--optionleft-->
102
  <div class="optionmiddle">
103
+ <select name="optinforms_form4_title_size" id="optinforms_form4_title_size" onchange='optinforms_change_form4_title_size()' <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
104
  <?php echo optinforms_get_form4_title_size_options(); ?>
105
  </select>
106
  <script type="text/javascript">
118
 
119
  <div class="optiongroup">
120
  <div class="optionleft">
121
+ <label for="optinforms_form4_title_color" class="nopointer"><?php echo __('Title color', 'optin-forms'); ?></label>
122
  </div><!--optionleft-->
123
  <div class="optionmiddle">
124
+ <input type="text" id="optinforms_form4_title_color" name="optinforms_form4_title_color" class="optinforms-color" value="<?php echo optinforms_form4_default_title_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
125
  <script>
126
  jQuery(document).ready(function($){
127
  $('#optinforms_form4_title_color').wpColorPicker({
141
  <div class="clear"></div>
142
  </div><!--optiongroup-->
143
 
144
+ <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optin-forms') . '.</p></div>'; } ?>
145
 
146
  <div class="optiongroup">
147
  <div class="optionleft">
148
+ <label for="optinforms_form4_subtitle" class="nopointer"><?php echo __('Subtitle', 'optin-forms'); ?></label>
149
  </div><!--optionleft-->
150
  <div class="optionmiddle">
151
+ <input type="text" id="optinforms_form4_subtitle" name="optinforms_form4_subtitle" value="<?php echo optinforms_form4_default_subtitle(); ?>" onchange='optinforms_change_form4_subtitle()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
152
  <script type="text/javascript">
153
  function optinforms_change_form4_subtitle() {
154
  document.getElementById('optinforms-form4-subtitle').innerHTML = document.getElementById('optinforms_form4_subtitle').value;
163
 
164
  <div class="optiongroup">
165
  <div class="optionleft">
166
+ <label for="optinforms_form4_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optin-forms'); ?></label>
167
  </div><!--optionleft-->
168
  <div class="optionmiddle">
169
+ <select name="optinforms_form4_subtitle_font" id="optinforms_form4_subtitle_font" onchange='optinforms_change_form4_subtitle_font()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
170
  <?php echo optinforms_get_form4_subtitle_font_options(); ?>
171
  </select>
172
  <script type="text/javascript">
183
 
184
  <div class="optiongroup">
185
  <div class="optionleft">
186
+ <label for="optinforms_form4_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optin-forms'); ?></label>
187
  </div><!--optionleft-->
188
  <div class="optionmiddle">
189
+ <select name="optinforms_form4_subtitle_size" id="optinforms_form4_subtitle_size" onchange='optinforms_change_form4_subtitle_size()' <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
190
  <?php echo optinforms_get_form4_subtitle_size_options(); ?>
191
  </select>
192
  <script type="text/javascript">
204
 
205
  <div class="optiongroup">
206
  <div class="optionleft">
207
+ <label for="optinforms_form4_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optin-forms'); ?></label>
208
  </div><!--optionleft-->
209
  <div class="optionmiddle">
210
+ <input type="text" id="optinforms_form4_subtitle_color" name="optinforms_form4_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form4_default_subtitle_color(); ?>" data-default-color="#505050" <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
211
  <script>
212
  jQuery(document).ready(function($){
213
  $('#optinforms_form4_subtitle_color').wpColorPicker({
229
 
230
  <div class="optiongroup">
231
  <div class="optionleft">
232
+ <label for="optinforms_form4_email_field" class="nopointer"><?php echo __('Email field', 'optin-forms'); ?></label>
233
  </div><!--optionleft-->
234
  <div class="optionmiddle">
235
  <input type="text" id="optinforms_form4_email_field" name="optinforms_form4_email_field" value="<?php echo optinforms_form4_default_email_field(); ?>" onchange='optinforms_change_form4_email_field()' />
247
 
248
  <div class="optiongroup">
249
  <div class="optionleft">
250
+ <label for="optinforms_form4_fields_font" class="nopointer"><?php echo __('Email field font', 'optin-forms'); ?></label>
251
  </div><!--optionleft-->
252
  <div class="optionmiddle">
253
  <select name="optinforms_form4_fields_font" id="optinforms_form4_fields_font" onchange='optinforms_change_form4_fields_font()'>
267
 
268
  <div class="optiongroup">
269
  <div class="optionleft">
270
+ <label for="optinforms_form4_fields_size" class="nopointer"><?php echo __('Email field size', 'optin-forms'); ?></label>
271
  </div><!--optionleft-->
272
  <div class="optionmiddle">
273
  <select name="optinforms_form4_fields_size" id="optinforms_form4_fields_size" onchange='optinforms_change_form4_fields_size()'>
287
 
288
  <div class="optiongroup">
289
  <div class="optionleft">
290
+ <label for="optinforms_form4_fields_color" class="nopointer"><?php echo __('Email field color', 'optin-forms'); ?></label>
291
  </div><!--optionleft-->
292
  <div class="optionmiddle">
293
  <input type="text" id="optinforms_form4_fields_color" name="optinforms_form4_fields_color" class="optinforms-color" value="<?php echo optinforms_form4_default_fields_color(); ?>" data-default-color="#666666" />
312
 
313
  <div class="optiongroup">
314
  <div class="optionleft">
315
+ <label for="optinforms_form4_button_text" class="nopointer"><?php echo __('Button text', 'optin-forms'); ?></label>
316
  </div><!--optionleft-->
317
  <div class="optionmiddle">
318
  <input type="text" id="optinforms_form4_button_text" name="optinforms_form4_button_text" value="<?php echo optinforms_form4_default_button_text(); ?>" onchange='optinforms_change_form4_button_text()' />
330
 
331
  <div class="optiongroup">
332
  <div class="optionleft">
333
+ <label for="optinforms_form4_button_text_font" class="nopointer"><?php echo __('Button text font', 'optin-forms'); ?></label>
334
  </div><!--optionleft-->
335
  <div class="optionmiddle">
336
  <select name="optinforms_form4_button_text_font" id="optinforms_form4_button_text_font" onchange='optinforms_change_form4_button_text_font()'>
350
 
351
  <div class="optiongroup">
352
  <div class="optionleft">
353
+ <label for="optinforms_form4_button_text_size" class="nopointer"><?php echo __('Button text size', 'optin-forms'); ?></label>
354
  </div><!--optionleft-->
355
  <div class="optionmiddle">
356
  <select name="optinforms_form4_button_text_size" id="optinforms_form4_button_text_size" onchange='optinforms_change_form4_button_text_size()'>
370
 
371
  <div class="optiongroup">
372
  <div class="optionleft">
373
+ <label for="optinforms_form4_button_text_color" class="nopointer"><?php echo __('Button text color', 'optin-forms'); ?></label>
374
  </div><!--optionleft-->
375
  <div class="optionmiddle">
376
  <input type="text" id="optinforms_form4_button_text_color" name="optinforms_form4_button_text_color" class="optinforms-color" value="<?php echo optinforms_form4_default_button_text_color(); ?>" data-default-color="#1d629b" />
395
 
396
  <div class="optiongroup">
397
  <div class="optionleft">
398
+ <label for="optinforms_form4_button_background" class="nopointer"><?php echo __('Button background color', 'optin-forms'); ?></label>
399
  </div><!--optionleft-->
400
  <div class="optionmiddle">
401
  <input type="text" id="optinforms_form4_button_background" name="optinforms_form4_button_background" class="optinforms-color" value="<?php echo optinforms_form4_default_button_background(); ?>" data-default-color="#faff5b" />
418
  <div class="clear"></div>
419
  </div><!--optiongroup-->
420
 
421
+ <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optin-forms') . '.</p></div>'; } ?>
422
 
423
  <div class="optiongroup">
424
  <div class="optionleft">
425
+ <label for="optinforms_form4_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optin-forms'); ?></label>
426
  </div><!--optionleft-->
427
  <div class="optionmiddle">
428
+ <input type="text" id="optinforms_form4_disclaimer" name="optinforms_form4_disclaimer" value="<?php echo optinforms_form4_default_disclaimer(); ?>" onchange='optinforms_change_form4_disclaimer()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
429
  <script type="text/javascript">
430
  function optinforms_change_form4_disclaimer() {
431
  document.getElementById('optinforms-form4-disclaimer').innerHTML = document.getElementById('optinforms_form4_disclaimer').value;
440
 
441
  <div class="optiongroup">
442
  <div class="optionleft">
443
+ <label for="optinforms_form4_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optin-forms'); ?></label>
444
  </div><!--optionleft-->
445
  <div class="optionmiddle">
446
+ <select name="optinforms_form4_disclaimer_font" id="optinforms_form4_disclaimer_font" onchange='optinforms_change_form4_disclaimer_font()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
447
  <?php echo optinforms_get_form4_disclaimer_font_options(); ?>
448
  </select>
449
  <script type="text/javascript">
460
 
461
  <div class="optiongroup">
462
  <div class="optionleft">
463
+ <label for="optinforms_form4_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optin-forms'); ?></label>
464
  </div><!--optionleft-->
465
  <div class="optionmiddle">
466
+ <select name="optinforms_form4_disclaimer_size" id="optinforms_form4_disclaimer_size" onchange='optinforms_change_form4_disclaimer_size()' <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
467
  <?php echo optinforms_get_form4_disclaimer_size_options(); ?>
468
  </select>
469
  <script type="text/javascript">
480
 
481
  <div class="optiongroup">
482
  <div class="optionleft">
483
+ <label for="optinforms_form4_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optin-forms'); ?></label>
484
  </div><!--optionleft-->
485
  <div class="optionmiddle">
486
+ <input type="text" id="optinforms_form4_disclaimer_color" name="optinforms_form4_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form4_default_disclaimer_color(); ?>" data-default-color="#999999" <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
487
  <script>
488
  jQuery(document).ready(function($){
489
  $('#optinforms_form4_disclaimer_color').wpColorPicker({
505
 
506
  <div class="optiongroup">
507
  <div class="optionleft">
508
+ <label for="optinforms_form4_width" class="nopointer"><?php echo __('Form width', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_width_4()"><span class="explain">?</span></a></label>
509
  </div><!--optionleft-->
510
  <div class="optionmiddle">
511
  <div class="choose-width">
512
+ <input name="optinforms_form4_width" id="optinforms_form4_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form4_checked_width_100(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=true;" /> <label for="optinforms_form4_width_100" class="radiobutton-label"><?php echo __('100%', 'optin-forms'); ?></label>
513
  </div><!--choose-width-->
514
  <div class="choose-width">
515
+ <input name="optinforms_form4_width" id="optinforms_form4_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form4_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=false;" /> <label for="optinforms_form4_width_fixed" class="radiobutton-label"><?php echo __('Fixed:', 'optin-forms'); ?></label>
516
  </div><!--choose-width-->
517
+ <input type="text" id="optinforms_form4_width_pixels" name="optinforms_form4_width_pixels" value="<?php echo optinforms_form4_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form4_disabled_width_pixels(); ?> /> <p class="fixed-width-px"><?php echo __('px', 'optin-forms'); ?></p>
518
  <div class="clear"></div>
519
  </div><!--optionmiddle-->
520
  <div class="optionlast">
534
  </script>
535
  <div id="optinforms-explain-width-4" style="display:none;">
536
  <div class="optinforms-help">
537
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optin-forms'); ?></p>
538
  </div><!--optinforms-help-->
539
  </div><!--optinforms-explain-width-4-->
540
 
543
 
544
  <div class="toggle-wrap">
545
  <span class="trigger">
546
+ <a><?php echo __('Form Options', 'optin-forms'); ?></a>
547
  </span>
548
 
549
  <div class="toggle-container" style="display: none;">
553
 
554
  </div><!--optionleft-->
555
  <div class="optionmiddle">
556
+ <input type="checkbox" name="optinforms_form4_hide_title" value="1" id="optinforms_form4_hide_title" <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form4_title_visibility(this.checked);" /> <label for="optinforms_form4_hide_title" class="nopointer"><?php echo __('Hide the title', 'optin-forms'); ?></label>
557
  <script type="text/javascript">
558
+ function optinforms_form4_title_visibility(optinchecked) {
559
+ if(optinchecked) {
560
+ document.getElementById("optinforms-form4-title").style.display = "none";
561
+ }
562
+ else {
563
+ document.getElementById("optinforms-form4-title").style.display = "";
564
+ }
565
+ }
566
+ </script>
567
  </div><!--optionmiddle-->
568
  <div class="optionlast">
569
 
576
 
577
  </div><!--optionleft-->
578
  <div class="optionmiddle">
579
+ <input type="checkbox" name="optinforms_form4_hide_subtitle" value="1" id="optinforms_form4_hide_subtitle" <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form4_hide_subtitle_visibility(this.checked);" /> <label for="optinforms_form4_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optin-forms'); ?></label>
580
  <script type="text/javascript">
581
+ function optinforms_form4_hide_subtitle_visibility(optinchecked) {
582
+ if(optinchecked) {
583
+ document.getElementById("optinforms-form4-subtitle").style.display = "none";
584
+ }
585
+ else {
586
+ document.getElementById("optinforms-form4-subtitle").style.display = "";
587
+ }
588
+ }
589
+ </script>
590
  </div><!--optionmiddle-->
591
  <div class="optionlast">
592
 
599
 
600
  </div><!--optionleft-->
601
  <div class="optionmiddle">
602
+ <input type="checkbox" name="optinforms_form4_hide_disclaimer" value="1" id="optinforms_form4_hide_disclaimer" <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form4_hide_disclaimer_visibility(this.checked);" /> <label for="optinforms_form4_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optin-forms'); ?></label>
603
  <script type="text/javascript">
604
+ function optinforms_form4_hide_disclaimer_visibility(optinchecked) {
605
+ if(optinchecked) {
606
+ document.getElementById("optinforms-form4-disclaimer").style.display = "none";
607
+ }
608
+ else {
609
+ document.getElementById("optinforms-form4-disclaimer").style.display = "";
610
+ }
611
+ }
612
+ </script>
613
  </div><!--optionmiddle-->
614
  <div class="optionlast">
615
 
619
 
620
  <div class="optiongroup">
621
  <div class="optionleft">
622
+ <label for="optinforms_form4_css" class="nopointer"><?php echo __('Custom CSS', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_css_4()"><span class="explain">?</span></a></label>
623
  </div><!--optionleft-->
624
  <div class="optionmiddle">
625
  <textarea id="optinforms_form4_css" name="optinforms_form4_css"><?php echo optinforms_form4_css(); ?></textarea>
631
  </div><!--optiongroup-->
632
 
633
  <script type="text/javascript">
634
+ function optinforms_explain_css_4() {
635
+ // Get the DOM reference
636
+ var contentId = document.getElementById("optinforms-explain-css-4");
637
+ // Toggle
638
+ contentId.style.display == "block" ? contentId.style.display = "none" :
639
+ contentId.style.display = "block";
640
+ }
641
+ </script>
642
+ <div id="optinforms-explain-css-4" style="display:none;">
643
+ <div class="optinforms-help">
644
+ <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optin-forms'); ?></p>
645
+ </div><!--optinforms-help-->
646
+ </div><!--optinforms-explain-css-4-->
647
 
648
  </div><!--toggle-container-->
649
  <div class="clear"></div>
includes/options-form-5.php CHANGED
@@ -1,13 +1,13 @@
1
  <?php ?>
2
 
3
- <span class="trigger">
4
- <a><?php echo __('Style Your Form', 'optinforms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
- <label for="optinforms_form5_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form5_background" name="optinforms_form5_background" class="optinforms-color" value="<?php echo optinforms_form5_default_background(); ?>" data-default-color="#333333" />
@@ -30,14 +30,14 @@
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
- <?php if (get_option('optinforms_form5_hide_title')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optinforms') . '.</p></div>'; ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
- <label for="optinforms_form5_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
- <input type="text" id="optinforms_form5_title" name="optinforms_form5_title" value="<?php echo optinforms_form5_default_title(); ?>" onchange='optinforms_change_form5_title()' <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'disabled="disabled"'; ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form5_title() {
43
  document.getElementById('optinforms-form5-title').innerHTML = document.getElementById('optinforms_form5_title').value;
@@ -52,10 +52,10 @@
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
- <label for="optinforms_form5_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
- <select name="optinforms_form5_title_font" id="optinforms_form5_title_font" onchange='optinforms_change_form5_title_font()' <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'disabled="disabled"'; ?>>
59
  <?php echo optinforms_get_form5_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
@@ -72,10 +72,10 @@
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
- <label for="optinforms_form5_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
- <select name="optinforms_form5_title_size" id="optinforms_form5_title_size" onchange='optinforms_change_form5_title_size()' <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'disabled="disabled"'; ?>>
79
  <?php echo optinforms_get_form5_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
@@ -93,10 +93,10 @@
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
- <label for="optinforms_form5_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
- <input type="text" id="optinforms_form5_title_color" name="optinforms_form5_title_color" class="optinforms-color" value="<?php echo optinforms_form5_default_title_color(); ?>" data-default-color="#fb6a13" <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'disabled="disabled"'; ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form5_title_color').wpColorPicker({
@@ -116,14 +116,14 @@
116
  <div class="clear"></div>
117
  </div><!--optiongroup-->
118
 
119
- <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optinforms') . '.</p></div>'; ?>
120
 
121
  <div class="optiongroup">
122
  <div class="optionleft">
123
- <label for="optinforms_form5_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
124
  </div><!--optionleft-->
125
  <div class="optionmiddle">
126
- <input type="text" id="optinforms_form5_subtitle" name="optinforms_form5_subtitle" value="<?php echo optinforms_form5_default_subtitle(); ?>" onchange='optinforms_change_form5_subtitle()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
127
  <script type="text/javascript">
128
  function optinforms_change_form5_subtitle() {
129
  document.getElementById('optinforms-form5-subtitle').innerHTML = document.getElementById('optinforms_form5_subtitle').value;
@@ -138,10 +138,10 @@
138
 
139
  <div class="optiongroup">
140
  <div class="optionleft">
141
- <label for="optinforms_form5_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
142
  </div><!--optionleft-->
143
  <div class="optionmiddle">
144
- <select name="optinforms_form5_subtitle_font" id="optinforms_form5_subtitle_font" onchange='optinforms_change_form5_subtitle_font()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
145
  <?php echo optinforms_get_form5_subtitle_font_options(); ?>
146
  </select>
147
  <script type="text/javascript">
@@ -158,10 +158,10 @@
158
 
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
- <label for="optinforms_form5_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
- <select name="optinforms_form5_subtitle_size" id="optinforms_form5_subtitle_size" onchange='optinforms_change_form5_subtitle_size()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'disabled="disabled"'; ?>>
165
  <?php echo optinforms_get_form5_subtitle_size_options(); ?>
166
  </select>
167
  <script type="text/javascript">
@@ -178,10 +178,10 @@
178
 
179
  <div class="optiongroup">
180
  <div class="optionleft">
181
- <label for="optinforms_form5_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
182
  </div><!--optionleft-->
183
  <div class="optionmiddle">
184
- <input type="text" id="optinforms_form5_subtitle_color" name="optinforms_form5_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form5_default_subtitle_color(); ?>" data-default-color="#CCCCCC" <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'disabled="disabled"'; ?> />
185
  <script>
186
  jQuery(document).ready(function($){
187
  $('#optinforms_form5_subtitle_color').wpColorPicker({
@@ -201,14 +201,14 @@
201
  <div class="clear"></div>
202
  </div><!--optiongroup-->
203
 
204
- <?php if (get_option('optinforms_form5_hide_name_field')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optinforms') . '.</p></div>'; ?>
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
- <label for="optinforms_form5_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
- <input type="text" id="optinforms_form5_name_field" name="optinforms_form5_name_field" value="<?php echo optinforms_form5_default_name_field(); ?>" onchange='optinforms_change_form5_name_field()' <?php if (get_option('optinforms_form5_hide_name_field')== '1') echo 'disabled="disabled"'; ?> />
212
  <script type="text/javascript">
213
  function optinforms_change_form5_name_field() {
214
  document.getElementById('optinforms-form5-name-field').value = document.getElementById('optinforms_form5_name_field').value;
@@ -223,7 +223,7 @@
223
 
224
  <div class="optiongroup">
225
  <div class="optionleft">
226
- <label for="optinforms_form5_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
227
  </div><!--optionleft-->
228
  <div class="optionmiddle">
229
  <input type="text" id="optinforms_form5_email_field" name="optinforms_form5_email_field" value="<?php echo optinforms_form5_default_email_field(); ?>" onchange='optinforms_change_form5_email_field()' />
@@ -241,7 +241,7 @@
241
 
242
  <div class="optiongroup">
243
  <div class="optionleft">
244
- <label for="optinforms_form5_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
245
  </div><!--optionleft-->
246
  <div class="optionmiddle">
247
  <select name="optinforms_form5_fields_font" id="optinforms_form5_fields_font" onchange='optinforms_change_form5_fields_font()'>
@@ -262,7 +262,7 @@
262
 
263
  <div class="optiongroup">
264
  <div class="optionleft">
265
- <label for="optinforms_form5_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
266
  </div><!--optionleft-->
267
  <div class="optionmiddle">
268
  <select name="optinforms_form5_fields_size" id="optinforms_form5_fields_size" onchange='optinforms_change_form5_fields_size()'>
@@ -283,7 +283,7 @@
283
 
284
  <div class="optiongroup">
285
  <div class="optionleft">
286
- <label for="optinforms_form5_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
287
  </div><!--optionleft-->
288
  <div class="optionmiddle">
289
  <input type="text" id="optinforms_form5_fields_color" name="optinforms_form5_fields_color" class="optinforms-color" value="<?php echo optinforms_form5_default_fields_color(); ?>" data-default-color="#000000" />
@@ -309,7 +309,7 @@
309
 
310
  <div class="optiongroup">
311
  <div class="optionleft">
312
- <label for="optinforms_form5_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
313
  </div><!--optionleft-->
314
  <div class="optionmiddle">
315
  <input type="text" id="optinforms_form5_button_text" name="optinforms_form5_button_text" value="<?php echo optinforms_form5_default_button_text(); ?>" onchange='optinforms_change_form5_button_text()' />
@@ -327,7 +327,7 @@
327
 
328
  <div class="optiongroup">
329
  <div class="optionleft">
330
- <label for="optinforms_form5_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
331
  </div><!--optionleft-->
332
  <div class="optionmiddle">
333
  <select name="optinforms_form5_button_text_font" id="optinforms_form5_button_text_font" onchange='optinforms_change_form5_button_text_font()'>
@@ -347,7 +347,7 @@
347
 
348
  <div class="optiongroup">
349
  <div class="optionleft">
350
- <label for="optinforms_form5_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
351
  </div><!--optionleft-->
352
  <div class="optionmiddle">
353
  <select name="optinforms_form5_button_text_size" id="optinforms_form5_button_text_size" onchange='optinforms_change_form5_button_text_size()'>
@@ -367,7 +367,7 @@
367
 
368
  <div class="optiongroup">
369
  <div class="optionleft">
370
- <label for="optinforms_form5_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
371
  </div><!--optionleft-->
372
  <div class="optionmiddle">
373
  <input type="text" id="optinforms_form5_button_text_color" name="optinforms_form5_button_text_color" class="optinforms-color" value="<?php echo optinforms_form5_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
@@ -392,7 +392,7 @@
392
 
393
  <div class="optiongroup">
394
  <div class="optionleft">
395
- <label for="optinforms_form5_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
396
  </div><!--optionleft-->
397
  <div class="optionmiddle">
398
  <input type="text" id="optinforms_form5_button_background" name="optinforms_form5_button_background" class="optinforms-color" value="<?php echo optinforms_form5_default_button_background(); ?>" data-default-color="#fb6a13" />
@@ -415,14 +415,14 @@
415
  <div class="clear"></div>
416
  </div><!--optiongroup-->
417
 
418
- <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optinforms') . '.</p></div>'; ?>
419
 
420
  <div class="optiongroup">
421
  <div class="optionleft">
422
- <label for="optinforms_form5_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
423
  </div><!--optionleft-->
424
  <div class="optionmiddle">
425
- <input type="text" id="optinforms_form5_disclaimer" name="optinforms_form5_disclaimer" value="<?php echo optinforms_form5_default_disclaimer(); ?>" onchange='optinforms_change_form5_disclaimer()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
426
  <script type="text/javascript">
427
  function optinforms_change_form5_disclaimer() {
428
  document.getElementById('optinforms-form5-disclaimer').innerHTML = document.getElementById('optinforms_form5_disclaimer').value;
@@ -437,10 +437,10 @@
437
 
438
  <div class="optiongroup">
439
  <div class="optionleft">
440
- <label for="optinforms_form5_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
441
  </div><!--optionleft-->
442
  <div class="optionmiddle">
443
- <select name="optinforms_form5_disclaimer_font" id="optinforms_form5_disclaimer_font" onchange='optinforms_change_form5_disclaimer_font()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
444
  <?php echo optinforms_get_form5_disclaimer_font_options(); ?>
445
  </select>
446
  <script type="text/javascript">
@@ -457,10 +457,10 @@
457
 
458
  <div class="optiongroup">
459
  <div class="optionleft">
460
- <label for="optinforms_form5_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
461
  </div><!--optionleft-->
462
  <div class="optionmiddle">
463
- <select name="optinforms_form5_disclaimer_size" id="optinforms_form5_disclaimer_size" onchange='optinforms_change_form5_disclaimer_size()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?>>
464
  <?php echo optinforms_get_form5_disclaimer_size_options(); ?>
465
  </select>
466
  <script type="text/javascript">
@@ -477,10 +477,10 @@
477
 
478
  <div class="optiongroup">
479
  <div class="optionleft">
480
- <label for="optinforms_form5_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
481
  </div><!--optionleft-->
482
  <div class="optionmiddle">
483
- <input type="text" id="optinforms_form5_disclaimer_color" name="optinforms_form5_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form5_default_disclaimer_color(); ?>" data-default-color="#727272" <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'disabled="disabled"'; ?> />
484
  <script>
485
  jQuery(document).ready(function($){
486
  $('#optinforms_form5_disclaimer_color').wpColorPicker({
@@ -502,16 +502,16 @@
502
 
503
  <div class="optiongroup">
504
  <div class="optionleft">
505
- <label for="optinforms_form5_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_5()"><span class="explain">?</span></a></label>
506
  </div><!--optionleft-->
507
  <div class="optionmiddle">
508
  <div class="choose-width">
509
- <input name="optinforms_form5_width" id="optinforms_form5_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form5_checked_width_100(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=true;" /> <label for="optinforms_form5_width_100" class="radiobutton-label">100%</label>
510
  </div><!--choose-width-->
511
  <div class="choose-width">
512
- <input name="optinforms_form5_width" id="optinforms_form5_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form5_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=false;" /> <label for="optinforms_form5_width_fixed" class="radiobutton-label">Fixed:</label>
513
  </div><!--choose-width-->
514
- <input type="text" id="optinforms_form5_width_pixels" name="optinforms_form5_width_pixels" value="<?php echo optinforms_form5_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form5_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
515
  <div class="clear"></div>
516
  </div><!--optionmiddle-->
517
  <div class="optionlast">
@@ -531,7 +531,7 @@
531
  </script>
532
  <div id="optinforms-explain-width-5" style="display:none;">
533
  <div class="optinforms-help">
534
- <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
535
  </div><!--optinforms-help-->
536
  </div><!--optinforms-explain-width-5-->
537
 
@@ -540,7 +540,7 @@
540
 
541
  <div class="toggle-wrap">
542
  <span class="trigger">
543
- <a><?php echo __('Form Options', 'optinforms'); ?></a>
544
  </span>
545
 
546
  <div class="toggle-container" style="display: none;">
@@ -550,17 +550,17 @@
550
 
551
  </div><!--optionleft-->
552
  <div class="optionmiddle">
553
- <input type="checkbox" name="optinforms_form5_hide_title" value="1" id="optinforms_form5_hide_title" <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form5_title_visibility(this.checked);" /> <label for="optinforms_form5_hide_title" class="nopointer"><?php echo __('Hide the title', 'optinforms'); ?></label>
554
  <script type="text/javascript">
555
- function optinforms_form5_title_visibility(optinchecked) {
556
- if(optinchecked) {
557
- document.getElementById("optinforms-form5-title").style.display = "none";
558
- }
559
- else {
560
- document.getElementById("optinforms-form5-title").style.display = "";
561
- }
562
- }
563
- </script>
564
  </div><!--optionmiddle-->
565
  <div class="optionlast">
566
 
@@ -573,19 +573,19 @@
573
 
574
  </div><!--optionleft-->
575
  <div class="optionmiddle">
576
- <input type="checkbox" name="optinforms_form5_hide_subtitle" value="1" id="optinforms_form5_hide_subtitle" <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form5_hide_subtitle_visibility(this.checked);optinforms_form5_hide_subtitle_disclaimer_visibility();" /> <label for="optinforms_form5_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optinforms'); ?></label>
577
  <script type="text/javascript">
578
- function optinforms_form5_hide_subtitle_visibility(optinchecked) {
579
- if(optinchecked) {
580
- document.getElementById("optinforms-form5-subtitle").style.display = "none";
581
- document.getElementById("optinforms-form5-disclaimer").style.margin = "0 20px";
582
- }
583
- else {
584
- document.getElementById("optinforms-form5-subtitle").style.display = "";
585
- document.getElementById("optinforms-form5-disclaimer").style.margin = "20px 20px 0";
586
- }
587
- }
588
- </script>
589
  </div><!--optionmiddle-->
590
  <div class="optionlast">
591
 
@@ -598,17 +598,17 @@
598
 
599
  </div><!--optionleft-->
600
  <div class="optionmiddle">
601
- <input type="checkbox" name="optinforms_form5_hide_name_field" value="1" id="optinforms_form5_hide_name_field" <?php if (get_option('optinforms_form5_hide_name_field')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form5_name_field_visibility(this.checked);" /> <label for="optinforms_form5_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optinforms'); ?></label>
602
  <script type="text/javascript">
603
- function optinforms_form5_name_field_visibility(optinchecked) {
604
- if(optinchecked) {
605
- document.getElementById("optinforms-form5-name-field").style.display = "none";
606
- }
607
- else {
608
- document.getElementById("optinforms-form5-name-field").style.display = "";
609
- }
610
- }
611
- </script>
612
  </div><!--optionmiddle-->
613
  <div class="optionlast">
614
 
@@ -621,36 +621,36 @@
621
 
622
  </div><!--optionleft-->
623
  <div class="optionmiddle">
624
- <input type="checkbox" name="optinforms_form5_hide_disclaimer" value="1" id="optinforms_form5_hide_disclaimer" <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'checked="checked"'; ?> onclick="optinforms_form5_disclaimer_visibility(this.checked);optinforms_form5_hide_subtitle_disclaimer_visibility();" /> <label for="optinforms_form5_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optinforms'); ?></label>
625
  <script type="text/javascript">
626
- function optinforms_form5_disclaimer_visibility(optinchecked) {
627
- if(optinchecked) {
628
- document.getElementById("optinforms-form5-disclaimer").style.display = "none";
629
- }
630
- else {
631
- document.getElementById("optinforms-form5-disclaimer").style.display = "";
632
- }
633
- }
634
- </script>
635
  <script type="text/javascript">
636
- function optinforms_form5_hide_subtitle_disclaimer_visibility() {
637
- if(document.getElementById("optinforms_form5_hide_subtitle").checked && document.getElementById("optinforms_form5_hide_disclaimer").checked) {
638
- document.getElementById("optinforms-form5-container-right").style.display = "none";
639
- document.getElementById("optinforms-form5-container-left").style.margin = "10px 0";
640
- document.getElementById("optinforms-form5-container-left").style.width = "100%";
641
- }
642
- else if(document.getElementById("optinforms_form5_hide_subtitle").checked) {
643
- document.getElementById("optinforms-form5-container-right").style.display = "inline";
644
- document.getElementById("optinforms-form5-container-left").style.margin = "10px 1% 10px 0";
645
- document.getElementById("optinforms-form5-container-left").style.width = "39%";
646
- }
647
- else if(document.getElementById("optinforms_form5_hide_disclaimer").checked) {
648
- document.getElementById("optinforms-form5-container-right").style.display = "inline";
649
- document.getElementById("optinforms-form5-container-left").style.margin = "10px 1% 10px 0";
650
- document.getElementById("optinforms-form5-container-left").style.width = "39%";
651
- }
652
- }
653
- </script>
654
  </div><!--optionmiddle-->
655
  <div class="optionlast">
656
 
@@ -660,10 +660,10 @@
660
 
661
  <div class="optiongroup">
662
  <div class="optionleft">
663
- <label for="optinforms_form5_css" class="nopointer"><?php echo __('Custom CSS', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_css_5()"><span class="explain">?</span></a></label>
664
  </div><!--optionleft-->
665
  <div class="optionmiddle">
666
- <textarea id="optinforms_form5_css" name="optinforms_form5_css"><?php echo optinforms_form5_css(); ?></textarea>
667
  </div><!--optionmiddle-->
668
  <div class="optionlast">
669
 
@@ -672,19 +672,19 @@
672
  </div><!--optiongroup-->
673
 
674
  <script type="text/javascript">
675
- function optinforms_explain_css_5() {
676
- // Get the DOM reference
677
- var contentId = document.getElementById("optinforms-explain-css-5");
678
- // Toggle
679
- contentId.style.display == "block" ? contentId.style.display = "none" :
680
- contentId.style.display = "block";
681
- }
682
- </script>
683
- <div id="optinforms-explain-css-5" style="display:none;">
684
- <div class="optinforms-help">
685
- <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optinforms'); ?></p>
686
- </div><!--optinforms-help-->
687
- </div><!--optinforms-explain-css-5-->
688
 
689
  </div><!--toggle-container-->
690
  <div class="clear"></div>
1
  <?php ?>
2
 
3
+ <span class="trigger">
4
+ <a><?php echo __('Style Your Form', 'optin-forms'); ?></a>
5
  </span>
6
 
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
+ <label for="optinforms_form5_background" class="nopointer"><?php echo __('Form background color', 'optin-forms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
  <input type="text" id="optinforms_form5_background" name="optinforms_form5_background" class="optinforms-color" value="<?php echo optinforms_form5_default_background(); ?>" data-default-color="#333333" />
30
  <div class="clear"></div>
31
  </div><!--optiongroup-->
32
 
33
+ <?php if (get_option('optinforms_form5_hide_title')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your title in Form Options', 'optin-forms') . '.</p></div>'; } ?>
34
 
35
  <div class="optiongroup">
36
  <div class="optionleft">
37
+ <label for="optinforms_form5_title" class="nopointer"><?php echo __('Title', 'optin-forms'); ?></label>
38
  </div><!--optionleft-->
39
  <div class="optionmiddle">
40
+ <input type="text" id="optinforms_form5_title" name="optinforms_form5_title" value="<?php echo optinforms_form5_default_title(); ?>" onchange='optinforms_change_form5_title()' <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
41
  <script type="text/javascript">
42
  function optinforms_change_form5_title() {
43
  document.getElementById('optinforms-form5-title').innerHTML = document.getElementById('optinforms_form5_title').value;
52
 
53
  <div class="optiongroup">
54
  <div class="optionleft">
55
+ <label for="optinforms_form5_title_font" class="nopointer"><?php echo __('Title font', 'optin-forms'); ?></label>
56
  </div><!--optionleft-->
57
  <div class="optionmiddle">
58
+ <select name="optinforms_form5_title_font" id="optinforms_form5_title_font" onchange='optinforms_change_form5_title_font()' <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
59
  <?php echo optinforms_get_form5_title_font_options(); ?>
60
  </select>
61
  <script type="text/javascript">
72
 
73
  <div class="optiongroup">
74
  <div class="optionleft">
75
+ <label for="optinforms_form5_title_size" class="nopointer"><?php echo __('Title size', 'optin-forms'); ?></label>
76
  </div><!--optionleft-->
77
  <div class="optionmiddle">
78
+ <select name="optinforms_form5_title_size" id="optinforms_form5_title_size" onchange='optinforms_change_form5_title_size()' <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'disabled="disabled"'; } ?>>
79
  <?php echo optinforms_get_form5_title_size_options(); ?>
80
  </select>
81
  <script type="text/javascript">
93
 
94
  <div class="optiongroup">
95
  <div class="optionleft">
96
+ <label for="optinforms_form5_title_color" class="nopointer"><?php echo __('Title color', 'optin-forms'); ?></label>
97
  </div><!--optionleft-->
98
  <div class="optionmiddle">
99
+ <input type="text" id="optinforms_form5_title_color" name="optinforms_form5_title_color" class="optinforms-color" value="<?php echo optinforms_form5_default_title_color(); ?>" data-default-color="#fb6a13" <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'disabled="disabled"'; } ?> />
100
  <script>
101
  jQuery(document).ready(function($){
102
  $('#optinforms_form5_title_color').wpColorPicker({
116
  <div class="clear"></div>
117
  </div><!--optiongroup-->
118
 
119
+ <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your subtitle in Form Options', 'optin-forms') . '.</p></div>'; } ?>
120
 
121
  <div class="optiongroup">
122
  <div class="optionleft">
123
+ <label for="optinforms_form5_subtitle" class="nopointer"><?php echo __('Subtitle', 'optin-forms'); ?></label>
124
  </div><!--optionleft-->
125
  <div class="optionmiddle">
126
+ <input type="text" id="optinforms_form5_subtitle" name="optinforms_form5_subtitle" value="<?php echo optinforms_form5_default_subtitle(); ?>" onchange='optinforms_change_form5_subtitle()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
127
  <script type="text/javascript">
128
  function optinforms_change_form5_subtitle() {
129
  document.getElementById('optinforms-form5-subtitle').innerHTML = document.getElementById('optinforms_form5_subtitle').value;
138
 
139
  <div class="optiongroup">
140
  <div class="optionleft">
141
+ <label for="optinforms_form5_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optin-forms'); ?></label>
142
  </div><!--optionleft-->
143
  <div class="optionmiddle">
144
+ <select name="optinforms_form5_subtitle_font" id="optinforms_form5_subtitle_font" onchange='optinforms_change_form5_subtitle_font()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
145
  <?php echo optinforms_get_form5_subtitle_font_options(); ?>
146
  </select>
147
  <script type="text/javascript">
158
 
159
  <div class="optiongroup">
160
  <div class="optionleft">
161
+ <label for="optinforms_form5_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optin-forms'); ?></label>
162
  </div><!--optionleft-->
163
  <div class="optionmiddle">
164
+ <select name="optinforms_form5_subtitle_size" id="optinforms_form5_subtitle_size" onchange='optinforms_change_form5_subtitle_size()' <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?>>
165
  <?php echo optinforms_get_form5_subtitle_size_options(); ?>
166
  </select>
167
  <script type="text/javascript">
178
 
179
  <div class="optiongroup">
180
  <div class="optionleft">
181
+ <label for="optinforms_form5_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optin-forms'); ?></label>
182
  </div><!--optionleft-->
183
  <div class="optionmiddle">
184
+ <input type="text" id="optinforms_form5_subtitle_color" name="optinforms_form5_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form5_default_subtitle_color(); ?>" data-default-color="#CCCCCC" <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'disabled="disabled"'; } ?> />
185
  <script>
186
  jQuery(document).ready(function($){
187
  $('#optinforms_form5_subtitle_color').wpColorPicker({
201
  <div class="clear"></div>
202
  </div><!--optiongroup-->
203
 
204
+ <?php if (get_option('optinforms_form5_hide_name_field')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your name field in Form Options', 'optin-forms') . '.</p></div>'; } ?>
205
 
206
  <div class="optiongroup">
207
  <div class="optionleft">
208
+ <label for="optinforms_form5_name_field" class="nopointer"><?php echo __('Input field: name', 'optin-forms'); ?></label>
209
  </div><!--optionleft-->
210
  <div class="optionmiddle">
211
+ <input type="text" id="optinforms_form5_name_field" name="optinforms_form5_name_field" value="<?php echo optinforms_form5_default_name_field(); ?>" onchange='optinforms_change_form5_name_field()' <?php if (get_option('optinforms_form5_hide_name_field')== '1') { echo 'disabled="disabled"'; } ?> />
212
  <script type="text/javascript">
213
  function optinforms_change_form5_name_field() {
214
  document.getElementById('optinforms-form5-name-field').value = document.getElementById('optinforms_form5_name_field').value;
223
 
224
  <div class="optiongroup">
225
  <div class="optionleft">
226
+ <label for="optinforms_form5_email_field" class="nopointer"><?php echo __('Input field: email', 'optin-forms'); ?></label>
227
  </div><!--optionleft-->
228
  <div class="optionmiddle">
229
  <input type="text" id="optinforms_form5_email_field" name="optinforms_form5_email_field" value="<?php echo optinforms_form5_default_email_field(); ?>" onchange='optinforms_change_form5_email_field()' />
241
 
242
  <div class="optiongroup">
243
  <div class="optionleft">
244
+ <label for="optinforms_form5_fields_font" class="nopointer"><?php echo __('Input fields font', 'optin-forms'); ?></label>
245
  </div><!--optionleft-->
246
  <div class="optionmiddle">
247
  <select name="optinforms_form5_fields_font" id="optinforms_form5_fields_font" onchange='optinforms_change_form5_fields_font()'>
262
 
263
  <div class="optiongroup">
264
  <div class="optionleft">
265
+ <label for="optinforms_form5_fields_size" class="nopointer"><?php echo __('Input fields size', 'optin-forms'); ?></label>
266
  </div><!--optionleft-->
267
  <div class="optionmiddle">
268
  <select name="optinforms_form5_fields_size" id="optinforms_form5_fields_size" onchange='optinforms_change_form5_fields_size()'>
283
 
284
  <div class="optiongroup">
285
  <div class="optionleft">
286
+ <label for="optinforms_form5_fields_color" class="nopointer"><?php echo __('Input fields color', 'optin-forms'); ?></label>
287
  </div><!--optionleft-->
288
  <div class="optionmiddle">
289
  <input type="text" id="optinforms_form5_fields_color" name="optinforms_form5_fields_color" class="optinforms-color" value="<?php echo optinforms_form5_default_fields_color(); ?>" data-default-color="#000000" />
309
 
310
  <div class="optiongroup">
311
  <div class="optionleft">
312
+ <label for="optinforms_form5_button_text" class="nopointer"><?php echo __('Button text', 'optin-forms'); ?></label>
313
  </div><!--optionleft-->
314
  <div class="optionmiddle">
315
  <input type="text" id="optinforms_form5_button_text" name="optinforms_form5_button_text" value="<?php echo optinforms_form5_default_button_text(); ?>" onchange='optinforms_change_form5_button_text()' />
327
 
328
  <div class="optiongroup">
329
  <div class="optionleft">
330
+ <label for="optinforms_form5_button_text_font" class="nopointer"><?php echo __('Button text font', 'optin-forms'); ?></label>
331
  </div><!--optionleft-->
332
  <div class="optionmiddle">
333
  <select name="optinforms_form5_button_text_font" id="optinforms_form5_button_text_font" onchange='optinforms_change_form5_button_text_font()'>
347
 
348
  <div class="optiongroup">
349
  <div class="optionleft">
350
+ <label for="optinforms_form5_button_text_size" class="nopointer"><?php echo __('Button text size', 'optin-forms'); ?></label>
351
  </div><!--optionleft-->
352
  <div class="optionmiddle">
353
  <select name="optinforms_form5_button_text_size" id="optinforms_form5_button_text_size" onchange='optinforms_change_form5_button_text_size()'>
367
 
368
  <div class="optiongroup">
369
  <div class="optionleft">
370
+ <label for="optinforms_form5_button_text_color" class="nopointer"><?php echo __('Button text color', 'optin-forms'); ?></label>
371
  </div><!--optionleft-->
372
  <div class="optionmiddle">
373
  <input type="text" id="optinforms_form5_button_text_color" name="optinforms_form5_button_text_color" class="optinforms-color" value="<?php echo optinforms_form5_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
392
 
393
  <div class="optiongroup">
394
  <div class="optionleft">
395
+ <label for="optinforms_form5_button_background" class="nopointer"><?php echo __('Button background color', 'optin-forms'); ?></label>
396
  </div><!--optionleft-->
397
  <div class="optionmiddle">
398
  <input type="text" id="optinforms_form5_button_background" name="optinforms_form5_button_background" class="optinforms-color" value="<?php echo optinforms_form5_default_button_background(); ?>" data-default-color="#fb6a13" />
415
  <div class="clear"></div>
416
  </div><!--optiongroup-->
417
 
418
+ <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo '<div class="optionsgroup"><p class="hidden-warning">' . __('You\'ve hidden your disclaimer in Form Options', 'optin-forms') . '.</p></div>'; } ?>
419
 
420
  <div class="optiongroup">
421
  <div class="optionleft">
422
+ <label for="optinforms_form5_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optin-forms'); ?></label>
423
  </div><!--optionleft-->
424
  <div class="optionmiddle">
425
+ <input type="text" id="optinforms_form5_disclaimer" name="optinforms_form5_disclaimer" value="<?php echo optinforms_form5_default_disclaimer(); ?>" onchange='optinforms_change_form5_disclaimer()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
426
  <script type="text/javascript">
427
  function optinforms_change_form5_disclaimer() {
428
  document.getElementById('optinforms-form5-disclaimer').innerHTML = document.getElementById('optinforms_form5_disclaimer').value;
437
 
438
  <div class="optiongroup">
439
  <div class="optionleft">
440
+ <label for="optinforms_form5_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optin-forms'); ?></label>
441
  </div><!--optionleft-->
442
  <div class="optionmiddle">
443
+ <select name="optinforms_form5_disclaimer_font" id="optinforms_form5_disclaimer_font" onchange='optinforms_change_form5_disclaimer_font()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
444
  <?php echo optinforms_get_form5_disclaimer_font_options(); ?>
445
  </select>
446
  <script type="text/javascript">
457
 
458
  <div class="optiongroup">
459
  <div class="optionleft">
460
+ <label for="optinforms_form5_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optin-forms'); ?></label>
461
  </div><!--optionleft-->
462
  <div class="optionmiddle">
463
+ <select name="optinforms_form5_disclaimer_size" id="optinforms_form5_disclaimer_size" onchange='optinforms_change_form5_disclaimer_size()' <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?>>
464
  <?php echo optinforms_get_form5_disclaimer_size_options(); ?>
465
  </select>
466
  <script type="text/javascript">
477
 
478
  <div class="optiongroup">
479
  <div class="optionleft">
480
+ <label for="optinforms_form5_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optin-forms'); ?></label>
481
  </div><!--optionleft-->
482
  <div class="optionmiddle">
483
+ <input type="text" id="optinforms_form5_disclaimer_color" name="optinforms_form5_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form5_default_disclaimer_color(); ?>" data-default-color="#727272" <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'disabled="disabled"'; } ?> />
484
  <script>
485
  jQuery(document).ready(function($){
486
  $('#optinforms_form5_disclaimer_color').wpColorPicker({
502
 
503
  <div class="optiongroup">
504
  <div class="optionleft">
505
+ <label for="optinforms_form5_width" class="nopointer"><?php echo __('Form width', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_width_5()"><span class="explain">?</span></a></label>
506
  </div><!--optionleft-->
507
  <div class="optionmiddle">
508
  <div class="choose-width">
509
+ <input name="optinforms_form5_width" id="optinforms_form5_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form5_checked_width_100(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=true;" /> <label for="optinforms_form5_width_100" class="radiobutton-label"><?php echo __('100%', 'optin-forms'); ?></label>
510
  </div><!--choose-width-->
511
  <div class="choose-width">
512
+ <input name="optinforms_form5_width" id="optinforms_form5_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form5_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=false;" /> <label for="optinforms_form5_width_fixed" class="radiobutton-label"><?php echo __('Fixed:', 'optin-forms'); ?></label>
513
  </div><!--choose-width-->
514
+ <input type="text" id="optinforms_form5_width_pixels" name="optinforms_form5_width_pixels" value="<?php echo optinforms_form5_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form5_disabled_width_pixels(); ?> /> <p class="fixed-width-px"><?php echo __('px', 'optin-forms'); ?></p>
515
  <div class="clear"></div>
516
  </div><!--optionmiddle-->
517
  <div class="optionlast">
531
  </script>
532
  <div id="optinforms-explain-width-5" style="display:none;">
533
  <div class="optinforms-help">
534
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optin-forms'); ?></p>
535
  </div><!--optinforms-help-->
536
  </div><!--optinforms-explain-width-5-->
537
 
540
 
541
  <div class="toggle-wrap">
542
  <span class="trigger">
543
+ <a><?php echo __('Form Options', 'optin-forms'); ?></a>
544
  </span>
545
 
546
  <div class="toggle-container" style="display: none;">
550
 
551
  </div><!--optionleft-->
552
  <div class="optionmiddle">
553
+ <input type="checkbox" name="optinforms_form5_hide_title" value="1" id="optinforms_form5_hide_title" <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form5_title_visibility(this.checked);" /> <label for="optinforms_form5_hide_title" class="nopointer"><?php echo __('Hide the title', 'optin-forms'); ?></label>
554
  <script type="text/javascript">
555
+ function optinforms_form5_title_visibility(optinchecked) {
556
+ if(optinchecked) {
557
+ document.getElementById("optinforms-form5-title").style.display = "none";
558
+ }
559
+ else {
560
+ document.getElementById("optinforms-form5-title").style.display = "";
561
+ }
562
+ }
563
+ </script>
564
  </div><!--optionmiddle-->
565
  <div class="optionlast">
566
 
573
 
574
  </div><!--optionleft-->
575
  <div class="optionmiddle">
576
+ <input type="checkbox" name="optinforms_form5_hide_subtitle" value="1" id="optinforms_form5_hide_subtitle" <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form5_hide_subtitle_visibility(this.checked);optinforms_form5_hide_subtitle_disclaimer_visibility();" /> <label for="optinforms_form5_hide_subtitle" class="nopointer"><?php echo __('Hide the subtitle', 'optin-forms'); ?></label>
577
  <script type="text/javascript">
578
+ function optinforms_form5_hide_subtitle_visibility(optinchecked) {
579
+ if(optinchecked) {
580
+ document.getElementById("optinforms-form5-subtitle").style.display = "none";
581
+ document.getElementById("optinforms-form5-disclaimer").style.margin = "0 20px";
582
+ }
583
+ else {
584
+ document.getElementById("optinforms-form5-subtitle").style.display = "";
585
+ document.getElementById("optinforms-form5-disclaimer").style.margin = "20px 20px 0";
586
+ }
587
+ }
588
+ </script>
589
  </div><!--optionmiddle-->
590
  <div class="optionlast">
591
 
598
 
599
  </div><!--optionleft-->
600
  <div class="optionmiddle">
601
+ <input type="checkbox" name="optinforms_form5_hide_name_field" value="1" id="optinforms_form5_hide_name_field" <?php if (get_option('optinforms_form5_hide_name_field')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form5_name_field_visibility(this.checked);" /> <label for="optinforms_form5_hide_name_field" class="nopointer"><?php echo __('Hide the name field', 'optin-forms'); ?></label>
602
  <script type="text/javascript">
603
+ function optinforms_form5_name_field_visibility(optinchecked) {
604
+ if(optinchecked) {
605
+ document.getElementById("optinforms-form5-name-field").style.display = "none";
606
+ }
607
+ else {
608
+ document.getElementById("optinforms-form5-name-field").style.display = "";
609
+ }
610
+ }
611
+ </script>
612
  </div><!--optionmiddle-->
613
  <div class="optionlast">
614
 
621
 
622
  </div><!--optionleft-->
623
  <div class="optionmiddle">
624
+ <input type="checkbox" name="optinforms_form5_hide_disclaimer" value="1" id="optinforms_form5_hide_disclaimer" <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'checked="checked"'; } ?> onclick="optinforms_form5_disclaimer_visibility(this.checked);optinforms_form5_hide_subtitle_disclaimer_visibility();" /> <label for="optinforms_form5_hide_disclaimer" class="nopointer"><?php echo __('Hide the disclaimer', 'optin-forms'); ?></label>
625
  <script type="text/javascript">
626
+ function optinforms_form5_disclaimer_visibility(optinchecked) {
627
+ if(optinchecked) {
628
+ document.getElementById("optinforms-form5-disclaimer").style.display = "none";
629
+ }
630
+ else {
631
+ document.getElementById("optinforms-form5-disclaimer").style.display = "";
632
+ }
633
+ }
634
+ </script>
635
  <script type="text/javascript">
636
+ function optinforms_form5_hide_subtitle_disclaimer_visibility() {
637
+ if(document.getElementById("optinforms_form5_hide_subtitle").checked && document.getElementById("optinforms_form5_hide_disclaimer").checked) {
638
+ document.getElementById("optinforms-form5-container-right").style.display = "none";
639
+ document.getElementById("optinforms-form5-container-left").style.margin = "10px 0";
640
+ document.getElementById("optinforms-form5-container-left").style.width = "100%";
641
+ }
642
+ else if(document.getElementById("optinforms_form5_hide_subtitle").checked) {
643
+ document.getElementById("optinforms-form5-container-right").style.display = "inline";
644
+ document.getElementById("optinforms-form5-container-left").style.margin = "10px 1% 10px 0";
645
+ document.getElementById("optinforms-form5-container-left").style.width = "39%";
646
+ }
647
+ else if(document.getElementById("optinforms_form5_hide_disclaimer").checked) {
648
+ document.getElementById("optinforms-form5-container-right").style.display = "inline";
649
+ document.getElementById("optinforms-form5-container-left").style.margin = "10px 1% 10px 0";
650
+ document.getElementById("optinforms-form5-container-left").style.width = "39%";
651
+ }
652
+ }
653
+ </script>
654
  </div><!--optionmiddle-->
655
  <div class="optionlast">
656
 
660
 
661
  <div class="optiongroup">
662
  <div class="optionleft">
663
+ <label for="optinforms_form5_css" class="nopointer"><?php echo __('Custom CSS', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_css_5()"><span class="explain">?</span></a></label>
664
  </div><!--optionleft-->
665
  <div class="optionmiddle">
666
+ <textarea id="optinforms_form5_css" name="optinforms_form5_css"><?php echo optinforms_form5_css(); ?></textarea>
667
  </div><!--optionmiddle-->
668
  <div class="optionlast">
669
 
672
  </div><!--optiongroup-->
673
 
674
  <script type="text/javascript">
675
+ function optinforms_explain_css_5() {
676
+ // Get the DOM reference
677
+ var contentId = document.getElementById("optinforms-explain-css-5");
678
+ // Toggle
679
+ contentId.style.display == "block" ? contentId.style.display = "none" :
680
+ contentId.style.display = "block";
681
+ }
682
+ </script>
683
+ <div id="optinforms-explain-css-5" style="display:none;">
684
+ <div class="optinforms-help">
685
+ <p><?php echo __('Override the plugin\'s CSS values by entering your own custom CSS.', 'optin-forms'); ?></p>
686
+ </div><!--optinforms-help-->
687
+ </div><!--optinforms-explain-css-5-->
688
 
689
  </div><!--toggle-container-->
690
  <div class="clear"></div>
includes/options-form-functionality.php CHANGED
@@ -1,25 +1,26 @@
1
  <?php ?>
2
- <div class="toggle-wrap">
3
- <span class="trigger">
4
- <a><?php echo __('Form Functionality', 'optinforms'); ?></a>
5
- </span>
6
 
7
- <div class="toggle-container" style="display: none;">
8
 
9
- <div class="optiongroup">
10
- <div class="optionleft">
11
 
12
- </div><!--optionleft-->
13
- <div class="optionmiddle">
14
- <input type="checkbox" name="optinforms_form_target" value="1" id="optinforms_form_target" <?php if (get_option('optinforms_form_target')== '1') echo 'checked="checked"'; ?> /> <label for="optinforms_form_target" class="nopointer"><?php echo __('Open form submission in a new window', 'optinforms'); ?></label>
15
- </div><!--optionmiddle-->
16
- <div class="optionlast">
17
 
18
- </div><!--optionlast-->
19
- <div class="clear"></div>
20
- </div><!--optiongroup-->
 
 
21
 
22
- </div><!--toggle-container-->
23
  </div><!--toggle-wrap-->
24
 
25
  <?php ?>
1
  <?php ?>
2
+ <div class="toggle-wrap">
3
+ <span class="trigger">
4
+ <a><?php echo __('Form Functionality', 'optin-forms'); ?></a>
5
+ </span>
6
 
7
+ <div class="toggle-container" style="display: none;">
8
 
9
+ <div class="optiongroup">
10
+ <div class="optionleft">
11
 
12
+ </div><!--optionleft-->
13
+ <div class="optionmiddle">
14
+ <input type="checkbox" name="optinforms_form_target" value="1" id="optinforms_form_target" <?php if (get_option('optinforms_form_target')== '1') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_target" class="nopointer"><?php echo __('Open form submission in a new window', 'optin-forms'); ?></label>
15
+ </div><!--optionmiddle-->
16
+ <div class="optionlast">
17
 
18
+ </div><!--optionlast-->
19
+ <div class="clear"></div>
20
+ </div><!--optiongroup-->
21
+
22
+ </div><!--toggle-container-->
23
 
 
24
  </div><!--toggle-wrap-->
25
 
26
  <?php ?>
includes/options-form-placement.php CHANGED
@@ -1,22 +1,22 @@
1
  <?php ?>
2
 
3
- <div class="toggle-wrap">
4
- <span class="trigger">
5
- <a><?php echo __('Form Placement', 'optinforms'); ?></a>
6
  </span>
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
- <label for="optinforms_form_placement_post" class="nopointer"><?php echo __('On posts and custom post types', 'optinforms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
- <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_1" type="radio" value="1" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '1') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optinforms'); ?></label>
14
  <div class="clear"></div>
15
- <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_2" type="radio" value="2" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '2') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optinforms'); ?></label>
16
  <div class="clear"></div>
17
- <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_3" type="radio" value="3" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '') echo 'checked="checked"'; if (get_option('optinforms_form_placement_post')== '3') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_3" class="radiobutton-label"><?php echo __('After the post', 'optinforms'); ?></label>
18
  <div class="clear"></div>
19
- <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_4" type="radio" value="4" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=true;" <?php if (get_option('optinforms_form_placement_post')== '4') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_4" class="radiobutton-label"><?php echo __('Don\'t display on posts and custom post types', 'optinforms'); ?></label>
20
  <div class="clear"></div>
21
  </div><!--optionmiddle-->
22
  <div class="optionlast">
@@ -28,10 +28,10 @@
28
 
29
  <div class="optiongroup">
30
  <div class="optionleft">
31
- <label for="optinforms_form_exclude_posts" class="nopointer"><?php echo __('Exclude on posts', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_form_exclude_posts()"><span class="explain">?</span></a></label>
32
  </div><!--optionleft-->
33
  <div class="optionmiddle">
34
- <input type="text" id="optinforms_form_exclude_posts" name="optinforms_form_exclude_posts" value="<?php echo optinforms_form_exclude_posts(); ?>" <?php if (get_option('optinforms_form_placement_post')== '4') echo 'disabled="disabled"'; ?> />
35
  </div><!--optionmiddle-->
36
  <div class="optionlast">
37
 
@@ -51,22 +51,22 @@
51
  </script>
52
  <div id="optinforms_explain_form_exclude_posts" style="display:none;">
53
  <div class="optinforms-help">
54
- <p><?php echo __('To exclude the form on certain posts, enter a comma separated list of post ID\'s, e.g. 6, 27, 41', 'optinforms'); ?></p>
55
  </div><!--optinforms-help-->
56
  </div><!--optinforms_explain_form_exclude_posts-->
57
 
58
  <div class="optiongroup">
59
  <div class="optionleft">
60
- <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('On pages', 'optinforms'); ?></label>
61
  </div><!--optionleft-->
62
  <div class="optionmiddle">
63
- <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_1" type="radio" value="1" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '1') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optinforms'); ?></label>
64
  <div class="clear"></div>
65
- <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_2" type="radio" value="2" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '2') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optinforms'); ?></label>
66
  <div class="clear"></div>
67
- <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_3" type="radio" value="3" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '') echo 'checked="checked"'; if (get_option('optinforms_form_placement_page')== '3') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_3" class="radiobutton-label"><?php echo __('After the page', 'optinforms'); ?></label>
68
  <div class="clear"></div>
69
- <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_4" type="radio" value="4" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=true;" <?php if (get_option('optinforms_form_placement_page')== '4') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_4" class="radiobutton-label"><?php echo __('Don\'t display on pages', 'optinforms'); ?></label>
70
  <div class="clear"></div>
71
  </div><!--optionmiddle-->
72
  <div class="optionlast">
@@ -78,10 +78,10 @@
78
 
79
  <div class="optiongroup">
80
  <div class="optionleft">
81
- <label for="optinforms_form_exclude_pages" class="nopointer"><?php echo __('Exclude on pages', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_form_exclude_pages()"><span class="explain">?</span></a></label>
82
  </div><!--optionleft-->
83
  <div class="optionmiddle">
84
- <input type="text" id="optinforms_form_exclude_pages" name="optinforms_form_exclude_pages" value="<?php echo optinforms_form_exclude_pages(); ?>" <?php if (get_option('optinforms_form_placement_page')== '4') echo 'disabled="disabled"'; ?> />
85
  </div><!--optionmiddle-->
86
  <div class="optionlast">
87
 
@@ -101,13 +101,13 @@
101
  </script>
102
  <div id="optinforms_explain_form_exclude_pages" style="display:none;">
103
  <div class="optinforms-help">
104
- <p><?php echo __('To exclude the form on certain pages, enter a comma separated list of page ID\'s, e.g. 12, 43, 57', 'optinforms'); ?></p>
105
  </div><!--optinforms-help-->
106
  </div><!--optinforms_explain_form_exclude_pages-->
107
 
108
  <div class="optiongroup">
109
  <div class="optionleft">
110
- <label for="optinforms_form_shortcode" class="nopointer"><?php echo __('Shortcode', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_form_shortcode()"><span class="explain">?</span></a></label>
111
  </div><!--optionleft-->
112
  <div class="optionmiddle">
113
  <input type="text" id="optinforms_form_shortcode" name="optinforms_form_shortcode" value="[optinform]" readonly="readonly" />
@@ -130,18 +130,18 @@
130
  </script>
131
  <div id="optinforms_explain_form_shortcode" style="display:none;">
132
  <div class="optinforms-help">
133
- <p><?php echo __('Use the following shortcode to add your form to any post, page or custom post type. Simply paste the shortcode in your editor and you\'re done. For example, you can disable the automatic inclusion of forms on posts and pages and manually add forms to posts and pages of your choice.', 'optinforms'); ?></p>
134
  </div><!--optinforms-help-->
135
  </div><!--optinforms_explain_form_exclude_pages-->
136
 
137
  <div class="optiongroup">
138
- <p><?php echo __('If you enjoy our plugin, please consider including a small "Powered by Optin Forms" link below your form. You would help us find new users, which would in turn result in even better features ;)', 'optinforms'); ?></p>
139
  <div class="optionleft">
140
- <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('Powered by Optin Forms link', 'optinforms'); ?></label>
141
  </div><!--optionleft-->
142
  <div class="optionmiddle">
143
- <input name="optinforms_powered_by" id="optinforms_powered_by_show" type="radio" value="1" class="radiobutton" <?php echo optinforms_powered_by_show(); ?> /> <label for="optinforms_powered_by_show" class="radiobutton-label">Show</label>
144
- <input name="optinforms_powered_by" id="optinforms_powered_by_hide" type="radio" value="0" class="radiobutton" <?php echo optinforms_powered_by_hide(); ?> /> <label for="optinforms_powered_by_hide" class="radiobutton-label">Hide</label>
145
  <div class="clear"></div>
146
  </div><!--optionmiddle-->
147
  <div class="optionlast">
1
  <?php ?>
2
 
3
+ <div class="toggle-wrap">
4
+ <span class="trigger">
5
+ <a><?php echo __('Form Placement', 'optin-forms'); ?></a>
6
  </span>
7
  <div class="toggle-container" style="display: none;">
8
  <div class="optiongroup">
9
  <div class="optionleft">
10
+ <label for="optinforms_form_placement_post" class="nopointer"><?php echo __('On posts and custom post types', 'optin-forms'); ?></label>
11
  </div><!--optionleft-->
12
  <div class="optionmiddle">
13
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_1" type="radio" value="1" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '1') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_post_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optin-forms'); ?></label>
14
  <div class="clear"></div>
15
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_2" type="radio" value="2" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '2') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_post_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optin-forms'); ?></label>
16
  <div class="clear"></div>
17
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_3" type="radio" value="3" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=false;" <?php if (get_option('optinforms_form_placement_post')== '') { echo 'checked="checked"'; } if (get_option('optinforms_form_placement_post')== '3') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_post_3" class="radiobutton-label"><?php echo __('After the post', 'optin-forms'); ?></label>
18
  <div class="clear"></div>
19
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_4" type="radio" value="4" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_posts').disabled=true;" <?php if (get_option('optinforms_form_placement_post')== '4') { echo 'checked="checked"';} ?> /> <label for="optinforms_form_placement_post_4" class="radiobutton-label"><?php echo __('Don\'t display on posts and custom post types', 'optin-forms'); ?></label>
20
  <div class="clear"></div>
21
  </div><!--optionmiddle-->
22
  <div class="optionlast">
28
 
29
  <div class="optiongroup">
30
  <div class="optionleft">
31
+ <label for="optinforms_form_exclude_posts" class="nopointer"><?php echo __('Exclude on posts', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_form_exclude_posts()"><span class="explain">?</span></a></label>
32
  </div><!--optionleft-->
33
  <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form_exclude_posts" name="optinforms_form_exclude_posts" value="<?php echo optinforms_form_exclude_posts(); ?>" <?php if (get_option('optinforms_form_placement_post')== '4') { echo 'disabled="disabled"'; } ?> />
35
  </div><!--optionmiddle-->
36
  <div class="optionlast">
37
 
51
  </script>
52
  <div id="optinforms_explain_form_exclude_posts" style="display:none;">
53
  <div class="optinforms-help">
54
+ <p><?php echo __('To exclude the form on certain posts, enter a comma separated list of post ID\'s, e.g. 6, 27, 41', 'optin-forms'); ?></p>
55
  </div><!--optinforms-help-->
56
  </div><!--optinforms_explain_form_exclude_posts-->
57
 
58
  <div class="optiongroup">
59
  <div class="optionleft">
60
+ <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('On pages', 'optin-forms'); ?></label>
61
  </div><!--optionleft-->
62
  <div class="optionmiddle">
63
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_1" type="radio" value="1" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '1') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_page_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optin-forms'); ?></label>
64
  <div class="clear"></div>
65
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_2" type="radio" value="2" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '2') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_page_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optin-forms'); ?></label>
66
  <div class="clear"></div>
67
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_3" type="radio" value="3" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=false;" <?php if (get_option('optinforms_form_placement_page')== '') { echo 'checked="checked"'; } if (get_option('optinforms_form_placement_page')== '3') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_page_3" class="radiobutton-label"><?php echo __('After the page', 'optin-forms'); ?></label>
68
  <div class="clear"></div>
69
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_4" type="radio" value="4" class="radiobutton" onclick="document.getElementById('optinforms_form_exclude_pages').disabled=true;" <?php if (get_option('optinforms_form_placement_page')== '4') { echo 'checked="checked"'; } ?> /> <label for="optinforms_form_placement_page_4" class="radiobutton-label"><?php echo __('Don\'t display on pages', 'optin-forms'); ?></label>
70
  <div class="clear"></div>
71
  </div><!--optionmiddle-->
72
  <div class="optionlast">
78
 
79
  <div class="optiongroup">
80
  <div class="optionleft">
81
+ <label for="optinforms_form_exclude_pages" class="nopointer"><?php echo __('Exclude on pages', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_form_exclude_pages()"><span class="explain">?</span></a></label>
82
  </div><!--optionleft-->
83
  <div class="optionmiddle">
84
+ <input type="text" id="optinforms_form_exclude_pages" name="optinforms_form_exclude_pages" value="<?php echo optinforms_form_exclude_pages(); ?>" <?php if (get_option('optinforms_form_placement_page')== '4') { echo 'disabled="disabled"'; } ?> />
85
  </div><!--optionmiddle-->
86
  <div class="optionlast">
87
 
101
  </script>
102
  <div id="optinforms_explain_form_exclude_pages" style="display:none;">
103
  <div class="optinforms-help">
104
+ <p><?php echo __('To exclude the form on certain pages, enter a comma separated list of page ID\'s, e.g. 12, 43, 57', 'optin-forms'); ?></p>
105
  </div><!--optinforms-help-->
106
  </div><!--optinforms_explain_form_exclude_pages-->
107
 
108
  <div class="optiongroup">
109
  <div class="optionleft">
110
+ <label for="optinforms_form_shortcode" class="nopointer"><?php echo __('Shortcode', 'optin-forms'); ?></label> <label><a onclick="optinforms_explain_form_shortcode()"><span class="explain">?</span></a></label>
111
  </div><!--optionleft-->
112
  <div class="optionmiddle">
113
  <input type="text" id="optinforms_form_shortcode" name="optinforms_form_shortcode" value="[optinform]" readonly="readonly" />
130
  </script>
131
  <div id="optinforms_explain_form_shortcode" style="display:none;">
132
  <div class="optinforms-help">
133
+ <p><?php echo __('Use the following shortcode to add your form to any post, page or custom post type. Simply paste the shortcode in your editor and you\'re done. For example, you can disable the automatic inclusion of forms on posts and pages and manually add forms to posts and pages of your choice.', 'optin-forms'); ?></p>
134
  </div><!--optinforms-help-->
135
  </div><!--optinforms_explain_form_exclude_pages-->
136
 
137
  <div class="optiongroup">
138
+ <p><?php echo __('If you enjoy our plugin, please consider including a small "Powered by Optin Forms" link below your form. You would help us find new users, which would in turn result in even better features ;)', 'optin-forms'); ?></p>
139
  <div class="optionleft">
140
+ <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('Powered by Optin Forms link', 'optin-forms'); ?></label>
141
  </div><!--optionleft-->
142
  <div class="optionmiddle">
143
+ <input name="optinforms_powered_by" id="optinforms_powered_by_show" type="radio" value="1" class="radiobutton" <?php echo optinforms_powered_by_show(); ?> /> <label for="optinforms_powered_by_show" class="radiobutton-label"><?php echo __('Show', 'optin-forms'); ?></label>
144
+ <input name="optinforms_powered_by" id="optinforms_powered_by_hide" type="radio" value="0" class="radiobutton" <?php echo optinforms_powered_by_hide(); ?> /> <label for="optinforms_powered_by_hide" class="radiobutton-label"><?php echo __('Hide', 'optin-forms'); ?></label>
145
  <div class="clear"></div>
146
  </div><!--optionmiddle-->
147
  <div class="optionlast">
includes/preview-form-1.php CHANGED
@@ -1,23 +1,22 @@
1
  <?php ?>
2
- <div id="optinforms-form1-container">
3
  <div id="optinforms-form1" style="background:<?php echo optinforms_form1_default_background(); ?>; border-color:<?php echo optinforms_form1_default_border(); ?>">
4
- <p id="optinforms-form1-title" style="font-family:<?php echo optinforms_form1_default_title_font(); ?>; font-size:<?php echo optinforms_form1_default_title_size(); ?>; line-height:<?php echo optinforms_form1_default_title_size(); ?>; color:<?php echo optinforms_form1_default_title_color(); ?>; <?php if (get_option('optinforms_form1_hide_title')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form1_default_title(); ?></p>
5
 
6
- <p id="optinforms-form1-subtitle" style="font-family:<?php echo optinforms_form1_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form1_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form1_default_subtitle_size(); ?>; <?php if (get_option('optinforms_form1_hide_subtitle')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form1_default_subtitle(); ?></p>
7
- <div id="optinforms-form1-name-field-container" <?php if (get_option('optinforms_form1_hide_name_field')== '1') echo 'style="display:none;"'; ?>>
8
  <input type="text" id="optinforms-form1-name-field" placeholder="<?php echo optinforms_form1_default_name_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
9
  </div><!--optinforms-form1-name-field-container-->
10
- <div id="optinforms-form1-email-field-container" <?php if (get_option('optinforms_form1_hide_name_field')== '1') echo 'style="width:78%;"'; ?>>
11
  <input type="text" id="optinforms-form1-email-field" placeholder="<?php echo optinforms_form1_default_email_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
12
  </div><!--optinforms-form1-email-field-container-->
13
  <div id="optinforms-form1-button-container">
14
  <input type="button" id="optinforms-form1-button" value="<?php echo optinforms_form1_default_button_text(); ?>" style="font-family:<?php echo optinforms_form1_default_button_text_font(); ?>; font-size:<?php echo optinforms_form1_default_button_text_size(); ?>; color:<?php echo optinforms_form1_default_button_text_color(); ?>; background-color:<?php echo optinforms_form1_default_button_background(); ?>" />
15
  </div><!--optinforms-form1-button-container-->
16
  <div class="clear"></div>
17
- <p id="optinforms-form1-disclaimer" style="font-family:<?php echo optinforms_form1_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form1_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form1_default_disclaimer_size(); ?>; color:<?php echo optinforms_form1_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form1_default_disclaimer(); ?></p>
18
  </div><!--optinforms-form1-->
19
  </div><!--optinforms-form1-container-->
20
- <div class="clear"></div>
21
-
22
 
23
  <?php ?>
1
  <?php ?>
2
+ <div id="optinforms-form1-container">
3
  <div id="optinforms-form1" style="background:<?php echo optinforms_form1_default_background(); ?>; border-color:<?php echo optinforms_form1_default_border(); ?>">
4
+ <p id="optinforms-form1-title" style="font-family:<?php echo optinforms_form1_default_title_font(); ?>; font-size:<?php echo optinforms_form1_default_title_size(); ?>; line-height:<?php echo optinforms_form1_default_title_size(); ?>; color:<?php echo optinforms_form1_default_title_color(); ?>; <?php if (get_option('optinforms_form1_hide_title')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form1_default_title(); ?></p>
5
 
6
+ <p id="optinforms-form1-subtitle" style="font-family:<?php echo optinforms_form1_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form1_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form1_default_subtitle_size(); ?>; <?php if (get_option('optinforms_form1_hide_subtitle')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form1_default_subtitle(); ?></p>
7
+ <div id="optinforms-form1-name-field-container" <?php if (get_option('optinforms_form1_hide_name_field')== '1') { echo 'style="display:none;"'; } ?>>
8
  <input type="text" id="optinforms-form1-name-field" placeholder="<?php echo optinforms_form1_default_name_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
9
  </div><!--optinforms-form1-name-field-container-->
10
+ <div id="optinforms-form1-email-field-container" <?php if (get_option('optinforms_form1_hide_name_field')== '1') { echo 'style="width:78%;"'; } ?>>
11
  <input type="text" id="optinforms-form1-email-field" placeholder="<?php echo optinforms_form1_default_email_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
12
  </div><!--optinforms-form1-email-field-container-->
13
  <div id="optinforms-form1-button-container">
14
  <input type="button" id="optinforms-form1-button" value="<?php echo optinforms_form1_default_button_text(); ?>" style="font-family:<?php echo optinforms_form1_default_button_text_font(); ?>; font-size:<?php echo optinforms_form1_default_button_text_size(); ?>; color:<?php echo optinforms_form1_default_button_text_color(); ?>; background-color:<?php echo optinforms_form1_default_button_background(); ?>" />
15
  </div><!--optinforms-form1-button-container-->
16
  <div class="clear"></div>
17
+ <p id="optinforms-form1-disclaimer" style="font-family:<?php echo optinforms_form1_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form1_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form1_default_disclaimer_size(); ?>; color:<?php echo optinforms_form1_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form1_hide_disclaimer')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form1_default_disclaimer(); ?></p>
18
  </div><!--optinforms-form1-->
19
  </div><!--optinforms-form1-container-->
20
+ <div class="clear"></div>
 
21
 
22
  <?php ?>
includes/preview-form-2.php CHANGED
@@ -1,22 +1,21 @@
1
  <?php ?>
2
- <div id="optinforms-form2-container">
3
  <div id="optinforms-form2" style="background: <?php echo optinforms_form2_default_background(); ?>;">
4
- <div id="optinforms-form2-title-container" <?php if (get_option('optinforms_form2_hide_title')== '1') echo 'style="display:none;"'; ?>>
5
  <div id="optinforms-form2-title" style="font-family:<?php echo optinforms_form2_default_title_font(); ?>; font-size:<?php echo optinforms_form2_default_title_size(); ?>; line-height:<?php echo optinforms_form2_default_title_size(); ?>; color:<?php echo optinforms_form2_default_title_color(); ?>"><?php echo optinforms_form2_default_title(); ?></div><!--optinforms-form2-title-->
6
  </div><!--optinforms-form2-title-container-->
7
- <div id="optinforms-form2-email-field-container" <?php if (get_option('optinforms_form2_hide_title')== '1' && get_option('optinforms_form2_hide_disclaimer')== '1') echo 'style="width:80%;"'; elseif (get_option('optinforms_form2_hide_title')== '1') echo 'style="width:62%;"'; elseif (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'style="width:48%;"' ?>>
8
  <input type="text" id="optinforms-form2-email-field" placeholder="<?php echo optinforms_form2_default_email_field(); ?>" style="font-family:<?php echo optinforms_form2_default_fields_font(); ?>; font-size:<?php echo optinforms_form2_default_fields_size(); ?>; color:<?php echo optinforms_form2_default_fields_color(); ?>;" />
9
  </div><!--optinforms-form2-email-field-container-->
10
  <div id="optinforms-form2-button-container">
11
  <input type="button" id="optinforms-form2-button" value="<?php echo optinforms_form2_default_button_text(); ?>" style="font-family:<?php echo optinforms_form2_default_button_text_font(); ?>; font-size:<?php echo optinforms_form2_default_button_text_size(); ?>; color:<?php echo optinforms_form2_default_button_text_color(); ?>; background-color:<?php echo optinforms_form2_default_button_background(); ?>" />
12
  </div><!--optinforms-form2-button-container-->
13
- <div id="optinforms-form2-disclaimer-container" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') echo 'style="display:none;"'; ?>>
14
  <p id="optinforms-form2-disclaimer" style="font-family:<?php echo optinforms_form2_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form2_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form2_default_disclaimer_size(); ?>; color:<?php echo optinforms_form2_default_disclaimer_color(); ?>"><?php echo optinforms_form2_default_disclaimer(); ?></p>
15
  </div><!--optinforms-form2-disclaimer-container-->
16
  <div class="clear"></div>
17
  </div><!--optinforms-form2-->
18
  </div><!--optinforms-form2-container-->
19
  <div class="clear"></div>
20
-
21
 
22
  <?php ?>
1
  <?php ?>
2
+ <div id="optinforms-form2-container">
3
  <div id="optinforms-form2" style="background: <?php echo optinforms_form2_default_background(); ?>;">
4
+ <div id="optinforms-form2-title-container" <?php if (get_option('optinforms_form2_hide_title')== '1') { echo 'style="display:none;"'; } ?>>
5
  <div id="optinforms-form2-title" style="font-family:<?php echo optinforms_form2_default_title_font(); ?>; font-size:<?php echo optinforms_form2_default_title_size(); ?>; line-height:<?php echo optinforms_form2_default_title_size(); ?>; color:<?php echo optinforms_form2_default_title_color(); ?>"><?php echo optinforms_form2_default_title(); ?></div><!--optinforms-form2-title-->
6
  </div><!--optinforms-form2-title-container-->
7
+ <div id="optinforms-form2-email-field-container" <?php if (get_option('optinforms_form2_hide_title')== '1' && get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'style="width:80%;"'; } elseif (get_option('optinforms_form2_hide_title')== '1') { echo 'style="width:62%;"'; } elseif (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'style="width:48%;"'; } ?>>
8
  <input type="text" id="optinforms-form2-email-field" placeholder="<?php echo optinforms_form2_default_email_field(); ?>" style="font-family:<?php echo optinforms_form2_default_fields_font(); ?>; font-size:<?php echo optinforms_form2_default_fields_size(); ?>; color:<?php echo optinforms_form2_default_fields_color(); ?>;" />
9
  </div><!--optinforms-form2-email-field-container-->
10
  <div id="optinforms-form2-button-container">
11
  <input type="button" id="optinforms-form2-button" value="<?php echo optinforms_form2_default_button_text(); ?>" style="font-family:<?php echo optinforms_form2_default_button_text_font(); ?>; font-size:<?php echo optinforms_form2_default_button_text_size(); ?>; color:<?php echo optinforms_form2_default_button_text_color(); ?>; background-color:<?php echo optinforms_form2_default_button_background(); ?>" />
12
  </div><!--optinforms-form2-button-container-->
13
+ <div id="optinforms-form2-disclaimer-container" <?php if (get_option('optinforms_form2_hide_disclaimer')== '1') { echo 'style="display:none;"'; } ?>>
14
  <p id="optinforms-form2-disclaimer" style="font-family:<?php echo optinforms_form2_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form2_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form2_default_disclaimer_size(); ?>; color:<?php echo optinforms_form2_default_disclaimer_color(); ?>"><?php echo optinforms_form2_default_disclaimer(); ?></p>
15
  </div><!--optinforms-form2-disclaimer-container-->
16
  <div class="clear"></div>
17
  </div><!--optinforms-form2-->
18
  </div><!--optinforms-form2-container-->
19
  <div class="clear"></div>
 
20
 
21
  <?php ?>
includes/preview-form-3.php CHANGED
@@ -1,13 +1,13 @@
1
  <?php ?>
2
- <div id="optinforms-form3-container">
3
  <div id="optinforms-form3">
4
  <div id="optinforms-form3-inside" style="background: <?php echo optinforms_form3_default_background(); ?>;">
5
- <div id="optinforms-form3-container-left" <?php if (get_option('optinforms_form3_hide_title')== '1' && get_option('optinforms_form3_hide_subtitle')== '1') echo 'style="display:none;"'; ?>>
6
- <div id="optinforms-form3-title" style="font-family:<?php echo optinforms_form3_default_title_font(); ?>; font-size:<?php echo optinforms_form3_default_title_size(); ?>; line-height:<?php echo optinforms_form3_default_title_size(); ?>; color:<?php echo optinforms_form3_default_title_color(); ?>; <?php if (get_option('optinforms_form3_hide_title')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form3_default_title(); ?></div><!--optinforms-form3-title-->
7
- <div id="optinforms-form3-subtitle" style="font-family:<?php echo optinforms_form3_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form3_default_subtitle_size(); ?>; color:<?php echo optinforms_form3_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form3_hide_subtitle')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form3_default_subtitle(); ?></div><!--optinforms-form3-subtitle-->
8
  </div><!--optinforms-form3-container-left-->
9
- <div id="optinforms-form3-container-right" <?php if (get_option('optinforms_form3_hide_title')== '1' && get_option('optinforms_form3_hide_subtitle')== '1') echo 'style="margin:10px 0 0 0;width:100%;"'; ?>>
10
- <input type="text" id="optinforms-form3-name-field" placeholder="<?php echo optinforms_form3_default_name_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>; <?php if (get_option('optinforms_form3_hide_name_field')== '1') echo 'display:none;'; ?>" />
11
  <input type="text" id="optinforms-form3-email-field" placeholder="<?php echo optinforms_form3_default_email_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>" />
12
  <input type="button" id="optinforms-form3-button" value="<?php echo optinforms_form3_default_button_text(); ?>" style="font-family:<?php echo optinforms_form3_default_button_text_font(); ?>; font-size:<?php echo optinforms_form3_default_button_text_size(); ?>; color:<?php echo optinforms_form3_default_button_text_color(); ?>; background-color:<?php echo optinforms_form3_default_button_background(); ?>" />
13
  </div><!--optinforms-form3-container-right-->
@@ -15,7 +15,6 @@
15
  </div><!--optinforms-form3-inside-->
16
  </div><!--optinforms-form3-->
17
  </div><!--optinforms-form3-container-->
18
- <div class="clear"></div>
19
-
20
 
21
  <?php ?>
1
  <?php ?>
2
+ <div id="optinforms-form3-container">
3
  <div id="optinforms-form3">
4
  <div id="optinforms-form3-inside" style="background: <?php echo optinforms_form3_default_background(); ?>;">
5
+ <div id="optinforms-form3-container-left" <?php if (get_option('optinforms_form3_hide_title')== '1' && get_option('optinforms_form3_hide_subtitle')== '1') { echo 'style="display:none;"'; } ?>>
6
+ <div id="optinforms-form3-title" style="font-family:<?php echo optinforms_form3_default_title_font(); ?>; font-size:<?php echo optinforms_form3_default_title_size(); ?>; line-height:<?php echo optinforms_form3_default_title_size(); ?>; color:<?php echo optinforms_form3_default_title_color(); ?>; <?php if (get_option('optinforms_form3_hide_title')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form3_default_title(); ?></div><!--optinforms-form3-title-->
7
+ <div id="optinforms-form3-subtitle" style="font-family:<?php echo optinforms_form3_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form3_default_subtitle_size(); ?>; color:<?php echo optinforms_form3_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form3_hide_subtitle')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form3_default_subtitle(); ?></div><!--optinforms-form3-subtitle-->
8
  </div><!--optinforms-form3-container-left-->
9
+ <div id="optinforms-form3-container-right" <?php if (get_option('optinforms_form3_hide_title')== '1' && get_option('optinforms_form3_hide_subtitle')== '1') { echo 'style="margin:10px 0 0 0;width:100%;"'; } ?>>
10
+ <input type="text" id="optinforms-form3-name-field" placeholder="<?php echo optinforms_form3_default_name_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>; <?php if (get_option('optinforms_form3_hide_name_field')== '1') { echo 'display:none;'; } ?>" />
11
  <input type="text" id="optinforms-form3-email-field" placeholder="<?php echo optinforms_form3_default_email_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>" />
12
  <input type="button" id="optinforms-form3-button" value="<?php echo optinforms_form3_default_button_text(); ?>" style="font-family:<?php echo optinforms_form3_default_button_text_font(); ?>; font-size:<?php echo optinforms_form3_default_button_text_size(); ?>; color:<?php echo optinforms_form3_default_button_text_color(); ?>; background-color:<?php echo optinforms_form3_default_button_background(); ?>" />
13
  </div><!--optinforms-form3-container-right-->
15
  </div><!--optinforms-form3-inside-->
16
  </div><!--optinforms-form3-->
17
  </div><!--optinforms-form3-container-->
18
+ <div class="clear"></div>
 
19
 
20
  <?php ?>
includes/preview-form-4.php CHANGED
@@ -1,14 +1,13 @@
1
  <?php ?>
2
- <div id="optinforms-form4-container">
3
  <div id="optinforms-form4" style="background:<?php echo optinforms_form4_default_background(); ?>; border-color:<?php echo optinforms_form4_default_border(); ?>">
4
- <div id="optinforms-form4-title" style="font-family:<?php echo optinforms_form4_default_title_font(); ?>; font-size:<?php echo optinforms_form4_default_title_size(); ?>; line-height:<?php echo optinforms_form4_default_title_size(); ?>; color:<?php echo optinforms_form4_default_title_color(); ?>; <?php if (get_option('optinforms_form4_hide_title')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form4_default_title(); ?></div><!--optinforms-form4-title-->
5
- <div id="optinforms-form4-subtitle" style="font-family:<?php echo optinforms_form4_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form4_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form4_default_subtitle_size(); ?>; color: <?php echo optinforms_form4_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form4_hide_subtitle')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form4_default_subtitle(); ?></div><!--optinforms-form4-subtitle-->
6
  <input type="text" id="optinforms-form4-email-field" placeholder="<?php echo optinforms_form4_default_email_field(); ?>" style="font-family:<?php echo optinforms_form4_default_fields_font(); ?>; font-size:<?php echo optinforms_form4_default_fields_size(); ?>; color:<?php echo optinforms_form4_default_fields_color(); ?>" />
7
  <input type="button" id="optinforms-form4-button" value="<?php echo optinforms_form4_default_button_text(); ?>" style="font-family:<?php echo optinforms_form4_default_button_text_font(); ?>; font-size:<?php echo optinforms_form4_default_button_text_size(); ?>; color:<?php echo optinforms_form4_default_button_text_color(); ?>; background-color:<?php echo optinforms_form4_default_button_background(); ?>" />
8
- <div id="optinforms-form4-disclaimer" style="font-family:<?php echo optinforms_form4_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form4_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form4_default_disclaimer_size(); ?>; color:<?php echo optinforms_form4_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form4_default_disclaimer(); ?></div><!--optinforms-form4-disclaimer-->
9
  </div><!--optinforms-form4-->
10
  </div><!--optinforms-form4-container-->
11
- <div class="clear"></div>
12
-
13
 
14
  <?php ?>
1
  <?php ?>
2
+ <div id="optinforms-form4-container">
3
  <div id="optinforms-form4" style="background:<?php echo optinforms_form4_default_background(); ?>; border-color:<?php echo optinforms_form4_default_border(); ?>">
4
+ <div id="optinforms-form4-title" style="font-family:<?php echo optinforms_form4_default_title_font(); ?>; font-size:<?php echo optinforms_form4_default_title_size(); ?>; line-height:<?php echo optinforms_form4_default_title_size(); ?>; color:<?php echo optinforms_form4_default_title_color(); ?>; <?php if (get_option('optinforms_form4_hide_title')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form4_default_title(); ?></div><!--optinforms-form4-title-->
5
+ <div id="optinforms-form4-subtitle" style="font-family:<?php echo optinforms_form4_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form4_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form4_default_subtitle_size(); ?>; color: <?php echo optinforms_form4_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form4_hide_subtitle')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form4_default_subtitle(); ?></div><!--optinforms-form4-subtitle-->
6
  <input type="text" id="optinforms-form4-email-field" placeholder="<?php echo optinforms_form4_default_email_field(); ?>" style="font-family:<?php echo optinforms_form4_default_fields_font(); ?>; font-size:<?php echo optinforms_form4_default_fields_size(); ?>; color:<?php echo optinforms_form4_default_fields_color(); ?>" />
7
  <input type="button" id="optinforms-form4-button" value="<?php echo optinforms_form4_default_button_text(); ?>" style="font-family:<?php echo optinforms_form4_default_button_text_font(); ?>; font-size:<?php echo optinforms_form4_default_button_text_size(); ?>; color:<?php echo optinforms_form4_default_button_text_color(); ?>; background-color:<?php echo optinforms_form4_default_button_background(); ?>" />
8
+ <div id="optinforms-form4-disclaimer" style="font-family:<?php echo optinforms_form4_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form4_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form4_default_disclaimer_size(); ?>; color:<?php echo optinforms_form4_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form4_hide_disclaimer')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form4_default_disclaimer(); ?></div><!--optinforms-form4-disclaimer-->
9
  </div><!--optinforms-form4-->
10
  </div><!--optinforms-form4-container-->
11
+ <div class="clear"></div>
 
12
 
13
  <?php ?>
includes/preview-form-5.php CHANGED
@@ -1,20 +1,19 @@
1
  <?php ?>
2
- <div id="optinforms-form5-container">
3
  <div id="optinforms-form5" style="background: <?php echo optinforms_form5_default_background(); ?>;">
4
- <div id="optinforms-form5-container-left" <?php if (get_option('optinforms_form5_hide_subtitle')== '1' && get_option('optinforms_form5_hide_disclaimer')== '1') echo 'style="width:100%;margin:10px 0;"'; ?>>
5
- <div id="optinforms-form5-title" style="font-family:<?php echo optinforms_form5_default_title_font(); ?>; font-size:<?php echo optinforms_form5_default_title_size(); ?>; line-height:<?php echo optinforms_form5_default_title_size(); ?>; color:<?php echo optinforms_form5_default_title_color(); ?>; <?php if (get_option('optinforms_form5_hide_title')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form5_default_title(); ?></div><!--optinforms-form5-title-->
6
- <input type="text" id="optinforms-form5-name-field" placeholder="<?php echo optinforms_form5_default_name_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>; <?php if (get_option('optinforms_form5_hide_name_field')== '1') echo 'display:none;'; ?>" />
7
  <input type="text" id="optinforms-form5-email-field" placeholder="<?php echo optinforms_form5_default_email_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>" />
8
  <input type="button" id="optinforms-form5-button" value="<?php echo optinforms_form5_default_button_text(); ?>" style="font-family:<?php echo optinforms_form5_default_button_text_font(); ?>; font-size:<?php echo optinforms_form5_default_button_text_size(); ?>; color:<?php echo optinforms_form5_default_button_text_color(); ?>; background-color:<?php echo optinforms_form5_default_button_background(); ?>" />
9
  </div><!--optinforms-form5-container-left-->
10
- <div id="optinforms-form5-container-right" <?php if (get_option('optinforms_form5_hide_subtitle')== '1' && get_option('optinforms_form5_hide_disclaimer')== '1') echo 'style="display:none;"'; ?>>
11
- <div id="optinforms-form5-subtitle" style="font-family:<?php echo optinforms_form5_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form5_default_subtitle_size(); ?>; color:<?php echo optinforms_form5_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'display:none;'; ?>"><?php echo optinforms_form5_default_subtitle(); ?></div><!--optinforms-form5-subtitle-->
12
- <div id="optinforms-form5-disclaimer" style="font-family:<?php echo optinforms_form5_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form5_default_disclaimer_size(); ?>; color:<?php echo optinforms_form5_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') echo 'display:none;'; ?> <?php if (get_option('optinforms_form5_hide_subtitle')== '1') echo 'margin: 0 20px;'; ?>"><?php echo optinforms_form5_default_disclaimer(); ?></div><!--optinforms-form5-disclaimer-->
13
  </div><!--optinforms-form5-container-right-->
14
  <div class="clear"></div>
15
  </div><!--optinforms-form5-->
16
  </div><!--optinforms-form5-container-->
17
- <div class="clear"></div>
18
-
19
 
20
  <?php ?>
1
  <?php ?>
2
+ <div id="optinforms-form5-container">
3
  <div id="optinforms-form5" style="background: <?php echo optinforms_form5_default_background(); ?>;">
4
+ <div id="optinforms-form5-container-left" <?php if (get_option('optinforms_form5_hide_subtitle')== '1' && get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'style="width:100%;margin:10px 0;"'; } ?>>
5
+ <div id="optinforms-form5-title" style="font-family:<?php echo optinforms_form5_default_title_font(); ?>; font-size:<?php echo optinforms_form5_default_title_size(); ?>; line-height:<?php echo optinforms_form5_default_title_size(); ?>; color:<?php echo optinforms_form5_default_title_color(); ?>; <?php if (get_option('optinforms_form5_hide_title')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form5_default_title(); ?></div><!--optinforms-form5-title-->
6
+ <input type="text" id="optinforms-form5-name-field" placeholder="<?php echo optinforms_form5_default_name_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>; <?php if (get_option('optinforms_form5_hide_name_field')== '1') { echo 'display:none;'; } ?>" />
7
  <input type="text" id="optinforms-form5-email-field" placeholder="<?php echo optinforms_form5_default_email_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>" />
8
  <input type="button" id="optinforms-form5-button" value="<?php echo optinforms_form5_default_button_text(); ?>" style="font-family:<?php echo optinforms_form5_default_button_text_font(); ?>; font-size:<?php echo optinforms_form5_default_button_text_size(); ?>; color:<?php echo optinforms_form5_default_button_text_color(); ?>; background-color:<?php echo optinforms_form5_default_button_background(); ?>" />
9
  </div><!--optinforms-form5-container-left-->
10
+ <div id="optinforms-form5-container-right" <?php if (get_option('optinforms_form5_hide_subtitle')== '1' && get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'style="display:none;"'; } ?>>
11
+ <div id="optinforms-form5-subtitle" style="font-family:<?php echo optinforms_form5_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form5_default_subtitle_size(); ?>; color:<?php echo optinforms_form5_default_subtitle_color(); ?>; <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'display:none;'; } ?>"><?php echo optinforms_form5_default_subtitle(); ?></div><!--optinforms-form5-subtitle-->
12
+ <div id="optinforms-form5-disclaimer" style="font-family:<?php echo optinforms_form5_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form5_default_disclaimer_size(); ?>; color:<?php echo optinforms_form5_default_disclaimer_color(); ?>; <?php if (get_option('optinforms_form5_hide_disclaimer')== '1') { echo 'display:none;'; } ?> <?php if (get_option('optinforms_form5_hide_subtitle')== '1') { echo 'margin: 0 20px;'; } ?>"><?php echo optinforms_form5_default_disclaimer(); ?></div><!--optinforms-form5-disclaimer-->
13
  </div><!--optinforms-form5-container-right-->
14
  <div class="clear"></div>
15
  </div><!--optinforms-form5-->
16
  </div><!--optinforms-form5-container-->
17
+ <div class="clear"></div>
 
18
 
19
  <?php ?>
includes/sidebar.php CHANGED
@@ -1,22 +1,18 @@
1
  <?php ?>
2
 
3
  <div class="optinforms-ad-product">
4
- <h4><a href="https://optinlock.com/?utm_source=sidebar&utm_medium=link&utm_campaign=OptinForms" target="_blank">Get More Subscribers with Optin Lock</a></h4>
5
- <p>Boost your conversion rates by locking parts of your posts and pages. Serve your premium content to subscribers only.</p>
6
- <ul>
7
- <li>Create multiple lead-magnets</li>
8
- <li>Create unlimited optin forms</li>
9
- <li>Create unlimited lightbox popups</li>
10
- <li>Analyze built-in performance statistics</li>
11
- </ul>
12
- <div class="optinforms-ad-product-button"><a href="https://optinlock.com/?utm_source=sidebar&utm_medium=button&utm_campaign=OptinForms" target="_blank">Get Optin Lock Now!</a></div>
13
  </div><!--optinforms-ad-product-->
14
  <div class="optinforms-ad">
15
  <ul>
16
- <li><a href="http://wordpress.org/support/plugin/optin-forms" target="_blank"><?php echo __('Get support', 'optinforms'); ?></a></li>
17
- <li><a href="https://wordpress.org/support/view/plugin-reviews/optin-forms" target="_blank"><?php echo __('Rate the plugin on WordPress.org', 'optinforms'); ?></a></li>
18
- <li><a href="https://www.twitter.com/brs" target="_blank"><?php echo __('Follow me on Twitter', 'optinforms'); ?></a></li>
19
- <li><a href="https://plus.google.com/+BorisBeo" target="_blank"><?php echo __('Follow me on Google+', 'optinforms'); ?></a></li>
 
20
  </ul>
21
  </div><!--optinforms-ad-->
22
 
1
  <?php ?>
2
 
3
  <div class="optinforms-ad-product">
4
+ <h4><a href="https://optinlock.com/?utm_source=OptinForms&utm_medium=link&utm_campaign=sidebar" target="_blank">Optin Forms Pro</a></h4>
5
+ <p>We are working on something really cool but it may take a few weeks. Signup below to get notified when we launch. In the meantime if you're looking for a premium list building plugin, check out <a href="https://fancythemes.com/best-list-building-plugins-wordpress/?utm_source=OptinForms&utm_medium=button&utm_campaign=sidebar" target="_blank">our in-depth guide</a>.</p>
6
+
7
+ <div class="optinforms-ad-product-button"><a href="https://optinlock.com/?utm_source=OptinForms&utm_medium=button&utm_campaign=sidebar" target="_blank">Signup to Get Notified</a></div>
 
 
 
 
 
8
  </div><!--optinforms-ad-product-->
9
  <div class="optinforms-ad">
10
  <ul>
11
+ <li><a href="https://wordpress.org/support/plugin/optin-forms" target="_blank"><?php echo __('Get support', 'optin-forms'); ?></a></li>
12
+ <li><a href="https://wordpress.org/support/view/plugin-reviews/optin-forms" target="_blank"><?php echo __('Rate the plugin on WordPress.org', 'optin-forms'); ?></a></li>
13
+ <li><a href="https://translate.wordpress.org/projects/wp-plugins/optin-forms" target="_blank"><?php echo __('Translate Optin Forms into your language', 'optin-forms'); ?></a></li>
14
+ <li><a href="https://www.twitter.com/FancyThemes" target="_blank"><?php echo __('Follow me on Twitter', 'optin-forms'); ?></a></li>
15
+ <li><a href="https://fancythemes.com/best-wordpress-hosting-providers/" target="_blank"><?php echo __('WordPress Hosting', 'optin-forms'); ?></a></li>
16
  </ul>
17
  </div><!--optinforms-ad-->
18
 
optin-forms.php CHANGED
@@ -1,12 +1,12 @@
1
  <?php
2
  /*
3
  Plugin Name: Optin Forms
4
- Plugin URI: http://www.codeleon.com/wordpress/plugins/optin-forms
5
  Description: Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
6
  Author: Boris Beo
7
- Version: 1.1.7
8
  Author URI: http://www.codeleon.com
9
- Text Domain: optinforms
10
  Domain Path: /languages/
11
  License:
12
  Copyright 2015 codeleon.com
@@ -28,13 +28,13 @@ License:
28
  // Add translation to plugin
29
  function optinforms_init() {
30
  $plugin_dir = basename(dirname(__FILE__));
31
- load_plugin_textdomain( 'optinforms', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
32
  }
33
  add_action('plugins_loaded', 'optinforms_init');
34
 
35
  // Allow for translation of plugin description
36
  $plugin_header_translate = array(
37
- __('Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.', 'optinforms'),
38
  );
39
 
40
  // Add our menu to WordPress
@@ -44,7 +44,7 @@ function optinforms_menu()
44
  {
45
  // Since 1.1.2 added a menu position decimal fix to prevent conflict with other themes using 31, such as Thesis Theme
46
  // @http://gabrielharper.com/blog/2012/08/wordpress-admin-menu-positioning-conflicts/
47
- $submenu = add_menu_page(__('Optin Forms','menu-test'), __('Optin Forms','menu-test'), 'manage_options', 'optinforms', 'optinforms_main_page', plugins_url('optin-forms/images/icon.png'), '30.1');
48
 
49
  // We want our JS and CSS loaded on our admin pages only, so let's just load them for now
50
  add_action( 'load-' . $submenu, 'load_optinforms_admin_scripts' );
@@ -78,7 +78,7 @@ function optinforms_admin_scripts()
78
  wp_enqueue_script('placeholder', plugins_url('/js/placeholder.js', __FILE__ ));
79
  wp_enqueue_script('toggle', plugins_url('/js/custom.js', __FILE__ ));
80
  wp_enqueue_script('jquery-ui-slider');
81
- wp_register_style('optinforms-googleFont', 'http://fonts.googleapis.com/css?family=Share+Tech|Droid+Sans|Lobster|Fenix|Unkempt|Flavors|Viga|Damion|Oleo+Script|Racing+Sans+One|Nixie+One|Fredoka+One|Open+Sans|Overlock+SC|Bubbler+One|Contrail+One|Gochi+Hand|Roboto+Condensed|Russo+One|Cinzel+Decorative|News+Cycle|Marcellus+SC|Chewy|Quicksand|Sanchez|Signika+Negative|Gloria+Hallelujah|Grand+Hotel|Droid+Serif|Englebert|Oswald|Pacifico|Titan+One|Shadows+Into+Light|Dancing+Script|Luckiest+Guy|Parisienne|Coming+Soon|Baumans|Belgrano');
82
  }
83
 
84
  // Enqueue our form CSS on front end
@@ -114,7 +114,7 @@ function optinforms_main_page() {
114
 
115
  { ?>
116
  <div class="wrap">
117
- <h2><?php echo __('Optin Forms', 'optinforms'); ?></h2>
118
  <div id="icon-optinforms" class="icon32">
119
  </div><!--icon-32-->
120
  <h3 class="title"><?php echo optinforms_menu_tabs(); ?></h3>
@@ -124,7 +124,7 @@ function optinforms_main_page() {
124
 
125
  <?php if( isset($_GET['settings-updated']) ) { ?>
126
  <div id="message" class="updated">
127
- <p><strong><?php _e('Settings updated') ?></strong> - <?php echo __('If you like Optin Forms, you will love', 'optinforms'); ?> <a href="https://optinlock.com/?utm_source=SaveSettings&utm_medium=link&utm_campaign=OptinForms" target="_blank">Optin Lock</a></p>
128
  </div>
129
  <?php } ?>
130
 
@@ -145,17 +145,17 @@ function optinforms_main_page() {
145
  <div id="optinforms-posts-tab" class="tabcontent">
146
  <div class="optinforms-container-left">
147
  <div class="optiongroup">
148
- <p><?php echo __('Add a beautiful optin form to your posts, custom post types and pages. Include the form on your website with a simple mouse-click, or use the shortcode to add it to specific posts and pages.', 'optinforms'); ?></p>
149
  <div class="optionleft">
150
- <label for="optinforms_form_design" class="nopointer"><?php echo __('Form design', 'optinforms'); ?></label>
151
  </div><!--optionleft-->
152
  <div class="optionmiddle">
153
  <select name="optinforms_form_design" id="optinforms_form_design">
154
- <option value="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option1') echo 'selected="selected"'; ?>>01</option>
155
- <option value="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') echo 'selected="selected"'; ?>>02</option>
156
- <option value="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') echo 'selected="selected"'; ?>>03</option>
157
- <option value="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') echo 'selected="selected"'; ?>>04</option>
158
- <option value="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') echo 'selected="selected"'; ?>>05</option>
159
  </select>
160
  <script type="text/javascript">
161
  document.getElementById('optinforms_form_design').onchange = function() {
@@ -177,31 +177,31 @@ function optinforms_main_page() {
177
  </div><!--optiongroup-->
178
 
179
  <div class="optiongroup">
180
- <div id="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== '' || get_option('optinforms_form_design')== 'optinforms_form_design_option1') echo 'style="display:block;"'; ?>>
181
 
182
- <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-1.php'); ?>
183
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-1.php'); ?>
184
 
185
  </div><!--optinforms_form_design_option1-->
186
- <div id="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') echo 'style="display:block;"'; ?>>
187
 
188
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-2.php'); ?>
189
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-2.php'); ?>
190
 
191
  </div><!--optinforms_form_design_option2-->
192
- <div id="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') echo 'style="display:block;"'; ?>>
193
 
194
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-3.php'); ?>
195
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-3.php'); ?>
196
 
197
  </div><!--optinforms_form_design_option3-->
198
- <div id="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') echo 'style="display:block;"'; ?>>
199
 
200
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-4.php'); ?>
201
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-4.php'); ?>
202
 
203
  </div><!--optinforms_form_design_option4-->
204
- <div id="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') echo 'style="display:block;"'; ?>>
205
 
206
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-5.php'); ?>
207
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-5.php'); ?>
@@ -220,27 +220,15 @@ function optinforms_main_page() {
220
  </div><!--optinforms-posts-tab-->
221
 
222
  <script type="text/javascript">
223
- var wpthumbs=new ddtabcontent("optinforms-menu-tabs") //enter ID of Tab Container
224
- wpthumbs.setpersist(true) //toogle persistence of the tabs' state
225
- wpthumbs.setselectedClassTarget("link") //"link" or "linkparent"
226
- wpthumbs.init()
227
  </script>
228
 
229
  <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
230
  </form>
231
 
232
- <div id="emailbox">
233
- <form method="post" action="http://www.codeleon.com/send/form.php?form=5" id="frmSS5">
234
- <h3><?php echo __('Learn how to optimize your optin forms and get more subscribers right away!', 'optinforms'); ?></h3>
235
- <span><?php echo __('My email is', 'optinforms'); ?></span>
236
- <input type="text" name="email" value="<?php global $current_user; get_currentuserinfo(); echo $current_user->user_email; ?>" />
237
- <span><?php echo __('and my name is', 'optinforms'); ?></span>
238
- <input type="text" name="CustomFields[1]" id="CustomFields_1_5" value="<?php global $current_user; get_currentuserinfo(); echo $current_user->display_name; ?>">
239
- <input type="hidden" name="format" value="h" />
240
- <input type="submit" class="emailbox-subscribe" value="<?php echo __('Subscribe', 'optinforms'); ?>" />
241
- </form>
242
- </div><!--emailbox-->
243
-
244
  </div><!--optinforms-->
245
 
246
  <?php }
1
  <?php
2
  /*
3
  Plugin Name: Optin Forms
4
+ Plugin URI: http://codeleon.com/products/optin-forms/
5
  Description: Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
6
  Author: Boris Beo
7
+ Version: 1.1.8
8
  Author URI: http://www.codeleon.com
9
+ Text Domain: optin-forms
10
  Domain Path: /languages/
11
  License:
12
  Copyright 2015 codeleon.com
28
  // Add translation to plugin
29
  function optinforms_init() {
30
  $plugin_dir = basename(dirname(__FILE__));
31
+ load_plugin_textdomain( 'optin-forms', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
32
  }
33
  add_action('plugins_loaded', 'optinforms_init');
34
 
35
  // Allow for translation of plugin description
36
  $plugin_header_translate = array(
37
+ __('Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.', 'optin-forms'),
38
  );
39
 
40
  // Add our menu to WordPress
44
  {
45
  // Since 1.1.2 added a menu position decimal fix to prevent conflict with other themes using 31, such as Thesis Theme
46
  // @http://gabrielharper.com/blog/2012/08/wordpress-admin-menu-positioning-conflicts/
47
+ $submenu = add_menu_page(__('Optin Forms','optin-forms'), __('Optin Forms','optin-forms'), 'manage_options', 'optinforms', 'optinforms_main_page', plugins_url('optin-forms/images/icon.png'), '30.1');
48
 
49
  // We want our JS and CSS loaded on our admin pages only, so let's just load them for now
50
  add_action( 'load-' . $submenu, 'load_optinforms_admin_scripts' );
78
  wp_enqueue_script('placeholder', plugins_url('/js/placeholder.js', __FILE__ ));
79
  wp_enqueue_script('toggle', plugins_url('/js/custom.js', __FILE__ ));
80
  wp_enqueue_script('jquery-ui-slider');
81
+ wp_register_style('optinforms-googleFont', '//fonts.googleapis.com/css?family=Share+Tech|Droid+Sans|Lobster|Fenix|Unkempt|Flavors|Viga|Damion|Oleo+Script|Racing+Sans+One|Nixie+One|Fredoka+One|Open+Sans|Overlock+SC|Bubbler+One|Contrail+One|Gochi+Hand|Roboto+Condensed|Russo+One|Cinzel+Decorative|News+Cycle|Marcellus+SC|Chewy|Quicksand|Sanchez|Signika+Negative|Gloria+Hallelujah|Grand+Hotel|Droid+Serif|Englebert|Oswald|Pacifico|Titan+One|Shadows+Into+Light|Dancing+Script|Luckiest+Guy|Parisienne|Coming+Soon|Baumans|Belgrano');
82
  }
83
 
84
  // Enqueue our form CSS on front end
114
 
115
  { ?>
116
  <div class="wrap">
117
+ <h2><?php echo __('Optin Forms', 'optin-forms'); ?></h2>
118
  <div id="icon-optinforms" class="icon32">
119
  </div><!--icon-32-->
120
  <h3 class="title"><?php echo optinforms_menu_tabs(); ?></h3>
124
 
125
  <?php if( isset($_GET['settings-updated']) ) { ?>
126
  <div id="message" class="updated">
127
+ <p><strong><?php _e('Settings updated') ?></strong></p>
128
  </div>
129
  <?php } ?>
130
 
145
  <div id="optinforms-posts-tab" class="tabcontent">
146
  <div class="optinforms-container-left">
147
  <div class="optiongroup">
148
+ <p><?php echo __('Add a beautiful optin form to your posts, custom post types and pages. Include the form on your website with a simple mouse-click, or use the shortcode to add it to specific posts and pages.', 'optin-forms'); ?></p>
149
  <div class="optionleft">
150
+ <label for="optinforms_form_design" class="nopointer"><?php echo __('Form design', 'optin-forms'); ?></label>
151
  </div><!--optionleft-->
152
  <div class="optionmiddle">
153
  <select name="optinforms_form_design" id="optinforms_form_design">
154
+ <option value="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option1') { echo 'selected="selected"'; } ?>>01</option>
155
+ <option value="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') { echo 'selected="selected"'; } ?>>02</option>
156
+ <option value="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') { echo 'selected="selected"'; } ?>>03</option>
157
+ <option value="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') { echo 'selected="selected"'; } ?>>04</option>
158
+ <option value="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') { echo 'selected="selected"'; } ?>>05</option>
159
  </select>
160
  <script type="text/javascript">
161
  document.getElementById('optinforms_form_design').onchange = function() {
177
  </div><!--optiongroup-->
178
 
179
  <div class="optiongroup">
180
+ <div id="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== '' || get_option('optinforms_form_design')== 'optinforms_form_design_option1') { echo 'style="display:block;"'; } ?>>
181
 
182
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-1.php'); ?>
183
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-1.php'); ?>
184
 
185
  </div><!--optinforms_form_design_option1-->
186
+ <div id="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') { echo 'style="display:block;"'; } ?>>
187
 
188
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-2.php'); ?>
189
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-2.php'); ?>
190
 
191
  </div><!--optinforms_form_design_option2-->
192
+ <div id="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') { echo 'style="display:block;"'; } ?>>
193
 
194
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-3.php'); ?>
195
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-3.php'); ?>
196
 
197
  </div><!--optinforms_form_design_option3-->
198
+ <div id="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') { echo 'style="display:block;"'; } ?>>
199
 
200
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-4.php'); ?>
201
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-4.php'); ?>
202
 
203
  </div><!--optinforms_form_design_option4-->
204
+ <div id="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') { echo 'style="display:block;"'; } ?>>
205
 
206
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/preview-form-5.php'); ?>
207
  <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-5.php'); ?>
220
  </div><!--optinforms-posts-tab-->
221
 
222
  <script type="text/javascript">
223
+ var wpthumbs=new ddtabcontent("optinforms-menu-tabs") //enter ID of Tab Container
224
+ wpthumbs.setpersist(true) //toogle persistence of the tabs' state
225
+ wpthumbs.setselectedClassTarget("link") //"link" or "linkparent"
226
+ wpthumbs.init()
227
  </script>
228
 
229
  <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
230
  </form>
231
 
 
 
 
 
 
 
 
 
 
 
 
 
232
  </div><!--optinforms-->
233
 
234
  <?php }
readme.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Optin Forms ===
2
- Contributors: brs
3
- Tags: optin, form, forms, aweber, icontact, mailchimp, getresponse, mad mimi, interspire, email marketer, email marketing, email, e-mail, list, list building, opt-in, newsletter, autoresponder, popup, pop-up, mailing, mailing list, mail, webform, newsletter plugin, optin plugin, opt-in plugin, conversion, design
4
  Requires at least: 3.2
5
- Tested up to: 4.2.2
6
- Stable tag: 1.1.7
7
 
8
  Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
9
 
@@ -28,10 +28,11 @@ All form designs are fully customizable. You can easily change all texts, fonts
28
 
29
  **Translations**
30
 
31
- * Serbian - Thanks to Ogi from [First Site Guide](http://firstsiteguide.com/)
32
- * Spanish - Thanks to Andrew from [Web Hosting Hub](http://www.webhostinghub.com/)
33
- * Turkish - Thanks to Yigit from [Swanky Recipes](http://www.swankyrecipes.com/)
34
- * [Send us your translation](http://www.codeleon.com/contact)
 
35
 
36
  == Installation ==
37
 
@@ -54,6 +55,8 @@ Having trouble with the plugin? Simply post your question to the [support forum]
54
  3. Add your form to your website with a simple mouse-click.
55
 
56
  == Changelog ==
 
 
57
 
58
  = 1.1.7 =
59
  * Restricted pledge box to Optin Forms page only.
@@ -97,6 +100,9 @@ Having trouble with the plugin? Simply post your question to the [support forum]
97
 
98
  == Upgrade Notice ==
99
 
 
 
 
100
  = 1.1.7 =
101
  Restricted pledge box to Optin Forms page only.
102
 
1
  === Optin Forms ===
2
+ Contributors: brs, FancyThemes
3
+ Tags: optin, form, forms, aweber, email subscriber, icontact, mailchimp, getresponse, mad mimi, newsletter, mailchimp forms, mailchimp integrations, mailchimp plugin, getresponse forms, subscribe, aweber forms, after post optin form, after post optin form plugin, lead generation, mobile optin forms, mobile optins, sidebar form, sidebar optin form, wordpress after post optin form, wordpress lead generation, wordpress popups, optin locker, social locker, enter email to download, interspire, email marketer, email marketing, email, e-mail, list, list building, opt-in, newsletter, email list, autoresponder, popup, pop-up, mailing, mailing list, mail, webform, newsletter plugin, optin plugin, opt-in plugin, conversion, design
4
  Requires at least: 3.2
5
+ Tested up to: 4.4.2
6
+ Stable tag: 1.1.8
7
 
8
  Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
9
 
28
 
29
  **Translations**
30
 
31
+ [Translate Optin Forms into your language](https://translate.wordpress.org/projects/wp-plugins/optin-forms)
32
+
33
+ **About FancyThemes**
34
+
35
+ If are you looking for other alternatives check-out our article on <a href="https://fancythemes.com/best-list-building-plugins-wordpress" rel="friend">best list building plugins</a>. Also take a look at our <a href="https://fancythemes.com/best-wordpress-hosting-providers/" rel="friend">WordPress Hosting guide</a>, if you're looking to switch hosting providers.
36
 
37
  == Installation ==
38
 
55
  3. Add your form to your website with a simple mouse-click.
56
 
57
  == Changelog ==
58
+ = 1.1.8 =
59
+ * Updated text domain.
60
 
61
  = 1.1.7 =
62
  * Restricted pledge box to Optin Forms page only.
100
 
101
  == Upgrade Notice ==
102
 
103
+ = 1.1.8 =
104
+ Updated text domain.
105
+
106
  = 1.1.7 =
107
  Restricted pledge box to Optin Forms page only.
108