Hallo ihr Leser von CopyPasteLove!
Ich bin Susi von Spürbar und zeige euch wie ihr mit Hilfe eines Anbieters ein Kontaktformular auf eurem Blog einbettet.
Warum ein Kontaktformular?
- Man muss nicht unbedingt eine neue E-Mail Adresse erstellen, weil ihr eure "normale" nicht öffentlich preisgeben wollt.
- Keine Spam-Mails.
- Schnelle und einfache Form mit euch Kontakt aufzunehmen.
Ich benutze auf meinem Blog hierzu als Anbieter www.foxyform.de. Mit diesem Anbieter bin ich sehr zufrieden und bekomme von ihm auch keine nervigen Newsletter.
Anleitung:
Anleitung:
Eine Vorschau wird ebenfalls erstellt. So kann man auch mit den Farben etwas herumexperimentieren.
2. Wenn man mit dem Aussehen des Formulars zufrieden ist, einfach auf >>Formular erstellen<< klicken.
3. Nun muss der HTML-Code kopiert werden.
4. Jetzt geht es um das Einbetten des Codes. Dabei stellt sich die Frage, ob man das Kontaktformular als Widget auf der Startseite haben möchte oder auf einer sogenannten "Seite".
4.1 Wenn ihr es als Widget wollt:
Ihr geht auf >Design und dann auf >Gadget hinzufügen. Hier sucht ihr dann HTML/JavaScript aus...
 | HTML/JavaScript Fügen Sie Ihrem Blog Funktionen und anderen Code von Drittanbietern hinzu. Von Blogger |
