[Live Coding] How to create a Custom Mailchimp Sign Up Form with Plain HTML + CSS + JS
For the impatient, here's the solution: https://mailchimp.com/help/host-your-...
Currently I have a landing page hosted on Mailchimp... and I hate it. For several reasons. I'm going to transition the email signup over to my own custom JavaScript, which is what I'll be showing here.
0:00 The Mailchimp Problem
5:50 [skippable] Building upon the previous Markdown + Bash Blog
20:23 Creating the Custom Mailchimp Form Component
23:40 The Mailchimp Form Important Inupts
24:45 The Mailchimp Honeypot
26:30 Mailchimp's MERGEX Fields
27:00 Labels, Inputs, Screen Readers, & Target Size (also 31:10)
29:50 Mobile Input Challenges & Browser Input Validation
32:07 Form Inputs & Submission with Vanilla JavaScript
36:40 Test build and deploy
39:30 How to use Gmail's built-in test emails with your own address
39:50 Using inspector to check URL-Encoded Form Post
44:00 Plain CSS for styling our Form
56:00 Testing & Finishing Touches
1:04:00 Adios
Beyond Code:
(Learn to Code in 15 Minutes a Day)
Bootcamp Playlist: • Beyond Code Bootcamp 2021 Live
Subscribe on YouTube: / @_beyondcode
Join on Facebook: https://fb.com/beyondcodebootcamp
Follow on Twitter: / @_beyondcode
AJ's Live Streams:
Watch on Twitch: / coolaj86
Subscribe on YouTube: / coolaj86
Watch on Facebook: https://fb.com/coolaj86
Health, Wealth, Commitment
(My Morning Shower Thoughts as a Daily Lifestyle Vlog)
Join on Facebook: / 5406824179391158
Subscribe on YouTube: / @healthwealthcommitment1522
#softwaredevelopment #softwareengineer #webdevelopment #webdeveloper
Powered by Restream https://restream.io/