Hi Cristina. Sure thing no problem. The shortcode should be in your list of templates from within the Elementor. Simply navigate from the WordPress dashboard menu to “Templates >> Saved Templates” and it should be listed there, providing you’ve followed the other steps as well?
@@InnuvoCoUk maybe I didn't explain myself: when you build the template you have to get the shortcode to paste it into the preloader plugin, but I don't have the shortcode column to copy it
That is interesting - if you can't find it that way, you can hover over the title for the template (in the list view) and look in the bottom left corner of your browser - within the URL you should see a "post id" - that is the ID of the template, so you could just put in inside this shortcode [elementor-template id="YOURIDHERE"]
I am really trying to get this to work. I am so glad you made this video because I was at a loss. But now the issue is, I can't get the reloader to start. The timing is there for the page. For a split second I saw my animation. Now, it is blank and I have tried to figure out where the issue is between the template and the pre loader on the page. Can you help?
Hey Doug. Very strange, no caching enabled or anything? Do you have a link that you could share for me to take a look? Any console errors? Are all plugins etc up to date?
@@InnuvoCoUk i have it fully seperated frame by frame as a png, fresh from blender. thanks i will put it together and export it in premiere then. btw how big should the sequence resolution for the optimum json file?
What is your setup Shelley? Theme, Plug-ins etc. I don’t have any issues on any of the sites we’re using it on including the latest versions of Ele and WP
@@InnuvoCoUk Thanks for your reply! I'm using Hello Theme with Elementor Pro, I downloaded my lottie file from lottiefiles.com. The only change I did on the file before downloading it is changing the colour. Then done all of the steps in your video. Basically just doesn't show the lottie file at all, both on preview and the actual website.
@@shelleyjavier Are you using an AdBlocker? I am and am seeing them fine but it may be that…have you definitely checked the “custom content” part so that it shows the content that you’ve put in there?
@@InnuvoCoUk Oh stupid me.... I realised I chose the CUSTOM IMAGE instead of the CUSTOM CONTENT! If anybody comes across the same issue, just read this comment! lol. Anyway thank you so much for this tutorial!!!
Problème de cadrage lors de l'affichage du preloader. Mon json est bien lorsque je met le widget sous "elementor pro" mais lorsque que je le met dans "wordpress personnalisé", le est coupé en 2. Je ne comprend pas
Vue que je ne comprend pas très bien l'anglais et que j'avais oublié de mettre les sous-titres. je n'avais pas compris que le SVG ne fonctionnais pas très bien et qu'il était préférable de prendre Canvas sur Elementor pro. Voila mon erreur ! Merci pour le tuto !
Hello, can you please help me?
I can't see the shortcode on my template. How is that possible?
Thanks in advance,
Cristina
Hi Cristina. Sure thing no problem.
The shortcode should be in your list of templates from within the Elementor. Simply navigate from the WordPress dashboard menu to “Templates >> Saved Templates” and it should be listed there, providing you’ve followed the other steps as well?
Hey. thank you so much.
I must say this is the best preloader content that works well.
I can now add any of my animated videos through Lottie files.
I've been looking for this for sooo long, thank you mate!
No problem Jovan. Glad it has helped
thanks a ton
Obrigado
thanks alot !
Awesome video
hello, thank you ! But I have a problem, my animation that I imported in json for the preloader, does not work on mobile
Hey, I followed your tutorial and desktop works great! However it doesn't show up on mobile view
how do you do this if the file is a .gif I tried online converters to JP2 (or json) but it does not load
you can add a .gif file as adding it as an image - incase anyone wants to do this with a .gif file, worked for me
Nice - Cheers for the update Zachary. Good to know
Awesome tutorial, thanks a lot!
Thanks Andriy!
Hi, thanks for your video.
How to trigger the entrance animation after preloader? Now the entrance animation is already done in the back of preloader.
Hello mate this was GEM
Glad it helped!
I can't see shortcodes on my wordpress window! Please help me!!!
Do you mean inside the Elementor editor itself? Or you cant see the shortcode widget?
@@InnuvoCoUk i can't see the column "shortcode" inside elementor
Its not a column - you need to be looking on the left for a shortcode widget to drag into the section. You can then put the shortcode into the widget.
@@InnuvoCoUk maybe I didn't explain myself: when you build the template you have to get the shortcode to paste it into the preloader plugin, but I don't have the shortcode column to copy it
That is interesting - if you can't find it that way, you can hover over the title for the template (in the list view) and look in the bottom left corner of your browser - within the URL you should see a "post id" - that is the ID of the template, so you could just put in inside this shortcode [elementor-template id="YOURIDHERE"]
all is good but it doesnt work for me :(
пол дня искал как это сделать, спасибо бро ты super
Does a dotlottie format Work?(.lottie)
from where can i get this custom made json file
It depends on what kind of animation you want but check out Fiverr or People Per Hour and you should be able to get something
@@InnuvoCoUk thanks sir
@@dineshmittal7837 try lottiefiles, got lots of free and paid animations
I did all the steps and it does not work
:(
I am really trying to get this to work. I am so glad you made this video because I was at a loss. But now the issue is, I can't get the reloader to start. The timing is there for the page. For a split second I saw my animation. Now, it is blank and I have tried to figure out where the issue is between the template and the pre loader on the page. Can you help?
same porblem
I followed the video exactly but my pre-loader isn't showing up. It's just a blank white page. Works in the back-end.
Hey Doug. Very strange, no caching enabled or anything? Do you have a link that you could share for me to take a look? Any console errors? Are all plugins etc up to date?
Can this plugin be used in divi?
It doesn't work with me, when the shortcode is added nothing is showing ... Tried with different json file from lottie website but nothing is working
Nothing showing in the front end at all? Are you using Elementor Pro? I've never had an issue with it at all, but happy to try and help troubleshooot.
How do i make the preloading effect work before a particular page not on my front page
did you get how to do it?
Amazing. Love it
Thank you - glad you found it useful
What is the plugin called 'Animations'?
Hi Victor - I am not sure that I understand the question? Do you mean where I got the animation from? Sorry just a bit confused.
Great
Awesome
Great job on this tutorial - the alternatives were much worse
Thank you. It’s simple and effective and still works to this day.
Thanks!
how do u make the json file? i got my animation ready here, sequence by sequence
Premier can export it as a JSON. What kind of file type is your animation at the moment?
@@InnuvoCoUk i have it fully seperated frame by frame as a png, fresh from blender. thanks i will put it together and export it in premiere then. btw how big should the sequence resolution for the optimum json file?
json script ?
Not working for me either, followed every single step :((((
What is your setup Shelley? Theme, Plug-ins etc. I don’t have any issues on any of the sites we’re using it on including the latest versions of Ele and WP
@@InnuvoCoUk Thanks for your reply! I'm using Hello Theme with Elementor Pro, I downloaded my lottie file from lottiefiles.com. The only change I did on the file before downloading it is changing the colour. Then done all of the steps in your video. Basically just doesn't show the lottie file at all, both on preview and the actual website.
@@shelleyjavier Are you using an AdBlocker? I am and am seeing them fine but it may be that…have you definitely checked the “custom content” part so that it shows the content that you’ve put in there?
@@InnuvoCoUk Oh stupid me.... I realised I chose the CUSTOM IMAGE instead of the CUSTOM CONTENT! If anybody comes across the same issue, just read this comment! lol.
Anyway thank you so much for this tutorial!!!
Question: When I upload my json file doesn't give me any preview and it does now show in my page... any idea?
My suggestion is that it may be a bad json file. Are you sure it is a credible file? Not corrupt in any way?
@@InnuvoCoUk so how do I know if the file is corrupt?
@@markciano It could be because the .json uses images. im trying to find out how i can do this when the .json relies on images
@@ricaspinto I think you are right... let me know if you figure something out
Thanks! This helped a lot!
Excellent, glad to hear it worked
Problème de cadrage lors de l'affichage du preloader. Mon json est bien lorsque je met le widget sous "elementor pro" mais lorsque que je le met dans "wordpress personnalisé", le est coupé en 2. Je ne comprend pas
Vue que je ne comprend pas très bien l'anglais et que j'avais oublié de mettre les sous-titres. je n'avais pas compris que le SVG ne fonctionnais pas très bien et qu'il était préférable de prendre Canvas sur Elementor pro. Voila mon erreur !
Merci pour le tuto !
Hi Mathis - Glad that you managed to sort this in the end, apologies for not replying.
mbappe, ribery bezema? varane pavard.