- 44
- 109 502
Michelle & Niko
Denmark
Приєднався 17 чер 2022
We aim to make inspiring 'How I Built This' videos showcasing exciting Elementor projects, providing you with inspiration and practical solutions for your next web project.
This channel is dedicated to anyone who loves web design and seeks inspiration from incredible Elementor projects and case studies.
Michelle and Nico both own their own web agencies. With many years of experience, we specialize in web design using Elementor.
Vision:
Our goal is to become the go-to UA-cam channel for Elementor projects, creating a community where people can share their knowledge and find practical solutions.
What you'll get:
• Step-by-step tutorials with Elementor cases studies
• Downloadable ready-to-use Elementor templates
• Get feedback and advice from other web designers and enthusiasts.
• Learn new techniques and discover creative solutions to web design challenges.
• Get inspired by others' work and find new ideas for your own projects.
Michelle And Nico❤️
This channel is dedicated to anyone who loves web design and seeks inspiration from incredible Elementor projects and case studies.
Michelle and Nico both own their own web agencies. With many years of experience, we specialize in web design using Elementor.
Vision:
Our goal is to become the go-to UA-cam channel for Elementor projects, creating a community where people can share their knowledge and find practical solutions.
What you'll get:
• Step-by-step tutorials with Elementor cases studies
• Downloadable ready-to-use Elementor templates
• Get feedback and advice from other web designers and enthusiasts.
• Learn new techniques and discover creative solutions to web design challenges.
• Get inspired by others' work and find new ideas for your own projects.
Michelle And Nico❤️
Switch It Up! 15 Hero Section Designs You Need To Steal
Looking for a Hero section design idea? Check out these 15 unique hero section designs to copy right now and make your website stand out!
Hero sections used in this video: lifeonablock.com/link-for-hero-sections/
If you want to leave a lasting impression on your website visitors, focus on your hero section design. This key part of your website is the first thing visitors see, so it needs to grab their attention, highlight your brand, and motivate them to take action.
In this video, we've gathered 15 unique and inspiring hero section designs that you can use as templates for your own site.
Some of these examples are just mockups we've found on dribble, but we've also included real websites built with Elementor. For example at 01:47 we show a Bento Grid that we have created ourselves in Elementor, you can find the video here: ua-cam.com/video/ht3DofElEd0/v-deo.html
And the same applies to the parallax effect website, which is shown at 2:48, and which can also be used for a good hero section design idea, you can see that video here: ua-cam.com/video/p6bR0bTtiPc/v-deo.html
Intrigued? Let’s dive in and explore how you can get a lot of good hero section design ideas for your next web design project!
#herosection #herosectiondesignidea #webdesigninspiration
Hero sections used in this video: lifeonablock.com/link-for-hero-sections/
If you want to leave a lasting impression on your website visitors, focus on your hero section design. This key part of your website is the first thing visitors see, so it needs to grab their attention, highlight your brand, and motivate them to take action.
In this video, we've gathered 15 unique and inspiring hero section designs that you can use as templates for your own site.
Some of these examples are just mockups we've found on dribble, but we've also included real websites built with Elementor. For example at 01:47 we show a Bento Grid that we have created ourselves in Elementor, you can find the video here: ua-cam.com/video/ht3DofElEd0/v-deo.html
And the same applies to the parallax effect website, which is shown at 2:48, and which can also be used for a good hero section design idea, you can see that video here: ua-cam.com/video/p6bR0bTtiPc/v-deo.html
Intrigued? Let’s dive in and explore how you can get a lot of good hero section design ideas for your next web design project!
#herosection #herosectiondesignidea #webdesigninspiration
Переглядів: 165
Відео
How I Built This Hero Section in Elementor (Including Template)
Переглядів 426День тому
Follow along as I create this Hero section in elementor within minutes. If you're struggling to design a hero section in Elementor then this video is for you. Get resources and template here: lifeonablock.com/hero-section Designing a stunning hero section with Elementor is easier than you might think. In this video tutorial, I'll walk you through the step-by-step process I used to create this s...
How To Add Button Inside Dropdown List Elementor (Button dropdown)
Переглядів 16614 днів тому
In this tutorial I'll show you how to add button inside dropdown list in Elementor. Link to the dropdown widget: lifeonablock.com/dropdown/ In this short video, I will show you step-by-step how to create a dropdown list in Elementor. This is a handy feature to have on your button if you want to link to several different things. And by the way, I also have another video about how to create a dro...
How To Create Form Dropdown Field Using Elementor
Переглядів 9414 днів тому
Learn how to create form dropdown field using Elementor. With this built-in feature you can create a multiple select dropdown in Elementor. I this video I have created two examples: the first one here is made with Elementor Pro, and the other one is made with Elementor Free. Link to the dropdown form widget: lifeonablock.com/dropdown-form/ Follow along step-by-step to add this dropdown form to ...
Elementor Button Scroll To Section Tutorial (30 seconds)
Переглядів 8214 днів тому
In this tutorial I’ll show you how to create an Elementor button scroll to section in less than a minute. One of my colleagues asked about how to make an elementor button scroll down to a specific section of a page, you can add an anchor link to the section you want to scroll to and then link. With this feature your visitors can just click a button and to scroll down to a particular section in ...
How I Built This Portfolio Website in Elementor Pro (Case study)
Переглядів 71221 день тому
Learn how to build Portfolio in Elementor with this complete web designer tutorial. I’ll show you how to add a Portfolio for a Web Designer website in Elementor in just 20 minutes. A few months ago, I built a new portfolio website for a freelance web designer with Elementor pro, and it turned out to be a success So I created this portfolio step by step tutorial so you can follow along and learn...
3 Color Gradient Elementor (Free) Elementor Gradient Background 3 colors
Переглядів 167Місяць тому
Learn how use 3 3 Color Gradient Elementor Pro or free! This tutorial will show you how to add Elementor gradient background with 3 colors or 4. Typically, it's only possible to create 2 gradient multi colors in Elementor, but in this video, I'll show you how this trick can help you achieve 3, 4 og 5 colors on your background or a button. Css code snippet used in video: lifeonablock.com/3-4-or-...
How To Make Round Button In Elementor | Circle Button for free
Переглядів 304Місяць тому
Learn how to make round button in Elementor for free and without a plugin. In this tutorial you’ll learn how to change a button to circle in Elementor. Code used in video: lifeonablock.com/elementor-button-circle-free/ Some of our subscribers asked me how to add circle and button on it in Wordpress Elementor, so I decided to make this tutorial about it. Often, you may need to create round circl...
Style post comments with Elementor (Free & No plugin) How to Customize comments skin in Elementor
Переглядів 639Місяць тому
In this tutorial you’ll learn how to style post comments with Elementor so you can customize the comments skin easily. Link to the CSS code used in the video: lifeonablock.com/style-comment-section/ For some reason Elementor has made to hard to customizing comments skin design, but I have found two methods you can use to achieve this. Elevate Your WordPress Comments with Elementor's Effortless ...
Countdown Timer For Elementor Free I How to Add Countdown timer Tutorial Elementor Free (No plugin)
Переглядів 163Місяць тому
Learn how to add a evergreen countdown timer for Elementor Free in this countdown timer tutorial for Elementor users. I'll show you step-by-step how to create a css countdown timer animation in Elementor without using Elementor Pro and just. Code snippet: lifeonablock.com/countdown-elementor-tutorial/ Adding a evergreen countdown timer to your Elementor website can be a powerful way to create a...
How To Add Gradient Color Text With Free Elementor (Easiest Method)
Переглядів 156Місяць тому
In this tutorial you’ll learn how to add gradient color text with free Elementor. You don’t need Elementor pro or any other plugin to set gradient to text color in Elementor for free. This multi color button in Elementor can be done with some code that you just past in the title or text widget. → Link to code snippet: lifeonablock.com/gradient-elementor-tutorial/ If you're looking to add Gradie...
Web Designer Creates Parallax Effect Elementor (Free) Scroll Parallax Effect in Elementor Free
Переглядів 1,8 тис.Місяць тому
Learn how to create a parallax effect Elementor for free without any plugins! This case study will show you step-by-step how to achieve the scroll parallax effect in Elementor free. Perfect for web designers and developers looking to enhance their websites with the page builder Elementor! Images and code snippet used in the video: lifeonablock.com/parallax-youtube-tutorial/ Dive deep into the w...
How To Add Elementor Mouse Moving Effect For FREE - Add Mouse Motion Effects with 3D Tilt
Переглядів 358Місяць тому
In this Elementor tutorial I’ll show you how to add Elementor mouse moving effect, which is a motion effect in Elementor free. You don’t need Elementor pro to make this mouse moving effect with a 3D tilt. You can find the code snippet here: lifeonablock.com/mouse-tracking-tutorial/ If you want to add captivating mouse motion effects to your Elementor website for free, look no further! By incorp...
I Tried Elementor Web Based Containers (So You Don’t Have To)
Переглядів 1442 місяці тому
Learn how to use Web Based Containers from Elementor AI. Are you tired of staring at a blank canvas, wondering how to kickstart your website design? Say goodbye to the old way of building a website and hello to endless possibilities with Elementor's latest innovation: AI-powered web-based containers. In this video, join me on as we delve into the design possibilities unlocked by Elementor's new...
How to install Chatling | Step-by-step | No-code
Переглядів 2312 місяці тому
In this tutorial you’ll learn how to setup chatling from scratch. Get the tool: chatling.ai/?ref=mich Using chatling for your website can revolutionize the way you interact with your customers. In this tutorial, we will guide you through the process of creating a personalized livechat that suits your specific business needs. To start, you need to select an chatbot platform that allows for custo...
How To Make Donation and Charity Website Tutorial (Free & Fast)
Переглядів 1642 місяці тому
How To Make Donation and Charity Website Tutorial (Free & Fast)
How To Make A Bento Grid layout In Elementor (Download Template)
Переглядів 1,6 тис.2 місяці тому
How To Make A Bento Grid layout In Elementor (Download Template)
Spot the Difference: Pro Vs Noob Web Design
Переглядів 5293 місяці тому
Spot the Difference: Pro Vs Noob Web Design
7 Killer Hero Section Designs Made With Elementor
Переглядів 4293 місяці тому
7 Killer Hero Section Designs Made With Elementor
TOP 5 Inspiring Websites (And What They Did Right)
Переглядів 5253 місяці тому
TOP 5 Inspiring Websites (And What They Did Right)
12 Deadly Web Design Rules You're Breaking
Переглядів 1,2 тис.4 місяці тому
12 Deadly Web Design Rules You're Breaking
5 Web Design Trends You NEED to know about
Переглядів 6355 місяців тому
5 Web Design Trends You NEED to know about
10 Inspiring Hero Sections To Steal👩💻
Переглядів 10 тис.5 місяців тому
10 Inspiring Hero Sections To Steal👩💻
How To Edit Checkout Page In WooCommerce | WooCommerce Checkout Page Customization With Elementor
Переглядів 8806 місяців тому
How To Edit Checkout Page In WooCommerce | WooCommerce Checkout Page Customization With Elementor
Latepoint Tutorial: Wordpress Booking Plugin (Complete Tutorial)
Переглядів 1,1 тис.6 місяців тому
Latepoint Tutorial: Wordpress Booking Plugin (Complete Tutorial)
Want Traffic? Do THIS | How To Use Semrush The RIGHT way
Переглядів 6776 місяців тому
Want Traffic? Do THIS | How To Use Semrush The RIGHT way
How To Add AI Chatbot To Website | AI chatbot on Wordpress | Free
Переглядів 3,2 тис.6 місяців тому
How To Add AI Chatbot To Website | AI chatbot on Wordpress | Free
Hide Page Title In WordPress Elementor in 2 minutes
Переглядів 1767 місяців тому
Hide Page Title In WordPress Elementor in 2 minutes
How to keep open one toggle widget in Elementor | Toggle widget
Переглядів 3,7 тис.8 місяців тому
How to keep open one toggle widget in Elementor | Toggle widget
This is super cool, but why not do this with a grid container instead?
Nicely done ❤
Thank you 😁
Link to siteground: www.siteground.com/go/webhostingoff (We earn a small commission each time someone uses the link, at no extra cost to you)
Thank you so much for making such a nice video
Thank you @balikask 💪
Thanks!
nice content. is it elementor or elementor pro?
Only the round button uses E-pro. I have another video that shows you how to create a round button in the free version of elementor, so you can actually build this whole page using just elementor free 😊
Parallax is my fave, oldie but still holds up today.
Agree it’s definitely a classic! 👌🏼
Thanks! Continue doing this
More content like this is coming soon!
how can you change teh stock text "leave a reply"
You can change the text with this method: ua-cam.com/video/3aVATlTRYNI/v-deo.html
Great tutorial, thank you!!
It’s a pleasure! Glad you enjoyed it.
I appreciate Youuuu!!! Thank God for you
You are so welcome
Very helpful, thank you!
You're welcome!
Great tutorail, keep the awesome content coming. I have learned alot from you content, thank you :)
Thanks so much! Really glad you find our tutorials helpful. 😊
Legend thank you!
💪💪
is there a way to make their questions show up in my text messages?
Yes, this is possible to do with zapier.com/apps/tidio/integrations/sms
i love it that you provide a voice over instead of doing the tutorial manually side by side. this feels more engaging, thanks alot.💛waiting for more such tutorials ⭐⭐⭐
Well spotted! I guess it was my hands that gave it away? They're in several places at once 😅
subcribe after see your tutorials, prepare all resources, and more tutorials, i like it
@Helloworld-hs9rq 💪
this is so beautiful!
Thank you!
Thanks! Loving the new "How I build" concept. More of that 👏
Glad you liked it!
Here is the code for those that need it: <script> window.addEventListener('load', function () { let opened = [1,2,3,4]; setTimeout(function () { let toggles = document.querySelectorAll('.openedByDefault .elementor-tab-title'); opened.forEach((i) => { if (toggles[i -1]) toggles[i -1].click(); }); }, 300); }); </script>
How can you modify the style of "Edit your profile. Log out"?
That's a great question. It might be easier for me to show you in a video because explaining it here might be a bit tricky.
@@Michellewpcan't wait 😍
@@helena4864 Hi again, I promised you a solution for this, and I'm going to keep that promise It depends on what you want. Option 1 is if you want to change the text, and option 2 is if you want to change the styling: 1. If you want to change the actual wording, use this method: ua-cam.com/video/3aVATlTRYNI/v-deo.html (Just write "Edit your profile. Log out?") 2. If you only want to change the style, you can do this in Elementor site settings -> typography -> links
@@Michellewp OMG! Thank you so much! =)
This is amazing!
Glad it’s helpful 😊
Hey awesome video. If I wanted to make the moon start at the bottom of the screen and move over the heading as you scroll down could I add parallax to that image and adjust its absolute position?
Thanks! Yes it's possible, but it depends if you use elementor free or pro?
Great 😇
i think africans can't use it, is that correct?
Tidio is available in 4 languages, but it should be able to work anywhere. I’m in South Africa and it’s available here. What are you experiencing?
@@Michellewp I can't even sign up. It's giving me error. I really don't know why. Can I send a screenshot?
Really appreciate your tutorials. Thanks for the hard work :)
Thank you once again !
Link used in video: tidiogo.com
Link used in video: tidiogo.com
Hero sections used in the video: lifeonablock.com/hero-section-links/ 💻👏
This channel is a gem, so glad i found you :) great tuts and info thanks for sharing :)
We're delighted to hear that! Feel free to reach out if you have any questions about the tutorial 💻
Awesome! Been searching for a parallax tutorial with Elementor Free!
You're welcome!
Get the Bento grid template: lifeonablock.com/bento-template/
Link to code snippet: lifeonablock.com/gradient-elementor-tutorial/
Thanks for the tutorial, personally Bento layouts drive my OCD crazy 😂
🤣I can see where you're coming from
there is no Moon image :(
Now there is ;) Thanks
Get images and code snippet used in the video: lifeonablock.com/parallax-youtube-tutorial/
Code Snippet used in the video lifeonablock.com/get-toggle-code/
This is really cool! Thanks!👏
Glad you could use it!
Link to the code snippet: lifeonablock.com/mouse-tracking/
is possible add products for service task ?
Link to code snippet: lifeonablock.com/youtube-tutorial-go-back-button/
Code snippet: lifeonablock.com/get-javascript-code/
Hi how to use qr code ? is there some api credentials to add somewhere ?
It is possible to do what up automation
Yes WhatsApp automation is possible.
For me the go back buttons goes back to the page it came from but to the top of the page, not to the same paragraph. It would be the same if I just redirected to back to the url it came from.
good work
Thank you!
First time seeing the Elementor web based containers, Michelle. Thanks for the video.
Most welcome 😊
Thank u so much
thank you
You're welcome
There is no code in the description link
Thanks! No there is! You can also just click here: lifeonablock.com/get-toggle-code/