How To Build Custom Elementor Widgets without Code

Поділитися
Вставка
  • Опубліковано 5 тра 2022
  • 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/FlorinPop17/pen/VJ...
    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
    @Mr_Web  2 роки тому +5

    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
      @Mr_Web  2 роки тому +5

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

    • @foreverstandalonellc484
      @foreverstandalonellc484 Рік тому

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

  • @Anonymous-rg1dd
    @Anonymous-rg1dd Рік тому

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

  • @LariTech
    @LariTech 2 роки тому +1

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

    • @Mr_Web
      @Mr_Web  2 роки тому

      Thanks I appreciate the feedback 👍

  • @alvarez958
    @alvarez958 Рік тому

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

  • @normanainobushoborozi6974
    @normanainobushoborozi6974 4 місяці тому

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

  • @wpglob-wordpresstutorials
    @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
      @Mr_Web  2 роки тому

      Which page builder do you usually use?

  • @ThemeTon
    @ThemeTon Рік тому

    Learned a lot, saved a lot and thanks a lot

  • @justgkp
    @justgkp 2 роки тому

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

    • @Mr_Web
      @Mr_Web  2 роки тому

      Thx... More to come 😎

  • @evgeniisharaborin8071
    @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?

  • @alican3081
    @alican3081 2 роки тому

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

    • @Mr_Web
      @Mr_Web  2 роки тому

      Glad it was helpful

  • @mikesaturday1302
    @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.

  • @ldelmar3875
    @ldelmar3875 3 місяці тому

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

  • @MDRidoy-bn9gx
    @MDRidoy-bn9gx 11 місяців тому

    its really a awesome video for widgets

  • @cardinapointssolutions846
    @cardinapointssolutions846 Рік тому

    can you make a video of dynamic content widget example, thanks so much

  • @mahaveerjangid3327
    @mahaveerjangid3327 Місяць тому

    Nice one 😄

  • @Hypingmods009
    @Hypingmods009 2 роки тому

    Sir how can I connect you i have many doubt related my website

  • @rakesh.dsouza
    @rakesh.dsouza 4 місяці тому

    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?

  • @damiankeyes5894
    @damiankeyes5894 2 роки тому +1

    Fantastic

    • @Mr_Web
      @Mr_Web  2 роки тому

      Thank you so much 😀

  • @kwstasber9190
    @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
      @Mr_Web  Рік тому

      The sky is the limit now

  • @jordanaktiga
    @jordanaktiga 10 місяців тому

    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
      @Mr_Web  10 місяців тому

      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

  • @rogerpence
    @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
      @Mr_Web  Рік тому +1

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

    • @rogerpence
      @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.

  • @Albert.2r
    @Albert.2r Рік тому

    To the end you need a code. The title to video is wrong

  • @Critterles
    @Critterles Рік тому

    Why does this say Build a Widget without Code?. Every other sentence is about changing the Code.