Schöne Optin Formulare ohne Plugins: CSS Tricks mit Mautic Forms

by | Jun 21, 2021 | 0 comments

Schöne Optin Formulare ohne Plugins: CSS Tricks mit Mautic Forms

by | Jun 21, 2021 | CSS Tips and Tricks | 0 comments



Kostenlose Optin Formular CSS-Codes:

Freebie CSS-Formulare SU

Plugins machen WordPress oder auch andere CMS wie Typo3 oft langsam. Daher ist es oft sinnvoll die Formulare die geladen werden auch gleich als Komplettpaket zu liefern… mit Design-Styles (CSS) und allem drum und dran.
Mit Mautic kannst du genau das machen. Und das Coole ist: Egal wo du das Formular einbaust, sobald du den Code im Formular direkt änderst, sieht es sofort überall so aus. Du sparst dir also haufenweise Arbeit alte Formulare zu ändern.
Natürlich musst du wissen wie das geht. In Mautic gibt es bei den Formularen dafür ein geniales Tool das schon eingebaut ist. Du kannst in jedem Formular eine eigene HTML-Area platzieren und darin dann den Code den du brauchst, damit dein Formular so aussieht wie du es dir wünschst.

Das ganze geht einfacher als du vielleicht glaubst. Mit ein paar Zeilen einfachem CSS Code bist du im Rennen. Hier zeige ich es dir Schritt für Schritt:

1:44 ein neues Formular erstellen
2:18 Felder hinzufügen
3:50 Design anpassen
5:34 Mauticform Input anpassen
8:08 Mauticform Button anpassen
11:05 Mauticform Button Hover-Effekt
12:00 Formular Breite anpassen
13:02 In WordPress einbetten und testen
14:01 Troubleshooting

========== DIE BESTEN TOOLS FÜR DEINE FUNNELS ==========
📩 Mautic: https://hartmut.io/managed-mautic
🚀 Social Media Posting: https://hartmut.io/social-media-planner-for-mautic/
🎧 Webinare: https://hartmut.io/webinaris
📝 WordPress Tools: https://hartmut.io/thrivethemes
🎥 YouTube: https://hartmut.io/vidiq

========== WISSEN UND KOSTENLOSE HILFE ==========
🎼 Marketing How-To’s: https://hartmut.io/blog
🧲 50 Ideen für Lead-Magneten: https://hartmut.io/was-ist-ein-lead-magnet/
👨‍💻 Mautic 3 Install-Skript: https://hartmut.io/freebie-mautic-install-skript-su/
👩‍💻 Mautic CSS Skript für schönere Formulare: https://hartmut.io/css-stylesheet-fur-mautic-formulare/
📫 Kostenlose Mautic Strategien: https://hartmut.io/newsletter/

========== CONNECTE MIT UNS ==========
FB: https://www.facebook.com/hartmut.io/
Linkedin: https://www.linkedin.com/company/hartmutrocks/

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Kelicor Logistics

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my...

Colin, Kelicor Logistics Solutions

Dieno Digital Marketing Services
5
2018-04-27T01:07:34+00:00

Colin, Kelicor Logistics Solutions

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my questions and was always prepared to go the extra mile, in order to ensure my website conveyed it's intended message,, And the cherry on top was it was most affordable. Would definitely recommend. Thanks Leland !

McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for...

M, McNeney McNeney Spieker LLP

Dieno Digital Marketing Services
5
2018-04-27T01:08:19+00:00

M, McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for over 3 years now. The knowledge and skills Leland brings to the table has increased our business and streamlined our social media platform. Our requests are always dealt with in a timely manner and we are always given options and alternatives to better reach potential new clients. We highly recommend Dieno Digital to increase your life social media presence.

Vancity Dietitians

Leland was speedy and efficient in working with our website. Leland knows how picky we can be and he handled...

Raman, Vancity Dietitians

Dieno Digital Marketing Services
5
2018-04-27T01:09:04+00:00

Raman, Vancity Dietitians

Leland was speedy and efficient in working with our website. Leland knows how picky we can be and he handled all change requests with patience! Furthermore, any time we had questions, there was no hesitation for Leland to reply with a thoughtful answer in a timely manner. Thanks for the great work!

Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the...

Tammie, Gloss Beauty Truck

Dieno Digital Marketing Services
5
2018-04-27T01:09:38+00:00

Tammie, Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the extra mile in to what he does to help make it easy from someone like myself who is incompetent with computers. I am so lucky to have him apart of my back end team. He's amazing at what he does .
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>