Learn Contact Form 7 for Divi
Take control of the contact form and style them like a boss! The world’s most popular contact form has just been made 100 times easier to use. Learn the ins and outs of planning, styling, designing, and building great looking contact forms that work really well.
Is this you?
- You find yourself struggling with making contact forms look the way you envisioned it.
- The frustration you get from those contact forms not doing what you want them to do might be the death of you.
- Your blood froze when you realized the contact form wasn’t working, and your client lost a lot of leads. *
- Frustrated that Divi’s contact form module doesn’t save submissions.
That is only the beginning, there are so many more cool things you can do with a well-made contact form.
* This was a real thing that happened to me using the Divi contact form module. Ever since then, I’ve switched to CF7 (or sometimes Gravity Forms) and doubled up on contact form styling and creations.
- You can change the text of … text
- You can find a certain character string in text and bulk replace it.
- You can copy paste… hopefully without using the mouse. (It’s CMD+C, CMD+V.. or.. ctrl+C, ctrl+V)
- You’ve made a website or two before.
It’s better/easier to learn if you have a basic grasp of HTML and CSS, but I cover just enough for you to be able to make the edits required, so it’s fine without any prior knowledge.
Take full control of the contact form.
- Installing CF7 and using it with Divi
- Add-on Essentials (Full list)
- The Basics of CF7 - The Mail Tab
- The bits you need: HTML CSS fundamentals
- HTML Structure and CSS 1
- HTML Structure and CSS 2
- Other Styling Elements
- Setting up the stylesheets
- Understanding the stylesheets with the Divi Child Theme
- Setting up basic forms
- Conditional forms
- Multi Step Forms
- Canvas form
- Canvas form sending emails
- Canvas form sending the pdf
- Using multiple recipients and spam protection
- Updates, tips, downloads, links
You will learn to…
- Put together a great looking contact form that’s also responsive.
- Save submissions in the database.
- Edit CSS to style your own contact forms.
- Make conditional sections that show/hide depending on selection
- Add a canvas (drawing area) to the contact form so the user can add a signature or add drawings.
- Add an auto-generated pdf form in the email.
- And more!
- All the videos (about 4 hours) explaining every detail on how to code your own custom contact forms.
- A child theme specially made to include all the contact form styling, and instructions on how to add it to an existing (child) theme.
- Access to direct comments on the lessons where you can ask questions, submit requests, share results, and read other people’s solutions.
- Access to updates and future contact form code snippets.
What about updates?
Of course there are going to be updates to Divi, WordPress, and Contact Form 7, and that could sometimes mean changes are possible. In that case, there will be a new video added to the course for you to check. Also, new videos can sometimes be added if there are a lot of people asking similar questions.
So, no worries, anything concerning updates will be added.
This includes Divi updates, WordPress updates, Contact Form 7 updates, and anything/everything else that happens to come along.
What child theme?
You’ll be getting a child theme that:
- is unlimited in its usage, so no worries about licensing. If you took the course, it’s yours.
- is updated whenever there’s a major update to its dependencies (WP, Divi, CF7)
- has two stylesheet files properly enqueued for Divi, one for the contact forms, and one for your own edits.
- includes extra snippets you might find useful – svg support, extra Divi library shortcodes
With contact forms being one of the most essential components of a website, you could say this course is
Take full control of the contact form
Only logged in customers who have purchased this product may leave a review.