- 42
- 69 096
Sygnal Technology
New Zealand
เข้าร่วมเมื่อ 27 ส.ค. 2017
Download Your Webflow Assets
Need to download ALL of your Webflow site's assets from the designer's assets panel? While there is no built in feature to do this, there is always a way. Here I walk through how to accomplish this using Chrome's DevTools and Chat GPT v4's Code Interpreter.
Need technical help with your Webflow project?
www.sygnal.com/webflow
Need technical help with your Webflow project?
www.sygnal.com/webflow
มุมมอง: 1 094
วีดีโอ
Using Webflow's Visibility: Hidden v Display: None
มุมมอง 3.5Kปีที่แล้ว
Display: none is a style (under layout) which instructs the browser not to display a specific element and its children. The element is not visible, but the HTML content is still part of the page where it can be seen by custom code, and search engines. Use it when you want to hide an element, but to still have the element content appear in the page. - Hide elements on certain breakpoints, and sh...
Playing Games with ChatGPT
มุมมอง 131ปีที่แล้ว
Among humans, the ability to play games and to be skilled at them is a significant tool for developing our skills of reasoning, deduction, and strategy. It's even a great indicator of intelligence. But can ChatGPT play games? And if so, how good is it? Let's find out. My findings in this experiment are still boggling my mind- particularly in the experiment with Zork. Its ability to role play in...
Reflections on AI - FEB 2023
มุมมอง 21ปีที่แล้ว
2022 saw amazing advances in AI and public access to Midjourney and ChatGPT. What does 2023 hold? How will AI impact us? What does it all mean? Here are a few of my thoughts on the the future and on the philosophical implications of AI. It has a surprising amount to teach us about ourselves and even about the very nature of intelligence.
Create Test CMS Data w/ ChatGPT
มุมมอง 216ปีที่แล้ว
Need some specific test data in your CMS to mock up your layouts or design a template with? ChatGPT can do that too. While it's not covered in the video, you can add images for import into Webflow as well. www.sygnal.com/lessons/create-cms-test-data #chatgpt #ai #cms #webflow
Webflow, Coloring SVGs as Lotties
มุมมอง 3672 ปีที่แล้ว
Is your SVG too large to inline in Webflow's HTML Embed? Don't despair- Webflow's Lotties element might just be what you're looking for. Webflow DEMO project- effects-demo.webflow.io/lottie #webflow #svg #lottie
Webflow - How to Color External SVGs
มุมมอง 9832 ปีที่แล้ว
YES it is actually possible to color SVGs that are stored in your Webflow assets. It's easier than you think, and it's fully supported- but it's not well-known. Demonstration website external-svg-coloring.webflow.io/ Webflow read-only project view preview.webflow.com/preview/external-svg-coloring?preview=c789e60d065530ee760350626cf50901&workflow=preview Technical notes external-svg-coloring.web...
Webflow, Rich Text and Custom Text Styling
มุมมอง 1.1K2 ปีที่แล้ว
Ever wanted to be able to make selected text red, or to add a yellow highlighter effect in Webflow's Rich Text Elements? Now you can.
Webflow + Markdown & HTML Tables
มุมมอง 2K2 ปีที่แล้ว
Webflow does not offer in-built support for HTML Tables or Markdown, however with showdown.js and a bit of script, you can add this support for both exactly where you want it, with precisely the features you need. Codepen.io Example- codepen.io/memetican/pen/GRxdzQX Showdown.js github.com/showdownjs/showdown Markdown- www.markdownguide.org/basic-syntax/ ALSO IN THIS VIDEO- CodeMode for Webflow ...
How to Identify Spam & Scams in your Email
มุมมอง 423 ปีที่แล้ว
#scam #spam #business If you run a website, chances are that some of the leads you get are spam or scams designed to rip you off. Here are some key ways to check and identify those emails you should delete.
Google Classroom - Enabling Students to Join Your Class
มุมมอง 3.1K3 ปีที่แล้ว
Are you trying to add a student and getting the "Can't invite student from this domain" error? Here's why, and how to fix it.
Embedding dynamic tables in a Webflow rich text element
มุมมอง 4.1K3 ปีที่แล้ว
At this point, Webflow does not support HTML tables, even in its rich text editor- and this is problematic when you need to display content in table format. Here's a workaround I've found using Google Slides. The basic process is; 1. Create a Google Slide document in any Google Drive account 2. Make certain the document or its folder is public, so that "anyone with the link can view." 3. In you...
WebFlow - Collection Lists within Collection Lists
มุมมอง 5524 ปีที่แล้ว
UPDATE 21-Apr-2020 / Webflow has added nested collection lists! th-cam.com/video/EvmWJf-OBb0/w-d-xo.html Want to embed a WebFlow collection list within another collection list? It's currently not possible in the designer, however in one-to-many scenarious you can repair this with a bit of page javascript. #Webflow #CMS #CollectionList #Collections
WebFlow - Databinding CMS Lists to Form Dropdown Selects
มุมมอง 2.7K5 ปีที่แล้ว
WebFlow has a great CMS feature and easy-to-use forms designer. But the two don't work together- it's not currently possible to directly databind a WebFlow Form Select to a CMS datasource. Here's how you can do it using a jQuery script. #webflow #cms #databinding #form #select
Business Tools - Google Calendar & why it's great
มุมมอง 465 ปีที่แล้ว
In my book, there's no better schedule-management software available than the entirely FREE Google Calendar. Here's why.
WebFlow - Responsive Card Layouts & CMS Collection Lists
มุมมอง 3.7K5 ปีที่แล้ว
WebFlow - Responsive Card Layouts & CMS Collection Lists
QR Codes, Gaming & Payment Systems - SnapTag
มุมมอง 1.2K5 ปีที่แล้ว
QR Codes, Gaming & Payment Systems - SnapTag
WebFlow - Finding a Suitable Website Icon
มุมมอง 475 ปีที่แล้ว
WebFlow - Finding a Suitable Website Icon
WebFlow - Adding Structured Data (JSON+LD) to your Website
มุมมอง 6K6 ปีที่แล้ว
WebFlow - Adding Structured Data (JSON LD) to your Website
How To Use Web Browser Shortcuts with QR Codes
มุมมอง 2786 ปีที่แล้ว
How To Use Web Browser Shortcuts with QR Codes
Office 365 Outlook Email Signatures Advanced Editing Techniques
มุมมอง 7576 ปีที่แล้ว
Office 365 Outlook Email Signatures Advanced Editing Techniques
WebFlow How to Emulate Collection Page Login protection
มุมมอง 1666 ปีที่แล้ว
WebFlow How to Emulate Collection Page Login protection
WebFlow Connecting YouTube to your WebFlow Blog with Zapier
มุมมอง 1376 ปีที่แล้ว
WebFlow Connecting TH-cam to your WebFlow Blog with Zapier
WebFlow How to optimize mutiline text layout across breakbroints
มุมมอง 826 ปีที่แล้ว
WebFlow How to optimize mutiline text layout across breakbroints
WebFlow Helping Zapier work with Video fields in the WebFlow CMS
มุมมอง 726 ปีที่แล้ว
WebFlow Helping Zapier work with Video fields in the WebFlow CMS
WebFlow - How to Add Icons to your Main Menu Navigation
มุมมอง 4.6K6 ปีที่แล้ว
WebFlow - How to Add Icons to your Main Menu Navigation
WebFlow Security Password-protection, and the underlying mechanics
มุมมอง 1.2K6 ปีที่แล้ว
WebFlow Security Password-protection, and the underlying mechanics
WebFlow, Rich Snippets, and Structured Data
มุมมอง 8576 ปีที่แล้ว
WebFlow, Rich Snippets, and Structured Data
WebFlow - How to Create Recurring Events in the CMS
มุมมอง 2.1K6 ปีที่แล้ว
WebFlow - How to Create Recurring Events in the CMS
Is there any way to delete these types of webflow cookies automatically during a site event? i.e. clicking a logout button and deleting cookies with javascript when this event is triggered.
my wf_sif cookie is blocking my login functionality via memberstack
Unfortunately not, it's an Httponly cookie which means it can only be accessed by the server, not JS.
@@jordancornelius1433 I'm not certain what that cookie is, it doesn't show for me on a standard login. In any case I would not expect it to affect memberstack in any way- MS has it's own independent set of cookies. I'd contact Memberstack support if you're experiencing a conflict.
@@sygnaltechnology773 Thank you for the reply. I realized it is easier to link memberstack events to the default webflow systems rather than vice versa. thank you.
Exactly what i needed, thanks!
This was such a helpful walkthrough! Thanks for taking the time for this.
Timestamps would be great :)
If you mean the ability to enter the current timestamp quickly, I use AutoHotkey ( AHK ) for that and bind CTRL+; ( semicolon ) so that I can create timestamps in any program, anytime. That hotkey is already used in Google Sheets for timestamp entry, so it's a consistent way to drop timestamps in Google Docs, Webflow, etc.
Exactly what I was looking for, thank you so much!
This was so clearly and concisely presented - and so useful. Thank you.
I am new to Webflow and I asked myself, are elements set to display none affecting the performance of the site in a great fashion?
Display: none only affects visibility so it comes down to the size of the content you're hiding. Ideally you only want you page to contain content that benefits your users, so if you're planning to show it later ( tabs, sliders, multi-step forms... ), it's generally ok in moderation. If half your page will never be seen, it's probably worth rethinking your design approach.
@@sygnaltechnology773 i have some fotos and videos in a slider, but that fits not good in my mobile, so i will (display none) the slide in mobile and show a grid with the same content as in the slider, so i have have doubled my content, because the grid is on display none above mobile but it still exists, thats not good, but my idea is that i make every image and video to an component, so it have to load only once, could that work?
@@private_krapfen950 No you'd still likely use 2 instances of that component. You could solve this with JS, but realistically the approach you're using ( desktop version, mobile version, hide-and-show ) is pretty standard and fits Webflow's designer paradigm better. I wouldn't sweat it. If you're using the same image assets, the browser will only load them once and that's going to be the bulk of that content.
F WebFlow. I will not recommend them again to anyone seeing how they deliberately hold assets hostage!
thank you
I have the same problem, waiting to see if it works
Did it?
The way that this is the only video and tutorial on the Internet that helped me. THANK YOU!
Glad it helped!
Great video! So amazing what Chat GPT can accomplish. I wish Webflow allowed for simple asset downloads in bulk but this will have to do. Thanks!
I believe it should be possible now through the API, but would require some careful work to manage the rate limits as most sites have quite a few assets. Also it would likely only get the asset folder and nothing stored in the CMS. developers.webflow.com/reference/get-asset
Is there a way to highlight a specific state or location on the map?
Last I checked you can add markers, including pop-up information - but you cannot highlight regions. It's likely you can do that using the Google API directly but will require programming. Check Google's Javascript Maps API
I wanted to formally thank you for all the work you do. You are such an asset to the Weblfow community with your videos and all of your contributions on the forum. You carry a heavy weight and I really appreciate it. Thank you!
Thanks Ben I really appreciate it.
Great video 👍
I need a code
So it's not the same as "visibility: hidden" in CSS, right? I find this a bit confusing. I've been looking for the CSS "visibility" property in Webflow, but it seems it's not available.
They are completely unrelated. Webflow is pretty consistent in that thing under Settings have nothing to do with CSS, which is all under the Style tab. The naming similarity to the visibility CSS property is unfortunate, but maybe unavoidable.
This was helpful thank you!
Great tutorial! Still relevant 5 years later. Thank you
Thank you for your helpful video! Do you know how to style Rich Text element which belongs to the blog post?
Hi Komasator, you need to unbind it from the CMS to style it. In general, I create an RTE with the same class on a drafted style guide page which I use for styling. It contains all of the elements I'd use in the CMS content- list items, blockquotes, headings, etc. This makes styling easier.
This is actually really nice for a basic map I have to build now. Needed to create a way more complex though and used Dynamic Map by NCF for this a month ago!
Awesome video, thanks!
Do you know if this solution still works? I tried to update the font size of superscript and subscript text boxes and nothing changes unfortunately.
Yes it works fine, we still use this more often than we should need to. Watch the video closely especially the part where the style overrides are applied, I recall there's a trick to getting the webflow designer to accept a style override when it thinks it's unchanged.
It worked! Thanks, you're awesome.
Thank you so much!!!! This fixed my problem. Sending it to my class attendees.
Thanks!
Does this work for tables with links?
This approach does not, but there are quite a few other approaches; www.sygnal.com/courses/webflow-tables
@@sygnaltechnology773 thanks so much!
I don't think the point of Visibility hidden is to allow you to retain access design elements without reverting to backups. That's what Components are for. Visibility hidden is for removing element from the DOM under various conditions - such as specific users or when an element in a component is required on a specific page - such as the log-in or sign-up button on a user's dashboard.
The primarily point of vis hidden was to support conditional vis on login state, and soon localization. But it's just as useful with no conditions, since it's the only way to exclude page content from the DOM without deleting it outright. We've also used components for this in the past, however that can create hundreds of components, and loses position information. For a client, managing their site, that's a pain. An example here is the covid banner notices & pop-ups. They were part of many client site-navs as a component within a component. Having to remove and re-add that was too complex for many clients, so we built intricate CMS-driven banners and popups. Overkill. Here, they just click visible/hidden, publish and done. Happier design team, and happier clients.
@@sygnaltechnology773 I guess we agree to disagree : )
@@fathom5209 Absolutely, but I encourage you to use the tools in the way they most benefit you. We're currently doing a bunch of site redesigns and template grafts onto existing sites and this one little feature has been a gamechanger.
Hey, it was amazing I would say. Do you have any experience how the lottie svg-s effect the page speed compared using embed svg-s?
Thank you a lot!
Super thanks, this is a life saver
😓 promo sm
Great tutorial. Really helpful workaround
Man, saying this is really useful, its such an understatement. Monumental even. Thanks. And you got a new sub, going to check those videos you have. Appreciated.
Thank you for making a video on this!
Can you do a tutorial on how to connect rich text element to a collection or template. I keep doing it and trying to get text but it’s not working. I check webflow and there’s no one who has answered that correctly.
Hi Dennis, RTE's connect only to CMS rich text fields, you can't connect them to plain text fields. Check your field types when you encounter this problem. Also make sure your RTE is actually in a CMS bindable context, such as inside of a collection list or on a collection page.
How will the game get activated?
Thank for sharing :)
Much appreciated!
I am using wix to create a website and I’ve created a map on snazzymaps the way you did. When I copy to emble the code as a html it says that it doesn’t work and the map doesn’t show properly, even tho I got an api. Can someone tell me where is the problem?
Hi Aurora, unfortunately I have no experience with Wix, or what embedding options it offers. I'd check first to make sure that it's actually generating the right code in your published HTML page. Also make sure you publish first, most platforms won't show embedded code while you're in the designer environment ( because it can interfere ). If you're seeing the code properly, than it's something to do with your API key. Perhaps it needs to be configured for maps, or given permission on the right domain names for access. Google docs will help you there.
Great job thanks so much!
Shows up as a really small image on my website. How can I change the size? Can't seem to get it working through Webflow so I assume that the height and width would have to be changed via the code.
Thanks! I've been using Webflow for years and I had no idea they added this embed feature.
Yes, they snuck that EMBED-in-richtext widget rather quietly, I first noticed it about a year ago. Handy little feature though, for handling those edge cases where you need to display something that doesn't fit into the regular richtext element types. Thanks for reminding me of this, I'd been wanting to expand this and add it to Webflow Utils.
Great tutorial, thank you. Such simple answers, exactly what I was looking for!
Great demonstration--thanks!
This was amazing!! So helpful and clear. Would love to see an updated version of this for GA4.
Thank you! Very helpful tutorial. Do you know what is the limit for markers? can I add more than 100? My current project has 136 locations
I'm not sure of the limit but what you're describing sounds more suitable for a dynamic map, fed from a CMS collection. You'd have a lot more control that way.
Thank you soooooooooooooo much! Really most helpful indeed. I am indebted to you.
Don't think this helps with SEO though. A lot of my tables have great content for indexing.
In fact, text inside of images is part of your SEO. However I'd personally prefer HTML content if SEO was a critical factor. For more on Google's OCR capabilities look here. cognitiveseo.com/blog/5909/did-google-read-text-image-can-affect-my-rankings/
A question: any page needs to have only one json+ld object (limited to one, i mean), or can have more than one (one for each section for example)?
In our experience multiple blocks are fine, so you can embed the JSON+LD output directly into eg an events collection you're emitting into the page.