Export figma prototype -> lottie for webflow
I'm looking to export my prototypes from figma to create animated mockups with lottie and webflow. What is the best plugin or way to go about that other than rebuilding it all in after effects.
SEO strategy help
Hi All,
We're working on a couple of client sites as well as our agency site and I was wondering if anyone has SEO / existing site to new site migration strategy experience that would be able to help us out or give us some best practices / consultation help?
Also, I was wondering if anyone has a recommendation for automation of pulling 750+ existing blog article content from the existing site into a spreadsheet and import into the new Webflow CMS. ...
GSAP Flip flexbox contents jumping (CodePen included)
Hey guys, I'm trying to create an interaction where when you click one of the menu items, it moves to the top of the page (using GSAP's Flip plugin). The issue I'm having however is that since I'm appending it to the
.flip_container as I've seen in the GSAP docs, it disrupts the flow of the .menu_wrapper. Which makes sense of course, but I'd like each of the remaining items in the .menu_wrapper to stay where they are.
Here is a Codepen where I've recreated the issue: https://codepen.io/chigggsy/pen/dyLaNWw...You Can't Find a Better Infinite Marquee
Hi Keegan,
Could you help with code for "stopping scrolling marquee on hover" interaction for your "You Can't Find a Better Infinite Marquee" tutorial, please.
YouTube.com/watch?v=ZMCNin2VjxU&t=55s...
masonry layout with macy.js not working on mobile
Hi Web Bae,
Thanks a lot for replying to my comment on youtube- it’s Adam here. As i mentioned, my masonry layout for some reason in the CMS projects template is not working on mobile. Ive created a test page with different CMS collections to test it on mobile and it does work all okay! It would be great to get your thoughts on that. All the best, Adam
https://preview.webflow.com/preview/jas-bhalla-works?utm_medium=preview_link&utm_source=designer&utm_content=jas-bhalla-works&preview=2c32b463a142e064df598b2d5b6dc8b3&pageId=65b385d8c4b415463367018f&itemId=65b3961527f984cbb00b5dd1&locale=en&workflow=preview...
Floorplan – how to build one and show on Webflow websiite?
Hi there,
I found this website that has really awesome floorplan and I wonder how can I build something similar?
Link: https://www.oceanabalharbour.com/floorplan...
Using web components with Webflow?
Hey Bea and others,
Did a bit of a dive into web components. Would it be possible to create web components in Webflow, and would there be any benefits to using web components in Webflow?
Webcomponents: https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements...
Custom SVG not fully loading in Clip Bae Plugin
Hi everyone,
I've come across several posts here that seem to echo the issue I'm currently facing. When I upload a custom SVG file into the Clip Bae plugin, it doesn't fully display as intended. It appears as if the bottom part of my SVG gets cut off, not showing the complete image.
I've experimented with various online tools to create the clip-path, successfully achieving the full shape each time. However, the aspect ratio isn't preserved (though the plugin seems to respect this, unlike the code generated by third-party websites)....
EMERGENCY SEO
Guys i just rebuilt my portfolio and have 100% site health on semflow and 99% on semrush but google search console cant index for some reason, Can some one please help me
Spline interaction not working properly with mouse
Can someone help me troubleshoot why my spline animations aren't behaving themselves properly?
I'm having some issues with "While Scrolling into view" interactions on Splines. The animations work fine with my trackpad, but with the scroll wheel on my mouse they're not working properly
It's almost as though the clicks of the mouse wheel progress the animation by 1 frame at a time. Paired with the js page snapping, the sections snap fine with one scroll, but the animation is only progressed by 1 frame. I hope that makes sense....
Would it be possible to recreate this with webflow?
Webflow, or maybe some other no code solution, because i don't understand any of their code used behind this haha
https://timberdiscounter.com/offerteaanvraag/...
Thought Process: Client asked to be able to track specific button click on to next page Form submit
I know that there are many ways to achieve this functionality - but I'd like to hear the different ways in which you guys would approach it.
Basic want is this:
Pricing page has two buttons for different tiers - they both route to a demo request form page (being the same page). Client wants to know who came from which tier btn click...
...
Webflow Custom Code Limit
Hello everyone, I found an interesting solution to the problem of reaching the 10k character limit in custom code in Webflow. I watched a video by Web Bae that offered a solution using GitHub and jsdelivr, but it seems to me that this is simpler and faster. I'm not sure if everyone already knows about this or if there's any issue with it that prevents people from using this method. Here's how it works: We all know that we can't upload a JS file directly to the Webflow assets panel, but we can upload a TXT file. Simply change the file extension, for example, from "script.js" to "script.txt" and upload it to Webflow. We'll get a unique URL just like when we upload an image. Now, all we need to do is copy that URL and put it into script tags like this:
<script src="URL_OF_TXT_FILE.txt" type="text/javascript"></script>
This works perfectly for me, but I'm not sure if there's any issue with this method that I'm unaware of....
Multi-language site in Webflow
Hello everyone. I hope you're all doing well. I need a little help regarding SEO. When we have a smaller website in Webflow, for example in English, and we duplicate those pages and translate them into German. How do we tell Google that these are not duplicates and that the pages are in another language? Let's say we have the following pages:
http://www.mysite.com
http://www.mysite.com/de
http://www.mysite.com/about
http://www.mysite.com/de/about...
What would be the best way to recreate this overlapping image?
What would be the best way to recreate this overlapping image? I've tried adding a background color div with 80% height, but that gives some issues on smaller screen sizes
Lottie file causing overflow issues on mobile breakpoint
Hello everyone I hope you guys are doing well. I am helping one of my client to setup a template but I am facing a problem on mobile breakpoint i.e. a Lottie graphic is causing overflow issues on mobile breakpoint. I have tried applying overflow hidden to the parent div and as well as the lottie itself but its not working does anyone knows any workaround for this problem. Any help or insight will be much appreciated @Web Bae . can't share preview link as i have been added as a freelancer on their workspace.
live website : https://vidheya-co.webflow.io/...
Adding Auto Scroll to Splide.js
Hi Everyone,
Followed a YT tutorial by the great Web Bae for CMS Slider using Splide.js
I'm trying to get auto scroll working but can't figure out where the code snippet from the docs go!...
Curious to know if these features are possible on Webflow?
Hey guys, a prospect reached out to me wanting to build out a CMS-focused website on Webflow that would require some custom JS. These are the features he wants to integrate and I've highlighted in bold the ones I'm not 100% sure are possible on Webflow which is what I would like to get your opinions on (I'm including the whole list for the bigger picture):
- Language toggle - English, Japanese, Chinese
- Embedded webcams / live feed (reference: https://www.stmoritz.com/live/webcams)
- Live scrolling bar (news feed) --a ticker bar with live data is what they mean here...
Webflow Apps
I’ve been trying to build a simple app just for a specific use case for a website.
The app will fetch data from an external data base and create cms items with the response.
Trying to use Webflow app feature, I’m getting some when I try to add dot Env file.
...