How I built a
Best Plugins to use with Elementor Page Builder
These lists are by no means exhaustive - these are merely the plugins I felt offered me best functionality with Elementor free page builder when building this free website
What you Need to Know
Plugins used on this free website
One piece of advice is to start with Elementor free plugin. It's also important that you don't use too many plugins as they may cause conflicts and bloat. I feel I have too many on this website currently and am doing my best to reduce the number!
- Elementor Website Builder - used throughout the site
- Starter Templates – Elementor, Beaver Builder, Gutenberg & Brizy Templates
- HT Mega – Absolute Addons for Elementor Page Builder
- ElementsKit
- OoohBoi Steroids for Elementor
- Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor
- Contact Form by WPForms – Drag & Drop Form Builder for WordPress
Security and backups are must haves on every website.
Most decent hosting companies provide SSL cert (the lock) for your website and also do daily backups. However it is no no hard to take your own back up occasionally.
There are many plugins out there that do a good job with SEO, these are my personal favourites as I find them easy to use and set up.
As with any additional speed plug-in, ensure that you have a back-up taken before playing around with the settings.
- Asset CleanUp: Page Speed Booster - I use this to get rid of plug-ins that I may not use on every page.
- WP-Optimize - Clean, Compress, Cache - I use this plug-in occasionally to clean up my database & files.
- Resmush.it - I use this to optimise my images, however, it's best to optimise images before adding them to your WordPress library.
- Nitropack - free version, I also have the free version of cloudflare CDN linked up.
it's easy!
how to add plugins to wordpress.org
One piece of advice is to start with Elementor free plugin. It's also important that you don't use too many plugins as they may cause conflicts and bloat. I feel I have too many on this website currently and am doing my best to reduce the number!
Where I used the above
plugins on Build a Website for Free
Click through the tabs below to find out which plug-ins & widgets I've used on each page & section of this free website.
- Elementor
Design, all sections, buttons have additional CSS (see below) - OoohBoi Steroids for Elementor
Used to ensure all columns are the same height.
Photomorph - used on elementor image widget to turn images from circle to arrow. - ElementsKit
Headings - all headings were created with the headings widget.
Lottie animations widget. The lotties were created on lottiefiles.com and positioned using absolute positioning.
Mail Chimp Widget - subscribe section.
- Elementor
Design, sections, buttons - HT Mega – Absolute Addons for Elementor Page Builder
Tabs Widget - ElementsKit
Headings - all headings were created with the headings widget.
Lottie animations widget. The lotties were created on lottiefiles.com and positioned using absolute positioning.
Mail Chimp Widget - subscribe section.
- Elementor
Design, sections, buttons - Essential Add-ons
Tabs Widget - ElementsKit
Headings - all headings were created with the headings widget.
Lottie animations widget. The lotties were created on lottiefiles.com and positioned using absolute positioning.
Mail Chimp Widget - subscribe section.
Blog Page
- Elementor
Design, sections, buttons - buttons have additional CSS - ElementsKit
Blog Grid: Blog Grid Widget
Subscribe to my newsletter: Lottie & Mail Chimp Widget
Single Page Blog Post Template
- Elementor
General Blog Template - HT Mega Addons
Blog Template widgets used - added to HT Mega Addons settings. - Gutenberg
Posts created using Gutenberg to reduce bloat!
- Elementor
Design, sections, buttons - ElementsKit & WP Contact Form Lite
Headings widget from Elementskit
Contact Form from ElementsKit Widget
- Elementskit
Header/footer builder - All security plugins
- All speed & optimisation plugins
