How To Build Custom Elementor Widgets without Code

No video

How To Build Custom Elementor Widgets without Code

Рет қаралды 17,091

Күн бұрын

Today we are going to discover how to create custom Elementor widgets from scratch without coding.
Here's the codepen I used for this tutorial: codepen.io/Flo...
Credit to Florin Pop for this great Testimonial Card design
------------------------------------------------------------------------
✅ NEED HOSTING ?
▶ Get Hosting Here 👉 mrweb.tv/hosting
This is a co-branded page that I have with Hostinger, Which means that I've negotiated special terms for my viewers and subscribers.
Enjoy up to 91% Discount + Promo Code 'MRWEBREVIEWS' for an extra 7% Discount
------------------------------------------------------------------------
✅ HIRE US --- NEED HELP WITH A NEW ONLINE PROJECT
▶ Do you need a new website?
▶ Do you need a custom-built project?
▶ Have an idea for a new website that requires custom development?
NO PROBLEMS... Our team of dedicated web developers would be delighted to help you with that
▶▶▶ Visit👉 mrweb.tv
------------------------------------------------------------------------
✅ LET'S CONNECT
▶ Twitter: / mrwebreviews
Feel free to follow me on Twitter as well
#MrWebReviews #Wordpress #Tutorials
▶ D I S C L A I M E R:
This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for the support! Everything in this video is based on experience, information we learned from online resources and tests that we've run. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make.
Background Music: Produced by Danya Vodovoz
• London Lounge - Royalt...
Royalty Free Music

Пікірлер: 35

@Mr_Web 2 жыл бұрын

At the time of publishing this video I haven't heard back from Unlimited Elements regarding how to change the icon colours. IF and WHEN they do get back to me, I'll update this comment.

@Mr_Web 2 жыл бұрын

They got back to me, here's how to do it: unlimited-elements.com/docs/current-item/

@foreverstandalonellc484 Жыл бұрын

@@Mr_Web hey I just ran across your page & like do you help people with understanding about website with theme

@LariTech 2 жыл бұрын

Great video! Everything is clear and simple thank you very much!!! 💪🏻 Keep creating great videos like these! ✌

@Mr_Web 2 жыл бұрын

Thanks I appreciate the feedback 👍

@kwstasber9190 Жыл бұрын

as a developer i will say this. Now the sky is the limit i will create anything i want. i would like to see some javascript action bat i will figure it out now. thanks a lot.

@Mr_Web Жыл бұрын

The sky is the limit now

@Anonymous-rg1dd Жыл бұрын

It's really helpful. Thank you for the in depth video.

@normanainobushoborozi6974 5 ай бұрын

This is a very helpful tutorial, thank you very much.

@alvarez958 Жыл бұрын

Very good !!!! clear as a water !! Thanks

@justgkp 2 жыл бұрын

Great video and well articulated...Do come with more videos...

@Mr_Web 2 жыл бұрын

Thx... More to come 😎

@alican3081 2 жыл бұрын

this is the best educational video on elementor, thaks alooooooooooot 🧿

@Mr_Web 2 жыл бұрын

Glad it was helpful

@mahaveerjangid3327 2 ай бұрын

Nice one 😄

@Mr_Web 2 ай бұрын

Thanks

@wpglob-wordpresstutorials 2 жыл бұрын

As always very helpful content. Though I do not use Elementor now I will consider this info in the near future. Thanks.

@Mr_Web 2 жыл бұрын

Which page builder do you usually use?

@ldelmar3875 4 ай бұрын

This is fantastic! Is there a way to export the widget so other users without unlimited elements can use it as well?

@ThemeTon Жыл бұрын

Learned a lot, saved a lot and thanks a lot

@mikesaturday1302 Жыл бұрын

I loved your tutorial. I followed along and created it just as you instructed. The question is, how do I get this widget to my sidebar? That's where I want it to be. Thanks.

@MDRidoy-bn9gx Жыл бұрын

its really a awesome video for widgets

@damiankeyes5894 2 жыл бұрын

Fantastic

@Mr_Web 2 жыл бұрын

Thank you so much 😀

@evgeniisharaborin8071 Жыл бұрын

Thank you very much! It will help me to do my custom widget) can you show an rxample how to make dynamic example with JS?

@jordanaktiga 11 ай бұрын

Can you help me understand why you went through the trouble of adding an image asset, when you ended up just adding a different image from the Elementor dashboard? Other than that, this tool looks incredible! Thanks for demoing.

@Mr_Web 11 ай бұрын

Well you have to create the image field first in order to be able to add an image. Just like with the other fields: testimonial, name, website, etc... It's just the same principle

@rakesh.dsouza 5 ай бұрын

But what if i need to add Items within an Item... e.g. if my card itself is made with item attributes dynamically... then I need to add social media icons... how can it be done?

@rogerpence Жыл бұрын

This is àgreat video. Yoiu're doing yoursself a disservice by not using a better title--something like, "How to make custom elementor widgets _without_ code" or "The fastest path to creating custom elementor widgets." I almost skipped past it when I saw that you were installing a plugin. I'm glad I stuck around! There doesn't seem much downside to building widgets this way over the manual codey way. Do you know of any downsides? Thank you very much for this video.

@Mr_Web Жыл бұрын

Thanks. I took your advice on board and changed the video title 👍 No downsides really, results are fairly similar either way

@rogerpence Жыл бұрын

@@Mr_Web I am so glad I found your video. I had a challenge to resolve that I thought was gonna require a bunch of Elementor HTML widgets. However, in less than one hour, I had created four widgets that do exactly what we need. Thanks, again.