Toms Welt

/wp-plugins/tiny-contact-form

Tiny Contact Form

548 Kommentare | Kommentar schreiben

Ein ganz einfaches und kleines Kontaktformular.

Einfach in den Einstellungen die Empfänger-Email-Adresse angeben und den Shortcode (siehe readme.txt) an den gewünschten Stellen eintragen. Fertig.

Download bei WordPress

Tiny Contact Form 0.7

Contributors: Tom Braider
Tags: email, mail, contact, form
Donate link: www.tomsdimension.de/postcards
Requires at least: 2.8
Tested up to: 4.6
Stable tag: 0.7

Little form that allows site visitors to contact you by email.

Description


Use [TINY-CONTACT-FORM] within any post or page.
Add the widget to your sidebar.

Installation

  1. unzip plugin directory into the /wp-content/plugins/ directory
  2. activate the plugin through the Plugins menu in WordPress
  3. check the settings (email, messages, style) in backend
  4. insert [TINY-CONTACT-FORM] in your page or/and add the widget to your sidebar
  5. without widgets use this code to insert the form in your sidebar.
<?php echo do_shortcode("[TINY-CONTACT-FORM]"); ?>
or
<?php global $tiny_contact_form; if (isset($tiny_contact_form)) echo $tiny_contact_form->showForm(); ?>

Frequently Asked Questions


How to style?

  • The complete form is surrounded by a div class="contactform". Tags in FORM: LABEL, INPUT and TEXTAREA.
  • To change the form style in your sidebar you can use .widget .contactform (plus tags above) in your template style.css.
  • Since v0.3 you can use the settings.

Need Help? Find Bug?

read and write comments on plugin page

Screenshots


  1. 1. contact form on page

  2. 2. contact form widget in sidebar

  3. 3. settings page

Arbitrary section


Translations

Changelog

  • new language: Turkish, thanks to Emrullah Tahir Ekmekçi
  • new language: Dutch, thanks to Erik Collou
  • new language: Arabic, thanks to qasem gaayat.com
  • language update: Italian, thanks to Alberto Scocco www.lemappedelpensiero.it

0.7

  • new: multi widgets with different receivers
  • new: 5 additional fields (e.g. website, phone) possible
  • new: to hide form after submit is your choice now
  • new: alternative "question answer captcha"
  • new language: Swedish, thanks to Thomas www.ajfix.se
  • some bugfixes

0.6

  • new: set reciever and subject in shortcode [TINY-CONTACT-FORM to="abc@def.hi" suject="Hello"]
  • new: get subject from url like ?subject=Hello
  • now name and email of the writer are the default "From" data if non "From" given on options page

0.5.2

  • new translation: hebrew, thanks Sahar Ben-Attar

0.5.1

  • Bugfix: referer on pages with more post was wrong
  • Bugfix: PHP4 compatibility, "static" before function deleted
  • new translation: Danish, thanks to Jonas Thomsen

0.5

  • new: optional captcha
  • new: referer (page the mail was sent) in mail
  • new translation: France, thanks to Jef Blog

0.4.3

  • Bugfix: little change in stylesheet to realy hide the "hidden" fields

0.4.2

  • Bugfix: little change in spam check

0.4.1

  • new translation: Belorussian, thanks to Marcis Gasuns

0.4

  • new: custom widget title and submit button

0.3.3

  • new translation: hungarian, thanks MaXX

0.3.2

  • new translation: espanol, thanks Jeffrey

0.3.1

  • new translations: hr and italiano, thanks Alen

0.3

  • new: more user settings
  • new: language support (english, german)
  • change to wp_mail()

0.2

  • new: sidebar widget to easy add the form to the sidebar

0.1

  • first release
created by Readme Parser

 
Zu guter letzt ein Style-Sheet Beispiel. Wird ja oft genug danach gefragt.

/* field names */
 .contactform label { display:block; }
 /* fields */
 .contactform input { display:block; width:400px; border:1px blue solid; }
 /* message area */
 .contactform textarea { display:block; width:400px; height:200px; }
 /* ok message */
 .contactform_respons { display:block; color:green; font-weight:bold; border: 2px green solid; padding:10px; }
 /* error message */
 .contactform_error { display:block; color:red; font-weight:bold; border: 2px red solid; padding:10px; }
 /* smaller widget form */
 .widget .contactform { width:200px; }
 .widget .contactform input { width:98%; }
 .widget .contactform textarea { width:98%; height:100px; }