und fügt den Code ein. Auf speichern klicken und fertig.
Je nachdem ob ihr das Formular an der Sidebar oder am Ende des Blogs positioniert, solltet ihr die Höhe und/ oder Breite verändern (3. Zeile).
4.2 Das Formular auf einer gesonderten Seite:
Unter >Posting >Seite bearbeiten könnt ihr eine neue Seite erstellen und hier den HTML-Code einbetten. Dabei ist darauf zu achten, dass ihr nicht bei >Verfassen seid, sondern bei >HTML bearbeiten. (Habe hier schon etwas an dem Code verändert, weswegen er etwas von eurem abweicht). Veröffentlichen und fertig!
Das wars auch schon! Auf meinem Blog habe ich das Kontaktformular in meinem Impressum eingebettet.
Jetzt verabschiede ich mich und hoffe, dass mir vielleicht der ein oder andere von euch eine E-Mail schreibt ;)
Kuss, Susi
Kuss, Susi
Nach einem Kontaktformular hab ich schon lange gesucht!
AntwortenLöschenTolles Tutorial! Dankeschön!
Habs auch direkt in meinen Blog eingebaut! :)
Danke für den Tipp!
AntwortenLöschenToller Tipp!
AntwortenLöschenDanke für den Tipp! :)
AntwortenLöschenSuper - danke für den Tipp. Hab ich gleich mal eingebaut :)
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenSuper, dankeschön!
AntwortenLöschenHab ich schon bei vielen gesehen und wusste nie wie es geht, danke sehr :)
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDanke, hat mir sehr geholfen... Ich habe es gleich eingebaut ;)
AntwortenLöschenWir die eigende E-mailadresse da nicht angezeigt??.
AntwortenLöschenhttp://spruso.blogspot.com/
Nein, wird Sie nicht.
LöschenVielen Dank für den Tip und die ausführliche Einbauanleitung.
AntwortenLöschenGeht ja wirklich flott und unkompliziert.
Der einzige Nachteil ist, dass ein Fremdanbieter die Daten der Kontaktanfragen bekommt.
Sowohl die Mailadressen, als auch die Inhalte der Mail.
Aber das muß man wohl in Kauf nehmen, wenn man dafür einen kostenlosen Anbieter nimmt.
Viele Grüße aus Paraguay
Super danke. Meine frage ist noch, wie kann ich das beim Menüpunkt Contact einfügen?
AntwortenLöschenSuper, ich habe so lange danach gesucht !!!
AntwortenLöschenVielen Dank ;-)
Hallo !! Eine kurze Frage, bekommt man das Kontaktformular auch größer und mittig
AntwortenLöschenfixiert? Würde schöner ausschauen! Danke für eure Hilfe,
Grüße,
Antonia :)
Wow, ist ja echt einfach.
AntwortenLöschenDanke für die tolle Erklärung!
Hab ich gleich bei meinem Blog angewendet
Uhh, toll!
AntwortenLöschenNach sowas habe ich gesucht, vielen Dank :)
hilfe!!
AntwortenLöschenhabs mal kurz ausprobiert und beschlossen, dass ichs doch nicht haben will... fragt nicht, wieso ichs dann ausprobiert hab ;D
wie krieg ich das Ding jetzt wieder weg? also, dass gadget hab ich normal gelöscht, aber kann ich meine daten dem anbieter auch irgendwie wieder "entziehen"?
übrigens ein super blog hier^^
Kann man das auch zentrieren ?
AntwortenLöschendankeschön. Hab ich schon so lang nach gesucht! :):*
AntwortenLöschenVielen Dank! Hat mir sehr geholfen :-)
AntwortenLöschenPrima Tipp, vielen Dank, hat auf Anhieb funktioniert das Einbetten!
AntwortenLöschenSchade dass man das nicht transparent machen kann, desswegen hab ichs wieder entfernt :/ Sah sonst etwas komisch aus, so weiß auf weiß-transparent ^^
AntwortenLöschenDankeschön!!!
AntwortenLöschenHat geklappt, nur schade, dass der Anbieter keine Dropdown-Menüs kann.
Aber man kann nicht alles haben...
Super Tipp - wurde hier soeben eingebaut:
AntwortenLöschenwww.hamster-info.net
Kann man das Formular auch zentrieren?
AntwortenLöschenvielen Dank für den tollen Tipp :-)
AntwortenLöschenIst es möglich die Bezeichnungen im Kontaktformular zu ändern? Also statt "Betreff" z.B. "Blogbeschreibung" oder ähnliches?
Top! Danke
AntwortenLöschenWieder nen suuuuuper Tipp! I´m so liking your page ;)
AntwortenLöschenSuper! Gleich ausprobiert & es hat geklappt
AntwortenLöschenLG
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDanke für deine Hilfe!
AntwortenLöschenAber irgendwie funktioniert das bei mir nur in der Ansicht "Vorschau".
Sobald ich es veröffentlich kommt unter der Seite "Kontakt" gar nichts mehr.
Weißt du hier zufällig woran es liegen könnte?
Hier mal meine Blog Adresse mit der neuen Seite "Kontakt":
http://steffis-blogwelt.blogspot.de/
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenSuper gut erklärt :) mich würde allerdings auch nochmal interessieren wie man das Kontaktformular etwas größer machen kann und zentriert platziert. würde mich sehr über eine Antwort freuen. Liebe Grüße
AntwortenLöschenZentrieren kannst du durch < center > am Anfang und am Ende des Codes :) Größe, indem du height und width im Code selbst änderst :)
Löschen< / center > am Ende des Codes :)
LöschenAlles ohne Leerzeichen dazwischen!
Bei mir ist an der Seite des Kontaktformulars eine Scrollleiste wie bekomme ich die weg? :/
AntwortenLöschenCool hat sofort geklappt! Bitte mehr Tutorials von Dir :-)
AntwortenLöschenVielen Herzlichen Dank dafür, die Kontakt Seite sieht so
richtig professionell aus!
LG Kira
Huhu und vielen Dank für das tolle Tutorial!
AntwortenLöschenNach einiger Zeit Rumgefriemel und Zerbeißen der Tastatur ist es mir dann auch gelungen den doofen Scrollbalken zu entfernen. Wie es nun schlussendlich funktioniert hat, kann ich nicht mehr nachvollziehen, aber es klappt.
Thanks for sharing :)
Vielen Dank für deine tolle Erklärung, hab ich gleich ausprobiert!
AntwortenLöschenNur, dass bei mir rechts vom Kontaktformular ein Balken zum Scrollen auftaucht (habe aber lediglich Name und E-Mail als Optionen, also zu lang kann's ja auch nicht sein?). Kann ich das irgendwie verhindern?
Alles Liebe und ein wunderschönes Wochenende,
Das Laurettchen
http://das-laurettchen.blogspot.de/
Vielen Dank! Perfekt für's Impressum. ♥
AntwortenLöschenhttp://verenaschreibt.blogspot.de
Dankeschön :)
AntwortenLöschenHab danach gesucht. Ich wusste nicht, wie ich auf einer einzelnen Seite ein Kontaktformular einfügen soll.
Auf der Startseite geht es ja mit dem Widget.. anders.. keine Ahnung :D
DANKE !!!
ich finde deine bilder wirklich echt toll...
AntwortenLöschenhab vor kurzem angefangen zu bloggen und würde mich über feedback freuen :D
mfg
http://versuch908.blogspot.de/
wow hatte das kontaktformular vorher schon bevor ich hier gelesen habe aber jetzt bin ich überzeugt das es richtig ist.
AntwortenLöschenÜber Blogspot funktioniert das leider nicht mehr. Wenn ich den HTML Text einfüge und dann auf Verfassen klicke kommt nur noch ein Link zu foxyform. Gibt es eine Lösung für das Problem?
AntwortenLöschenLiebe Grüße,
Laura von lauraskreativecke
bei mir klappt es auch nicht. Es kommt auch nur ein link zu foxyform. :-(
LöschenDieser Kommentar wurde vom Autor entfernt.
LöschenDanke für dieses Tolle Tutorial, vielleicht sollte erwähnt werden, dass der
AntwortenLöschen"Do not change the code! " aus dem Text gelöscht werden, muss damit es auf Blogspot funktioniert :)