Boost SEO Pop-Ups: The NEW Off-Canvas Elementor Widget
Vložit
- čas přidán 16. 06. 2024
- Elementor v3.22 has finally landed with the Off Canvas Widget that;
- Boosts the SEO you were missing with the Off Canvas Pop-Up
- Gets you building on the Page where it will appear
- Saves you jumping between Pages and Pop Up Templates
Awesome!
👉 Grab our $1 Business Packs: learn.websquadron.co.uk/#packs
👉 WordPress Hosting: be.elementor.com/visit/?bta=2...
👉 The Pro Page Builder: be.elementor.com/visit/?bta=2...
Need 1-2-1 Support: learn.websquadron.co.uk/#support
Join our Facebook Group: / websquadron
Get Code Snippets Pro: r.freemius.com/10565/3304295/ - Jak na to + styl
![How to Copy Any Website With a Click For Free, Edit & Make It Live [NEW]⚡️](http://i.ytimg.com/vi/GkcnlFc7IMk/mqdefault.jpg)
Another idea for use could be to trigger a "show more" button which lets slide in a (vertical?) loopgrid with all of your posts about certain service, products or simillar
Thanks for all the great tips alllllllll the time 🙏🏼
I know this is mostly for menus but it may also be good for an online shop.
Click item from the main screen and it slides in from the right, for example.
Exactly!
Share more details of the item with add to cart etc :)
@@websquadron yep! Just what I had in mind. Or if not a full item detail then it can be a nice presentation for a preorder-type item.
Hi Imran. Great video, as always!
I have one more question on the general subject of the menu:
There has been a bug in Elementor for years which has still not been fixed. I wanted to ask if you could make a workaround for this, if you have a solution. I'm sure many users would be grateful:
If you apply a submenu to the WordPress menu widget, the submenu indicator always loads with a delay. As a result, the main menu always jumps every time the page is loaded.
Hiding the indicator does not work either, as the spacing is maintained even though the indicator is not visible. There are discussions about this in various forums. Perhaps you can find a simple, easy-to-understand way to solve this problem.
Kind regards.
very buggy. when you have the icon on a sticky header , the off canvas seems to blinking all the time when you scroll up or down
Thank you for another great video!
Regarding Off-Canvas Widget, there is an inconvenience that might be solved somehow, but I have no idea how: if you put a video widget inside the off-canvas, while you triggered and played it, you'll have to stop or pause the video first and after that to close the off-canvas. On the other hand, the video (audio) is still playing in the background. With the pop-up widget, when you close the pop-up, the video stops.
The link to open the off canvas doesn't work on firefox mobile on android... no issue on chrome.
Do you think this or the mega menu would be better for SEO? Currently I use popups for mega menu functionality (in a header), but I know that’s bad for SEO.
Meta menu is great for the hover effect.
Off canvas is better than pop up for seo.
@@websquadronthanks! Is mega better then off canvas for SEO?
Hi @websquadron Imran, thanks for always being on top of the events!
The off-canvas widget looks great. I was thinking it would be amazing to trigger when hovering an icon, and close it when leaving the off-canvas area.
Do you think this is possible to achieve?
That scenario would be adding this code to the Icon CSS.
And you wouldn't need to use an Off Canvas Widget.
Just a Child Container will be fine.
selector .child_container_class_name {opacity = 0; display: none;}
selector: hover .child_container_class_name {opacity = 1; display: block;}
@@websquadron Thank you master
Do you have any idea, how we can close the canvas on link click if we use the off canvas as a on side jump nav?
I'm double checking that.
See this: czcams.com/video/gpGjec0pCos/video.htmlfeature=shared
Great content as always. 👌What html tag would you suggest with this?
Web Accessibility HTML Tag for Off Canvas Widget
a multilevel menu would be nice in this case
See my Apple Menu video :)
I can't insert templates and can't copy and paste into the canvas
Can the widget only work with an active gesture (e.g. clicking on a button)? Or can it also be activated just by a visit to a page (like a traditional pop-up that pops up without any interaction)?
Not sure about that yet. Would need investigation.
What do you think about off-canvas for a mobile menu? Is it worth making an HTML tag - nav?
I think it's fine to use :)
@@websquadron Thanks ❤
Think I asked this on another video before but could this be used for hiding filters off canvas (specifically WP Gridbuilder filters) on mobile, then have them appearing on click of a button? Haven’t found a good solution for it in Wordpress yet it seems standard on most online shops.
Yes, because the OffCanvas is built on the Page. So if the Grid is on the page, and you add the Filters Off Canvas it will still work. I tested this with the Elementor Taxonomy Filter in a video last month.
@@websquadron excellent, thanks Imran! I’ll check out the video.
Hi Imran, I have update my Elementor & Elementor Pro to 3.22, but there is no Off-Canvas widget. Did I miss something?
Have you enabled nested widgets in your features?
@@websquadron Thank you so much, I have just enabled the nested widgets and was able to find the Off-Canvas.
We're seeing some funky stuff happening when using off-canvas widget with a vertical Wordpress menu that has child dropdowns. Essentially, this Wordpress vertical menu seems to be pushing the child dropdowns outside of the off-canvas area - rendering it impossible to click on child menu items. Any suggestions?
In that scenario, I would use an Accordion (though not great for SEO unless you hide the WordPress Menu to still get the SEO tick). Alternatively, consider an Apple Style Menu: czcams.com/video/eTvNoS2yqd4/video.htmlfeature=shared
Hi Imran. If we want to use the off-canvas menu widget only for mobile view, should we add another menu inside the widget and not show the desktop view? Can you share more details about creating the mobile menu using this widget when you can? Thank you!
Yup exactly that.
Add a normal Menu and responsively hide for mobile.
Then build the off canvas and only show the toggle for that and the OC widget for the mobile.
@@websquadron thank you so much!
when we using this technique, then there would be two nav in the page, either one is hidden depend on desktop or mobile, in this case of two navs in one page, would that confuse the SEO? if yes, then would it be better for this technique to load the off canvas when we need only by using popup template, instead of off canvas widget?
in terms of performance, would it be faster to load the page with out off canvas loading together with the page?
in that case using popup template would be faster for page loading?
How strange. Updated Elementor (free and Pro) to 3.22 and not seeing this widget. Checked features and Element Manager.
Hmmmm even when you type Off Canvas?
@@websquadron Tried that too.
@@websquadron Jiust had a look on 8 different sites and it's only showing on one! How strange.
@@websquadron I just found that Nested Elements in Features has to be enabled.
Is this available only in pro version?@@websquadron
OMG.!
How’s about you have a ‘buy me a coffee’ box somewhere; as it’s optional nobody is put out yet I think it would be nice to say more than “thank you” sometime?
Agreed :)
Strange, I don't have an animation duration slider. (?) Anyone else?
i just noticed that...weird
It is. Oversight maybe? Hope they catch that too 😂