RSS-Feed 548 Kommentare

Seiten: « 1 2 3 ... 13 14 15 16 17 18 19 20 21 22 23 »
  1. Lijing Lijing sagt:

    Hallo Tom!

    ich habe alle code im style.css gespeicht, und dann auf server hochgeladen. In WP steht immer:
    "tiny-contact-form/style.css (inaktiv)"

    was soll ich machen, wenn "aktiv" stehn?

    Vielen Dank!
    Lijing

  2. Lijing Lijing sagt:

    Hi Tom!

    noch eine Frage: Wenn ich chinesisische Kontaktformular haben möchte, wie heißt der Plugin´s Name? Mit dem können PO und MO Datei stellen.

    Dank schön!
    Lijing

  3. [...] Tiny Contact Form hivatalos oldala [...]

  4. [...] megoldások léteznek erre a feladatra, még fizetős is akad köztük. A sok lehetőség közül a Tiny Contact Formra esett a választásom, és a segítségével kiváltottam a több sebből vérző, és [...]

  5. rami rami sagt:

    Hey tom,
    i know its a question u get a lot but still i cant get it.. :oops:
    i need to change the width of my large text area n i try to get the css code into the box inside the plugin but still nothing happens.

    i need to change the css of the template aswell??
    like this
    #.widget textarea {width:60%; height:80px;}
    where i need to put it???

    im a little lost n would like to use this awesome plugin.

    tnx for the help.
    rami

  6. Josh Josh sagt:

    Tom,

    First off, excellent plugin. Not too many basic form plugins out there and this works excellent on all "normal" pages, however my site utilizes Jquery Scrollto for a horizontal scrolling website and after submiting the form when the error or success message pops up it centers that new div on the screen. Is there anyway to have this plugin either redirect to another DIV or just refresh the website instead of popping that new div up? Or even if that new div with the message pops up I'd like it to remain within the constraints of the container it's already in so it doesn't reposition itself. You can see what I'm talking about at http://www.garthcreative.com.

    Cheers

    Josh

  7. detailgetreu detailgetreu sagt:

    Hi, mal kurz ein paar Fragen:
    Wie kriege ich Zeilenumbrüche zwischen den einzelnen Formularfeldern eingebaut? Momentan sind alle direkt hintereinander geklatscht, vollkommen ohne Zeilenumbrüche...
    Und wie kriege ich die eMail-Adresse und den Namen als Required-Feld ausgestellt? Ich will meinen Usern auch die Möglichkeit geben, mich anonym zu kontaktieren.
    Danke schon im Voraus und für die Arbeit!

    • Tom Tom sagt:

      "Zeilenumbrüche" bekommst du mit entsprechendem Stylesheet (display:block;) wie im Beispiel in der readme.txt.
      Alle Felder sind notwendig. Daher ist eine Markierung nicht nötig. Wenn jemand anonym schreiben will, gibt er falsche Daten ein. Hauptsache die Felder sind nicht leer. Kannst du ja als Info dazu schreiben. ;)

      • detailgetreu detailgetreu sagt:

        Besten Dank für die schnelle Antwort!
        Also ist es wirklich nicht möglich, die Pflichtangabe von Mail und Name im Code rauszunehmen ohne die Funktion des Programms zu beschädigen? Schade, ohne Mail-Adresse und Name das Formular "komplett" anonym benutzen zu können wäre schon einfacher als sich jedes Mal Name und Mail-Adresse ausdenken zu müssen :-|

        • Tom Tom sagt:

          In der jetzigen Version werden alle Felder auf Inhalt überprüft.
          Ändern kann man alles. Ich könnte ein anonymes Formular als Option anbieten.
          Auf die schnelle könntest du beim Form-Submit-Button (Zeile 135) das onclick... entfernen. Das addScript Zeile 141 kann dann auch raus. Und in der Funktion checkInput (ab Zeile 485) gleich als erste Zeile ein return 'OK';. Das sollte die Überprüfungen deaktivieren, ist allerdings rein theoretisch und ungetestet.

Seiten: « 1 2 3 ... 13 14 15 16 17 18 19 20 21 22 23 »

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht.

:mrgreen:  :D  :)  ;)  8-)  :O  :cry:  :(  :liebhab:  :-x  :-?  :P  :roll:  :arrow:  :schwitz:  :thumbsup:  :thumbup:  :thumbdown:  :facepalm:  :?:  :!:  :eis: